Allbirds
វត្ថុធាតុដើមធម្មជាតិលើក្រណាត់ទេសឯកពណ៌ស
Allbirds ដំណើរការដោយទំនុកចិត្តធម្មជាតិ និងស្ងប់ស្ងាត់ — ផ្ទាំងក្រណាត់ស្ទើរតែគ្មានពណ៌ទាំងស្រុង បំពេញបន្ថែមដោយខ្សាច់ក្តៅ (#e0dacf) និងពណ៌ផែនដីស្រអាប់ដែលគូរដោយផ្ទាល់ពីការថតរូបផលិតផល។ ចំណុចប្រទាក់អ្នកប្រើប្រាស់មិនជ្រៀតជ្រែកជាមួយបទពិសោធន៍ផលិតផលទេ៖ ផ្ទៃពណ៌ស ស៊ុមស្តើង ការរុករកដោយអក្សរធំទាំងអស់ និងការគ្រប់គ្រងរាងដូចគ្រាប់ថ្នាំ ដែលមានអារម្មណ៍ដូចជាប៊ូតុងរូបវន្តជាងធាតុគេហទំព័រ។ Self Modern (ពុម្ពអក្សរ serif ផ្ទាល់ខ្លួន) ត្រូវបានប្រើសម្រាប់ពេលវេលាសំខាន់ៗមួយចំនួនដែលត្រូវការការយកចិត្តទុកដាក់ផ្នែកវិចារណកថា — ចំណងជើង និងឈ្មោះបណ្តុំ — ខណៈពេលដែល Geograph ត្រូវបានប្រើសម្រាប់អក្សរនីមួយៗ ច្បាប់ចម្លងតួ និងប៊ូតុងក្នុងទម្ងន់មានតុល្យភាពបី។ កាតប្រភេទក្លាយជាប្រព័ន្ធពណ៌៖ នីមួយៗយកពណ៌ផ្ទៃខាងក្រោយរបស់វាពីផលិតផលដែលបានបង្ហាញ ដោយផ្លាស់ប្តូរការរុករកទៅជាក្ដារលាយ Pantone ដ៏រស់រវើក។
ទទឹងអតិបរមាគឺ ~1200px ដែលស្ថិតនៅចំកណ្តាលជាមួយនឹងបន្ទះចំហៀងធំទូលាយ។ ធាតុសំខាន់គឺជាបន្ទះវិចារណកថាទទឹងពេញនៅលើផ្ទៃខាងក្រោយខ្សាច់ក្តៅ ជាមួយនឹងរង្វង់ផលិតផលធំមួយដែលបញ្ចេញចេញពីកណ្តាល។ ការរុករកប្រភេទគឺជាក្រឡាចត្រង្គនៃកាតពណ៌ដូចគ្នាចំនួនបួនក្នុងជួរឈរចំនួនបួន ដែលនីមួយៗមានម៉ូដែលស្បែកជើងតែមួយនៅចំកណ្តាល។ នៅខាងក្រោមផ្នត់ ប្លង់ឆ្លាស់គ្នារវាងបន្ទះបំបែកទទឹងពេញ (រូបថតរបៀបរស់នៅនៅខាងឆ្វេង + គំរូផលិតផលនៅខាងស្តាំ) និងរង្វង់ផលិតផលនៅចំកណ្តាលនៅក្រោមចំណងជើងផ្នែកតូចមួយដែលមានបន្ទាត់គូស។ ចង្វាក់រួមគឺ៖ បន្ទះវិចារណកថាទទឹងពេញ → ក្រឡាចត្រង្គបួនជួរឈរ → រង្វង់ផលិតផលនៅចំកណ្តាល → ជួរឈរពីរ → រង្វង់ផលិតផលនៅចំកណ្តាល។ ចន្លោះរវាងផ្នែកគឺ 40-56px ដែលបង្កើតការផ្លាស់ប្តូរដែលមានខ្យល់ចេញចូល ប៉ុន្តែមិនលើសលប់។ ការរុករកគឺជារបារកំពូលថេរតិចតួចបំផុត ជាមួយនឹងតំណភ្ជាប់ចម្បងនៅចំកណ្តាល។
ការថតរូបគឺជាប្រព័ន្ធមើលឃើញទាំងមូល។ រូបថតផលិតផលទាំងអស់គឺថតជិតៗ ពីមុំបន្តិច ទល់នឹងផ្ទៃខាងក្រោយរឹងមាំដែលផ្គូផ្គង ឬបំពេញបន្ថែមពណ៌លេចធ្លោរបស់ស្បែកជើង ដែលប្រែក្លាយរូបថតនីមួយៗទៅជាការសិក្សាពណ៌។ រូបថតរបៀបរស់នៅត្រូវបានថតក្នុងពណ៌ក្តៅ និងមានពន្លឺថ្ងៃ ក្នុងបរិយាកាសធម្មជាតិ (វាលស្មៅអាហ្គាវ រានហាលឈើ ដីរដុប) មានការបន្ថយពណ៌បន្តិចបន្តួចដើម្បីផ្គូផ្គងនឹងក្ដារលាយពណ៌។ មិនមានរូបភាព គ្មានការបង្ហាញ 3D គ្មានក្រាហ្វិកអរូបីទេ។ ដោយសហការជាមួយ Pantone ក្ដារលាយពណ៌តាមព្យញ្ជនៈត្រូវបានប្រើជាធាតុក្រាហ្វិក។ រូបតំណាងគឺតិចតួចបំផុត និងពណ៌តែមួយ (រូបតំណាងគ្រោងនៅក្នុងទីតាំងរុករក និងទីតាំងជំនួយ)។
ក្ដារលាយពណ៌
អព្យាក្រឹត
- Canvas White
#ffffff— រូបភាពផ្ទៃខាងក្រោយទំព័រ, ផ្ទៃកាត, រូបភាពផ្ទៃខាងក្រោយកាតផលិតផល។ - Charcoal
#212121— ពណ៌អព្យាក្រឹតត្រូវបានគាំទ្រសម្រាប់ធាតុ UI បន្ទាប់បន្សំ បន្ទាត់បែងចែក និងស្លាកដែលបានបិទសំឡេង។ វាមិនគួរត្រូវបានប្រើជាពណ៌ចម្បងសម្រាប់ការអំពាវនាវឱ្យធ្វើសកម្មភាពទេ។ - True Black
#000000— ចំណងជើង រូបតំណាង ស៊ុមកម្រិតពណ៌ខ្ពស់ អត្ថបទរុករក។ - Warm Sand
#e0dacf— ផ្ទៃខាងក្រោយផ្នែកសំខាន់ ម្លប់ផ្ទៃបន្ថែម បន្ទះវិចារណកថាធំៗ។ - Olive Char
#222519— ពណ៌អព្យាក្រឹតត្រូវបានគាំទ្រសម្រាប់ធាតុ UI បន្ទាប់បន្សំ បន្ទាត់បែងចែក និងស្លាកដែលបានបិទសំឡេង។ វាមិនគួរត្រូវបានប្រើជាពណ៌ចម្បងសម្រាប់ការអំពាវនាវឱ្យធ្វើសកម្មភាពទេ។ - Iron Gray
#525252— អត្ថបទបន្ទាប់បន្សំ អត្ថបទជំនួយ ស៊ុមមិនច្បាស់លាស់។
អក្សរសាស្ត្រ
ពី 12 ដល់ 40px · 6 ជំហាន
- Self Modern — ការជំនួស៖ Playfair Display · គ្រោង 400 · ចំណងជើង និងអត្ថបទវិចារណកថាត្រូវបានប្រើប្រាស់តិចតួច ដោយបន្លិចឃ្លាសំខាន់ៗ និងចំណងជើងបណ្តុំ។ ពុម្ពអក្សរ Serif និង italic បំបែកភាពឯកោនៃពុម្ពអក្សរ sans-serif និងបង្ហាញសារថា "នេះគឺជាខ្លឹមសារនៃរឿង"។
- Geograph — ការជំនួស៖ Inter · គ្រោង 400, 500, 700 · ពុម្ពអក្សរចម្បងសម្រាប់ចំណុចប្រទាក់អ្នកប្រើប្រាស់រួមមានអត្ថបទតួ ស្លាករុករក ប៊ូតុង ចំណងជើងផលិតផល បាតកថា វាលបញ្ចូល និងរូបតំណាង។ ៥០០ សម្រាប់ចំណងជើងដែលបានបន្លិច ៧០០ សម្រាប់ឈ្មោះផលិតផល។ គម្លាតអក្សរធំទូលាយ (០.០២៥em–០.១០em) ជាអក្សរធំនៅក្នុងស្លាករុករក និងប្រភេទ បង្កើតរចនាប័ទ្មម៉ាកយីហោដែលស៊ីសង្វាក់គ្នា។
- HurmeGeometricSans3 — ការជំនួស៖ Inter · គ្រោង 400 · កម្រប្រើជាស្លាកបម្រុងទុក ឬជាស្លាកដែលឧទ្ទិសដល់ប៊ូតុងណាស់។ Geograph ប្រើប្រាស់ប្រព័ន្ធនេះជារៀងរាល់ថ្ងៃ។
ចន្លោះពេល និងទម្រង់
| គោលបំណង | អត្ថន័យ |
|---|---|
| ដង់ស៊ីតេ | ក្រាស់ |
| ជំហានមូលដ្ឋាន | 8-16px |
| កាំប៊ូតុង | 9999px (pill) |
| កាំកាត | 16px |
| ស្រមោល | គ្មានព្រំដែនជំនួសឱ្យស្រមោល |
| រវាងផ្នែកនានា | 40-56px |
| ទទឹងទំព័រ | 1200px |
បញ្ញាសិប្បនិម្មិត (AI) នឹងបង្កើតគេហទំព័ររបស់អ្នកតាមរចនាបថ Allbirds ហើយបំពេញវា
- បំពេញជាមួយផលិតផល និងការបង្ហោះតាមរយៈតំណភ្ជាប់ - Instagram, TikTok, Facebook ។
- ផ្ទេរខ្លឹមសារពីគេហទំព័រចាស់របស់អ្នក—គ្រាន់តែបញ្ជាក់អាសយដ្ឋាន។
- ការរចនាទំនើបលើម៉ាស៊ីនល្អបំផុត៖ React ( Next.js) ជាមួយនឹងការបង្ហាញម៉ាស៊ីនមេ និងការបង្កើនប្រសិទ្ធភាព SEO ភ្លាមៗ។
- ការបង្កើនប្រសិទ្ធភាព SEO ដោយស្វ័យប្រវត្តិយ៉ាងពេញលេញសម្រាប់លទ្ធផលស្វែងរក និងអនុសាសន៍បណ្តាញសរសៃប្រសាទ។
រចនាប័ទ្មស្រដៀងគ្នា
- Lightship — ឌីអូរ៉ាម៉ាភាពយន្តនៃផ្លូវបើកចំហ។ ជញ្ជាំងវិចិត្រសាលពណ៌ក្រែមក្តៅឧណ្ហៗ តុបតែងដោយរូបថតទេសភាពធំៗដែលដាក់នៅចន្លោះពេលជិតៗ អក្សរខ្មៅស្តើងៗមើលមិនឃើញនៅលើស៊ុម និងការសង្កត់សំឡេងពណ៌ទឹកក្រូចភ្លឺតែមួយបំបែកពណ៌តែមួយដូចជាភ្លើងឆេះក្នុងវាលស្មៅ។
- Faire ES — កាតាឡុកលក់ដុំនៃក្រែមក្តៅ
- Adanola — សៀវភៅរចនាវិចារណកថាលើក្រដាសស។ ការថតម៉ូដដែលរចនាបថអក្សរ និងការថតរូបលេចធ្លោលើផ្ទៃពណ៌សស្អាត ជាមួយនឹងទឹកថ្នាំពណ៌ខ្មៅសម្រាប់ពុម្ពអក្សរ និងពុម្ពអក្សរ sans-serif ដ៏ទាក់ទាញ (Favorit) ដែលឆ្លុះបញ្ចាំងពីរចនាបថទាំងមូលរបស់ម៉ាក។
- Oura Ring — សិក្ខាសាលាធ្វើអូតមីលដ៏កក់ក្ដៅមួយ ក្រោមពន្លឺថ្ងៃស្រទន់ៗ
- Stykka — សិក្ខាសាលាស្កែនឌីណាវីក្នុងពន្លឺពណ៌ស - បន្ទប់តាំងបង្ហាញដ៏ស្ងប់ស្ងាត់ និងផលិតដោយដៃ ជាកន្លែងដែលសំឡេងតែមួយគត់គឺការថតរូប
- DJI — ផ្ទាំងក្រណាត់ពណ៌ខ្មៅសម្រាប់អវកាសយានិក ជាមួយនឹងពណ៌ខៀវអគ្គិសនីតែមួយ
- Altitude Beverages — ការរីករាលដាលនៃទស្សនាវដ្តីពណ៌តែមួយ។ ស្រមៃមើលការរីករាលដាលនៃទស្សនាវដ្តីម៉ូដដែលគ្មានពណ៌អ្វីទាំងអស់ លើកលែងតែរូបថត - អត្ថបទ និងចន្លោះពណ៌សប្រាប់រឿងរ៉ាវទាំងមូល។
- AATHER — បាតដៃបើកចំហ អណ្តាតភ្លើងតែមួយ - ភាពប្រណីតស្ងប់ស្ងាត់ដែលមាននៅក្នុងភាពស្ងប់ស្ងាត់
- Cowboy — វិចិត្រសាលកង់បែលហ្ស៊ិកមួយក្នុងរចនាបថប៉សឺឡែនពណ៌សដូចព្រិល។ បន្ទប់តាំងបង្ហាញមួយដែលផ្ទៃម៉ាត់ ពុម្ពអក្សរធំៗដែលប្រើក្នុងសម្ភារៈវិចារណកថា និងអវត្តមាននៃការតុបតែងទាក់ទាញភ្នែកទៅកាន់កង់ និងរបស់របរនៅក្នុងនោះ។
- Refero — ប្លង់វិចារណកថាលើថ្មម៉ាបពណ៌ស - ទំព័រផលិតផលដែលបង្កើតឡើងដោយអ្នកសរសេរអក្សរ ដែលចំណងជើង serif គឺជាកាតហៅរបស់ម៉ាក ហើយអ្វីៗផ្សេងទៀតគឺមិនមានភាពរំខាន។
- Face Formula — រូបគំនូរវិចារណកថាស្កែនឌីណាវី។ ការរីករាលដាលដ៏ស្ងប់ស្ងាត់តាមបែបទស្សនាវដ្ដី ដែលការសម្លឹងរបស់តារាម៉ូដែល និងចំណងជើង ដែលសរសេរជាពុម្ពអក្សរ serif ខ្លីៗ និយាយដោយខ្លួនឯងប្រឆាំងនឹងផ្ទៃខាងក្រោយដ៏ត្រជាក់ និងមានអ័ព្ទ។
- Shupatto — ប្រអប់តាំងបង្ហាញសារមន្ទីរលើថ្មម៉ាបពណ៌ស