IKEA
បន្ទប់តាំងបង្ហាញគ្រឿងសង្ហារឹមស៊ុយអែតដែលលិចលង់ដោយពន្លឺថ្ងៃក្នុងទម្រង់ដែលត្រូវបានរុះរើ
ចំណុចប្រទាក់របស់ IKEA មើលទៅដូចជាការរីករាលដាលនៃវិចារណកថាដែលមានកម្រិតពណ៌ខ្ពស់៖ អក្សរស្ទើរតែខ្មៅលើផ្ទៃខាងក្រោយពណ៌សក្តៅ បំពេញបន្ថែមដោយបន្ទះពណ៌លឿងរាបស្មើដែលបម្រើជាតំបន់អំពាវនាវឱ្យធ្វើសកម្មភាពដែលបានបង្កប់។ ប្រព័ន្ធនេះមានលក្ខណៈសាមញ្ញដោយចេតនា - ពុម្ពអក្សរ sans-serif ផ្ទាល់ខ្លួនមួយ (Noto IKEA) ដែលមានទម្ងន់ត្រឹមតែពីរប៉ុណ្ណោះ (400 និង 700) កាំជ្រុងតែមួយសម្រាប់សមាសធាតុនីមួយៗ និងគ្មានស្រមោល ឬជម្រាលទេ។ ភាពបង្រួមនេះគឺជារចនាសម្ព័ន្ធ មិនមែនជានិន្នាការសាមញ្ញទេ៖ គម្លាតអក្សរអវិជ្ជមាន (-0.029em នៅក្នុងចំណងជើង -0.027em នៅក្នុងច្បាប់ចម្លងតួ) ផ្តល់ឱ្យសូម្បីតែស្លាក 13px នូវអារម្មណ៍ស្ថាបត្យកម្ម។ កាតមានទំហំធំ និងផ្តោតលើខ្លឹមសារមេឌៀ ដែលរៀបចំជាប្លុកជួរឈរពីរធំៗ ជាមួយនឹងការដាក់អក្សរពីលើគ្នាចាប់ពីជម្រាលទៅខ្មៅសម្រាប់ភាពងាយស្រួលអានកាន់តែប្រសើរ។ ពុម្ពអក្សរពណ៌លឿង #ffdb00 ធ្វើការងារទាំងអស់សម្រាប់ចំណុចប្រទាក់ - វាមិនតុបតែងទេ វាគ្រាន់តែធ្វើឱ្យសកម្ម។
ការរចនាទទឹងពេញជាមួយនឹងធុងមាតិកាកណ្តាលកំណត់ប្រហែល 1440px។ ការរុករកគឺជារបារកំពូលសាមញ្ញ មិនស្អិត។ ទំព័រនេះត្រូវបានបង្កើតឡើងពីកាតផ្ដេកដែលដាក់ជង់បញ្ឈរជាមួយនឹងចន្លោះប្រហែល 80px។ ប្លង់ "វីរបុរស" គឺជាប្លង់បំបែក - កាតមេឌៀ 2/3 (រូបភាព) + កាតលឿងរឹង 1/3 ជាមួយនឹងការអំពាវនាវឱ្យធ្វើសកម្មភាព។ តួសំខាន់នៃទំព័រប្រើក្រឡាចត្រង្គពីរជួរឈរនៃកាត ប្លុករូបភាព និងអត្ថបទឆ្លាស់គ្នា។ ដង់ស៊ីតេមាតិកាមានទំហំធំទូលាយ មិនដែលបង្រួមទេ។ កាតមានទំហំធំ (ប្រហែល 600x400 ភីកសែលអប្បបរមា) ជាមួយនឹងចន្លោះធំទូលាយ។ ផ្នែក "ពេលវេលា/ប្រវត្តិ" បំបែកក្រឡាចត្រង្គជាមួយលេខធំៗ។ មិនមានរបារចំហៀង គ្មានម៉ឺនុយមេ គ្មានស្ថាបត្យកម្មរុករកស្មុគស្មាញទេ។
ភាសាដែលមើលឃើញភាគច្រើនគឺការថតរូបផលិតផល និងរបៀបរស់នៅ។ ការកែសម្រួល៖ ផ្នែកខាងក្នុងស្កែនឌីណាវីភ្លឺ ភ្លឺដោយធម្មជាតិ កក់ក្តៅ ជាមួយនឹងអារម្មណ៍រស់នៅ — មិនមែនជាពណ៌សស្រអែមនៃស្ទូឌីយោទេ។ មនុស្សលេចឡើងក្នុងឈុតឆាកនៃអន្តរកម្មជាមួយផលិតផល (កាន់ ផ្គុំ ប្រើប្រាស់)។ រូបភាពតែងតែកាន់កាប់ទទឹងពេញលេញនៃកាត មិនដែលកាត់ជារាងសរីរាង្គទេ។ ស្រទាប់ពណ៌ខ្មៅជម្រាលលេចឡើងនៅខាងក្រោមកាតណាមួយដែលមានអក្សរ។ រូបភាពរាបស្មើត្រូវបានបង្ហាញម្តងម្កាល (ឧទាហរណ៍ ផែនទីនៃប្រទេសអាល្លឺម៉ង់ដែលមានរូបតំណាងវប្បធម៌ជាពណ៌ខៀវស្រងាត់ បៃតង និងទឹកក្រូច)។ រូបថតត្រូវបានប្រតិបត្តិក្នុងរចនាប័ទ្មវិចារណកថា៖ គ្មានបែបផែនរូបថតស្តុករលោង គ្មានការកែពណ៌ដែលមានរចនាប័ទ្មហួសហេតុពេកទេ។
ក្ដារលាយពណ៌
ម៉ាក
- IKEA Yellow
#ffdb00— ធាតុសំខាន់ៗសម្រាប់បំពេញការអំពាវនាវឱ្យធ្វើសកម្មភាព ផ្ទៃខាងក្រោយសម្រាប់កាតដែលមានរូបភាពពិសេស បន្ទះសង្កត់សំឡេងនៅក្នុងបង្អួចមេ - ធាតុពណ៌តែមួយគត់នៃប្រព័ន្ធ។
អព្យាក្រឹត
- Ink Black
#111111— អត្ថបទសំខាន់, អត្ថបទដើម, ចំណងជើង, ស៊ុមសំខាន់ៗ (ចំនួន 851 ដង), គ្រោងរូបតំណាង។ - Pure White
#ffffff— ផ្ទៃខាងក្រោយទំព័រ ផ្ទៃកាត ផ្ទៃខាងក្រោយរុករក អត្ថបទប៊ូតុងនៅលើផ្ទៃខាងក្រោយងងឹត។ - Warm White
#fffefb— ស្រមោលក្រែមបន្តិចសម្រាប់ប៊ូតុង និងកាត — ក្តៅជាងពណ៌សសុទ្ធបន្តិច — បំបែកភាពត្រជាក់តាមឌីជីថល។ - Steel Gray
#818181— អត្ថបទបន្ទាប់បន្សំ ស៊ុមបិទសំឡេង ស្ថានភាពរូបតំណាងដែលបានបិទ - True Black
#000000— ការបំពេញរូបតំណាង SVG ស៊ុមវាលបញ្ចូល និងការសង្កត់សំឡេងពណ៌ខ្មៅជ្រៅ ដែលត្រូវការកម្រិតពណ៌អតិបរមា។ - Link Blue
#0159a3— ពណ៌តំណអត្ថបទ ដែលត្រូវបានគេប្រើយ៉ាងទូលំទូលាយនៅក្នុងការរុករក និងតំណចម្បង គឺជាពណ៌ខៀវតែមួយគត់នៅក្នុងប្រព័ន្ធ។
អក្សរសាស្ត្រ
ពី 13 ដល់ 51px · 5 ជំហាន
- Noto IKEA — ការជំនួស៖ Inter · គ្រោង 400, 700 · ពុម្ពអក្សរតែមួយគត់ដែលប្រើគឺ Noto ដែលជាពុម្ពអក្សរពិសេសរបស់ IKEA។ ប្រព័ន្ធទម្ងន់ពីរ (ធម្មតា ៤០០ ដិត ៧០០) ត្រូវបានរឹតបន្តឹងដោយចេតនា៖ គ្មានអក្សរទ្រេត ទម្ងន់មធ្យម ឬទម្ងន់ស្រាលទេ។ ចំណងជើងនៅចំណុច ៧០០ នៅ ៣៦-៥១ ភីកសែល បង្ហាញរចនាប័ទ្មម៉ាកយីហោទាំងមូល។ ច្បាប់ចម្លងតួនៅ ១៦ ភីកសែលនៅតែអព្យាក្រឹត។ គម្លាតអក្សរថយចុះនៅពេលដែលទំហំកើនឡើង ដែលផ្តល់ឱ្យចំណងជើងនូវអារម្មណ៍បង្រួម និងស្ថាបត្យកម្ម។
ចន្លោះពេល និងទម្រង់
| គោលបំណង | អត្ថន័យ |
|---|---|
| ដង់ស៊ីតេ | មធ្យម |
| ជំហានមូលដ្ឋាន | 24px |
| កាំប៊ូតុង | 8px |
| កាំកាត | 8px |
| ស្រមោល | គ្មានព្រំដែនជំនួសឱ្យស្រមោល |
| រវាងផ្នែកនានា | 80px |
| ទទឹងទំព័រ | 1440px |
បញ្ញាសិប្បនិម្មិត (AI) នឹងបង្កើតគេហទំព័ររបស់អ្នកតាមរចនាបថ IKEA ហើយបំពេញវា
- បំពេញជាមួយផលិតផល និងការបង្ហោះតាមរយៈតំណភ្ជាប់ - Instagram, TikTok, Facebook ។
- ផ្ទេរខ្លឹមសារពីគេហទំព័រចាស់របស់អ្នក—គ្រាន់តែបញ្ជាក់អាសយដ្ឋាន។
- ការរចនាទំនើបលើម៉ាស៊ីនល្អបំផុត៖ React ( Next.js) ជាមួយនឹងការបង្ហាញម៉ាស៊ីនមេ និងការបង្កើនប្រសិទ្ធភាព SEO ភ្លាមៗ។
- ការបង្កើនប្រសិទ្ធភាព SEO ដោយស្វ័យប្រវត្តិយ៉ាងពេញលេញសម្រាប់លទ្ធផលស្វែងរក និងអនុសាសន៍បណ្តាញសរសៃប្រសាទ។
រចនាប័ទ្មស្រដៀងគ្នា
- MindMarket — សៀវភៅរឿងនិទានដ៏កក់ក្ដៅមួយក្បាលនៅលើក្រដាសពណ៌ក្រែម - ជាផ្ទាំងក្រណាត់វិចារណកថាដ៏រួសរាយរាក់ទាក់ ដែលចំណងជើងធំៗរបស់ Inter និងតួអង្គក្រដាសកាត់ចេញ រួមរស់ជាមួយគ្នានៅលើផ្ទៃទន់ដូចស្ទីគ័រដែលជោកជាំដោយព្រះអាទិត្យ។
- Lamborghini — ពណ៌តួរថយន្តពណ៌ខ្មៅនៅក្នុងបន្ទប់តាំងបង្ហាញ នៅក្រោមភ្លើងស្តុប - រថយន្តពណ៌លឿងមួយគ្រឿង
- amp — ពណ៌ទឹកក្រូចក្តៅឧណ្ហៗ ទល់នឹងផ្ទៃខាងក្រោយពណ៌សត្រជាក់។ ការរចនានេះរំលឹកដល់ផលិតផលហាត់ប្រាណលំដាប់ខ្ពស់មួយ ដែលត្រូវបានថតនៅក្នុងបន្ទប់ក្រោមដីដែលមានពន្លឺព្រះអាទិត្យជោកជាំ៖ មួយមុខទំនិញ មួយការសង្កត់សំឡេងមួយ ពុម្ពអក្សរដែលមានទំនុកចិត្តមួយ ដែលធ្វើការងារទាំងអស់។
- LUNCH — វេទិកាកំរាលព្រំលើក្រដាស់ក្តៅ
- Microsoft — កាតាឡុកលក់រាយប្រើពណ៌ខៀវដ៏ពិសេសមួយ - ស្រមៃមើលឡូហ្គោរាងការ៉េនៅលើកម្រាលឥដ្ឋបន្ទប់តាំងបង្ហាញពណ៌ស ដែលធាតុរចនានីមួយៗមានពណ៌ខៀវ។
- Vibrants — ឱសថស្ថាន Skyborne លើថ្មម៉ាបពណ៌ស - ទឹកថ្នាំពណ៌ខៀវចាស់គឺជាបាយអ ហើយវិសាលគមឥន្ទធនូគឺជាថ្នាំ
- Isla Beauty — រចនាបថឱសថស្ថានក្រែមជាមួយនឹងការសង្កត់សំឡេងពណ៌ក្រហមវះកាត់ - សូមគិតអំពីជញ្ជាំងក្រដាស់ក្តៅឧណ្ហៗ ដបពណ៌លឿង និងត្រាពណ៌ក្រហមតែមួយនៅលើស្លាកនីមួយៗ។
- Swap — វិចិត្រសាលវិចារណកថា Mint៖ ស្រមោល sage ស្រាលៗនៅក្នុងបន្ទប់ជាមួយនឹងការសង្កត់សំឡេង lime ភ្លឺ និង sparkling ស្រាលៗ
- Cursor — សិក្ខាសាលាផលិតស្បែកសត្វដ៏កក់ក្ដៅមួយ ដែលបំភ្លឺដោយធ្យូងដែលកំពុងឆេះ
- Structured — វិចិត្រសាលក្រុមហ៊ុន Renaissance លើក្រដាសដូចផ្លាស្ទិច
- Apple (España) — វិចិត្រសាលសារមន្ទីរ នៅក្នុងពន្លឺថ្ងៃស្រទន់ គឺជាលំហពណ៌សតែមួយ ដ៏ទាក់ទាញ និងគ្មានទម្ងន់ ជាមួយនឹងការតាំងពិព័រណ៍នីមួយៗត្រូវបានបំភ្លឺដោយភ្លើងស្តុបទល់នឹងជញ្ជាំងដែលមានពណ៌ស្រាល។
- Amplemarket — កន្លែងធ្វើការដែលពោរពេញដោយពន្លឺថ្ងៃ ពោរពេញដោយក្រដាស់ពណ៌