
Nike
វិចិត្រសាលពណ៌ខ្មៅនៃសមិទ្ធផលកីឡា – ជញ្ជាំងពណ៌ស ផលិតផលជាស្នាដៃសិល្បៈ ក្រូមរលាយទៅក្នុងផ្ទៃខាងក្រោយ
Nike.com ដំណើរការជាវិចិត្រសាលពណ៌តែមួយ ដែលផ្តោតលើផលិតផលជាចម្បង៖ ចំណុចប្រទាក់អ្នកប្រើប្រាស់គឺមើលមិនឃើញ ដែលអនុញ្ញាតឱ្យរូបថតផលិតផលកាន់កាប់គ្រប់អេក្រង់។ ចំណុចប្រទាក់ទាំងមូលត្រូវបានបង្កើតឡើងពីពណ៌ខ្មៅ ស និងពណ៌ប្រផេះបីពណ៌ - គ្មានពណ៌សង្កត់សំឡេង គ្មានជម្រាលតុបតែង គ្មានក្រូមក្តៅ និងពិសេស។ រចនាប័ទ្មពិសេសរបស់ Nike ស្ថិតនៅក្នុងឡូហ្គោវិចិត្រសាល និងរូបថត ប៉ុន្តែមិនដែលស្ថិតនៅក្នុងចំណុចប្រទាក់អ្នកប្រើប្រាស់ខ្លួនឯងទេ។ ពុម្ពអក្សរមានលក្ខណៈតូចចង្អៀត និងមានប្រយោជន៍ ដោយពឹងផ្អែកលើពុម្ពអក្សរ Helvetica Now ដែលរចនាឡើងតាមតម្រូវការនៅ 12-20px ជាមួយនឹងឡូហ្គោ Nike Futura ND តែមួយដែលមានទំហំធំនៅ 76px សម្រាប់ចំណងជើង។ សមាសធាតុមានលក្ខណៈសាមញ្ញបំផុត៖ ប៊ូតុងរាងគ្រាប់ថ្នាំដែលមានកាំ 30px កាតផលិតផលរាបស្មើ ស៊ុមស្តើង និងភាពខុសគ្នានៃកម្ពស់ស្ទើរតែសូន្យ។ ទំព័រនេះឆ្លាស់គ្នារវាងផ្ទៃផលិតផលពណ៌សសុទ្ធ និងផ្នែកវិចារណកថាងងឹតដ៏គួរឱ្យចាប់អារម្មណ៍ ដែលបង្កើតចង្វាក់តាមរយៈភាពផ្ទុយគ្នាជាជាងការតុបតែង។
ទំព័រនេះដើរតាមចង្វាក់វិចារណកថាដ៏រឹងមាំមួយ៖ បឋមកថាពណ៌ខ្មៅដ៏គួរឱ្យចាប់អារម្មណ៍ មានទទឹងពេញ និងមានផលិតផលតែមួយ និងចំណងជើងធំមួយ បន្ទាប់មកដោយក្រឡាចត្រង្គប្រភេទ 2x2 ដែលមានទទឹងពេញ ក្រឡាចត្រង្គរមូរផ្ដេកនៃកាតផលិតផលក្នុងជួរឈរចំនួន 3 និងចុងក្រោយគឺបាតកថាច្រើនជួរឈរក្រាស់។ ប្លុកមាតិកាទាំងអស់កាន់កាប់ទទឹងច្រកមើលពេញលេញដោយគ្មានទទឹងកុងតឺន័រអតិបរមា។ ការកំណត់ទទឹងអតិបរមាអនុវត្តចំពោះតែក្រឡាចត្រង្គរុករក និងតំណភ្ជាប់បាតកថាប៉ុណ្ណោះ។ ការផ្លាស់ប្តូររវាងផ្នែកនានាគឺច្បាស់លាស់៖ បឋមកថាខ្មៅ → ក្រឡាចត្រង្គប្រភេទពណ៌ស → ក្រឡាចត្រង្គផលិតផលពណ៌ស → បាតកថាពណ៌ស ជាមួយនឹងស៊ុមពណ៌ប្រផេះតូចចង្អៀតដែលបម្រើជាថ្នេរដែលមើលឃើញតែមួយគត់។ ការរុករកគឺជារបារពីរជាន់តិចតួចបំផុត (តំណភ្ជាប់ជំនួយនៅផ្នែកខាងលើ ប្រភេទចម្បងស្ថិតនៅចំកណ្តាល) ដោយគ្មានការខ្ទាស់ គ្មានការបំពេញផ្ទៃខាងក្រោយ និងគ្មានស្រមោល។ ដង់ស៊ីតេមាតិកាគឺតូចចង្អៀតនៅក្នុងក្រឡាចត្រង្គផលិតផល (គម្លាតកាតតូចចង្អៀត) និងមានទំហំធំទូលាយនៅក្នុងបឋមកថា (ច្រកមើលទទឹងពេញ)។
ការថតរូបគឺជាធាតុដែលមើលឃើញលេចធ្លោ ហើយកំណត់អត្តសញ្ញាណទាំងមូលរបស់ម៉ាក។ ប្រព័ន្ធនេះប្រើប្រាស់រូបថតផលិតផលពេញស៊ុមដែលមានគុណភាពខ្ពស់៖ ស្បែកជើងកីឡាដែលថតជាលក្ខណៈបុគ្គលទល់នឹងផ្ទៃខាងក្រោយងងឹត ឬពណ៌ជម្រាល កាត់ដើម្បីបំពេញស៊ុម ដោយគ្មានបរិបទរបៀបរស់នៅ។ រូបភាពរបៀបរស់នៅលេចឡើងក្នុងប្រភេទ ដោយបង្ហាញជើង និងជើងរបស់អត្តពលិកដែលកំពុងធ្វើចលនា។ គ្រោងការណ៍ពណ៌ឆ្អែត និងផ្ទុយគ្នាខ្ពស់ត្រូវបានប្រើ - ស្បែកជើងពណ៌ក្រហមទល់នឹងផ្ទៃខាងក្រោយខ្មៅ ការសង្កត់សំឡេងពណ៌នីអុងលើបាតស្បែកជើងពណ៌ស និងភ្លើងបំភ្លឺក្តៅ និងត្រជាក់ដើម្បីធ្វើឱ្យសម្ភារៈមានភាពទាក់ទាញ។ គ្មានរូបភាព ក្រាហ្វិកអរូបី ឬការបង្ហាញ 3D ត្រូវបានប្រើទេ។ រូបភាពតែងតែមានគែមស្អាត (គ្មានជ្រុងមូលនៅក្នុងធុងរូបថត) តែងតែកាន់កាប់កន្លែងទាំងមូលនៅក្នុងប្លុករបស់ពួកគេ ហើយតែងតែត្រូវបានអមដោយការត្រួតលើអត្ថបទតិចតួចបំផុត។ រូបតំណាងគឺមានមុខងារសុទ្ធសាធ៖ រូបតំណាងគ្រោងសម្រាប់ការស្វែងរក បញ្ជីប្រាថ្នា រទេះ និងគណនីជាពណ៌ Obsidian ឬ Steel។
ក្ដារលាយពណ៌
អព្យាក្រឹត
- Obsidian
#111111— ពណ៌ងងឹតបំពេញបន្ថែមអក្សរ និងរូបតំណាងអព្យាក្រឹត ហើយបង្កើតភាពផ្ទុយគ្នាខ្លាំង។ ជៀសវាងការប្រើប្រាស់វាជាពណ៌ចម្បងសម្រាប់ការអំពាវនាវឱ្យធ្វើសកម្មភាព។ - Paper White
#ffffff— ផ្ទៃខាងក្រោយទំព័រ ផ្ទៃកាត អក្សរប៊ូតុងនៅលើផ្ទៃខាងក្រោយពណ៌ខ្មៅ គ្រោងរូបតំណាង — ផ្ទាំងក្រណាត់លំនាំដើមសម្រាប់ក្រឡាចត្រង្គផលិតផល និងផ្នែកប្រភេទ។ - Concrete Gray
#e5e5e5— ស៊ុម, បន្ទាត់បែងចែក, បន្ទាត់ស្តើងៗដែលបំបែកផ្នែកក្រឡាចត្រង្គ, គ្រោងលម្អិតនៃវាលបញ្ចូល។ - Soft Mist
#f5f5f5— ពណ៌ផ្ទៃខាងក្រោយស្រទន់សម្រាប់ផ្ទៃបន្ទាប់បន្សំ ការបំពេញវាលស្វែងរក ការរុករក ផ្ទៃខាងក្រោយស្លាក។ - Steel
#707072— អត្ថបទបន្ទាប់បន្សំ អត្ថបទជំនួយដែលបានបិទសំឡេង គ្រោងរូបតំណាងដែលបានកាត់បន្ថយ ស្លាក breadcrumb សញ្ញាបំបែកតំណភ្ជាប់បាតកថា។ - Faint Gray
#9e9ea0— គ្រោងរូបតំណាង ធាតុ UI តូចតាច និងស៊ុមដែលមានការបន្លិចតិចតួចបំផុតត្រូវបានបិទ។
អក្សរសាស្ត្រ
ពី 12 ដល់ 76px · 6 ជំហាន
- Helvetica Now Text Medium — ការជំនួស៖ Inter · គ្រោង 500 · ពុម្ពអក្សរ Helvetica Now Text Medium - ត្រូវបានរកឃើញនៅក្នុងទិន្នន័យដែលបានកោស ប៉ុន្តែមិនត្រូវបានពិពណ៌នាដោយ AI ទេ។
- Helvetica Now Text — ការជំនួស៖ Inter or Helvetica Neue · គ្រោង 400, 500 · អត្ថបទសំខាន់នៃចំណុចប្រទាក់អ្នកប្រើប្រាស់ - តំណភ្ជាប់រុករក ស្លាកប៊ូតុង ចំណងជើងកាត ឈ្មោះផលិតផល បញ្ជីបាតកថា និងអត្ថបទដើមទាំងអស់។
- Helvetica Now Display Medium — ការជំនួស៖ Inter Medium or Helvetica Neue Medium · គ្រោង 500 · ចំណងជើងផ្នែក ស្លាកប្រភេទកាត ចំណងជើងទំហំមធ្យម - ពុម្ពអក្សរទំហំមធ្យម (20-24px) គឺជាសញ្ញាសម្គាល់នៃចំណងជើង Nike ដែលមិនមែនជាធាតុរចនាធំៗ៖ មិនដែលដិត តែងតែសង្ខេប។
ចន្លោះពេល និងទម្រង់
| គោលបំណង | អត្ថន័យ |
|---|---|
| ដង់ស៊ីតេ | ក្រាស់ |
| ជំហានមូលដ្ឋាន | 8px |
| កាំប៊ូតុង | 30px |
| កាំកាត | 0px |
| ស្រមោល | គ្មានព្រំដែនជំនួសឱ្យស្រមោល |
| រវាងផ្នែកនានា | 48px |
| ទទឹងទំព័រ | 1440px |
បញ្ញាសិប្បនិម្មិត (AI) នឹងបង្កើតគេហទំព័ររបស់អ្នកតាមរចនាបថ Nike ហើយបំពេញវា
- បំពេញជាមួយផលិតផល និងការបង្ហោះតាមរយៈតំណភ្ជាប់ - Instagram, TikTok, Facebook ។
- ផ្ទេរខ្លឹមសារពីគេហទំព័រចាស់របស់អ្នក—គ្រាន់តែបញ្ជាក់អាសយដ្ឋាន។
- ការរចនាទំនើបលើម៉ាស៊ីនល្អបំផុត៖ React ( Next.js) ជាមួយនឹងការបង្ហាញម៉ាស៊ីនមេ និងការបង្កើនប្រសិទ្ធភាព SEO ភ្លាមៗ។
- ការបង្កើនប្រសិទ្ធភាព SEO ដោយស្វ័យប្រវត្តិយ៉ាងពេញលេញសម្រាប់លទ្ធផលស្វែងរក និងអនុសាសន៍បណ្តាញសរសៃប្រសាទ។
រចនាប័ទ្មស្រដៀងគ្នា
- Airbnb — ជញ្ជាំងវិចិត្រសាលពណ៌សស្ងប់ស្ងាត់មួយដែលមានចំណាំពណ៌ក្រហមផ្កាថ្មតែមួយ
- Apple (España) — ប្រអប់តាំងបង្ហាញវិចិត្រសាលពណ៌ស
- Silencio — បន្ទប់ពណ៌សមួយដែលមានវត្ថុបុរាណអណ្តែតទឹក។ ការតាំងពិព័រណ៍វិចិត្រសាលធ្វើពីក្រដាសក្តៅ ដែលធាតុនីមួយៗកាន់កាប់កន្លែងរបស់វាទល់នឹងផ្ទៃខាងក្រោយនៃបរិមាណអវិជ្ជមាន ហើយភាពស្ងៀមស្ងាត់គឺជាការសម្រេចចិត្តរចនាដោយចេតនា។
- Oakâme — សិក្ខាសាលា Provençal ដែលត្រូវបានឆ្លាក់ចេញពីថ្មក្តៅឧណ្ហៗ ដែលមានពន្លឺថ្ងៃ
- Arc — វិចិត្រសាលពណ៌សឧស្សាហកម្មជាងពាក់កណ្តាលអធ្រាត្រ
- Rivian — រូបចម្លាក់អគ្គិសនីមួយដុំនៅលើជញ្ជាំងបេតុងនៃវិចិត្រសាល។ Rivian បង្ហាញយានជំនិះនីមួយៗជារូបចម្លាក់ប្រឆាំងនឹងលំហពណ៌សដ៏ធំទូលាយមួយ ជាមួយនឹងអក្សរធំដែលក្លាយជាធាតុស្ថាបត្យកម្ម និងពណ៌លឿងក្តៅតែមួយដែលបំបែកបរិយាកាសពណ៌តែមួយ ដូចជាពន្លឺព្រះអាទិត្យនៅលើផ្ទៃម៉ាត់។
- Analogue — ប្រអប់តាំងបង្ហាញវិចិត្រសាលពណ៌ខ្មៅ - ទំនិញអណ្តែតក្នុងភាពទទេ
- ddna — ប្រអប់តាំងបង្ហាញសារមន្ទីរក្តៅៗលើក្រណាត់ទេសឯកដែលមិនទាន់កែច្នៃ
- Zellerfeld — សិក្ខាសាលាជាងចម្លាក់លើថ្មម៉ាបពណ៌ស—ផ្ទៃថ្មម៉ាបតែមួយនៃជើងទម្រ ផ្កាភ្លើងកូបូលតែមួយ សំឡេងខ្សឹបខ្សៀវនៃអក្សរតូចពីជាន់ដល់ពិដាន
- UY Studio — វិចិត្រសាលថ្មរបស់វត្តអារាមគឺជាកន្លែងស្ងប់ស្ងាត់មួយដែលមានជញ្ជាំងបេតុង ជាកន្លែងដែលដបទឹកអប់ឈរនៅលើជើងទម្រពណ៌ស បំភ្លឺដោយចង្កៀង ៤០០ វ៉ាត់មួយ និងអំពូលពណ៌ប្រផេះក្តៅចំនួនបួន។
- Basic.Space — វិចិត្រសាលអ្នកថែរក្សានៅលើថ្មម៉ាបពណ៌ស
- COS — វិចិត្រសាលទាន់សម័យដែលមានជញ្ជាំងពណ៌ស