Peak Design
ជញ្ជាំងវិចិត្រសាល បំភ្លឺដោយផ្នែក
Peak Design គឺជាបទពិសោធន៍ពាណិជ្ជកម្មដែលមានគុណភាពដូចវិចិត្រសាល៖ ផ្ទាំងក្រណាត់ស្ទើរតែពណ៌តែមួយ ដែលពុម្ពអក្សរវិចារណកថា និងការថតរូបផលិតផលធ្វើការងារទាំងអស់។ ប្រព័ន្ធនេះឆ្លាស់គ្នានូវផ្ទៃពណ៌សច្បាស់ជាមួយនឹងបន្ទះជ្រៅ ស្ទើរតែខ្មៅ ដែលបង្កើតប្លង់បំបែកដ៏គួរឱ្យចាប់អារម្មណ៍ ដែលចំណងជើងអក្សរ serif ក្នុងពុម្ពអក្សរទ្រេតត្រូវបានដាក់នៅម្ខាង និងរូបភាពផលិតផល ឬរបៀបរស់នៅពេញអេក្រង់នៅម្ខាងទៀត។ ពុម្ពអក្សរគឺជាសំឡេងស្នូលរបស់ម៉ាក៖ ពុម្ពអក្សរ serif ខ្ពស់ បង្រួម និងតុបតែង (ក្នុងរចនាប័ទ្ម Exposure) សម្រាប់ចំណងជើង រួមផ្សំជាមួយនឹងពុម្ពអក្សរអព្យាក្រឹត (Geist) សម្រាប់ចំណុចប្រទាក់អ្នកប្រើប្រាស់ និងពុម្ពអក្សរ sans-serif បង្រួម (bryant) សម្រាប់អក្សរ ចិញ្ចើម និងប៊ូតុង។ ចំណុចប្រទាក់នៅតែស្អាត៖ គ្មានធាតុ UI ពណ៌ គ្មានជម្រាលតុបតែង គ្មានស្រមោល - មានតែស៊ុមស្រទន់ៗ កាំជ្រុងពីរ (4 និង 8) និងការសង្កត់សំឡេងពណ៌ក្រហមតែមួយដែលប្រើម្តងម្កាលសម្រាប់ការសង្កត់ធ្ងន់។ សមាសធាតុមើលទៅគួរឱ្យគិតជាងការតុបតែង៖ បន្ទាត់បែងចែកស្តើង កាតផលិតផលរាបស្មើ តម្រងរាងគ្រាប់ថ្នាំ និងប៊ូតុងមើលមិនឃើញដែលមានអារម្មណ៍ដូចជាចំណារពន្យល់ស្ថាបត្យកម្ម។
ផ្នែកទំព័រទទឹងពេញឆ្លាស់គ្នារវាងពណ៌ស និងស្ទើរតែខ្មៅ។ ផ្នែកនីមួយៗកាន់កាប់ទទឹងច្រកមើលទាំងមូល ដោយគ្មានដែនកំណត់ទទឹងអតិបរមានៅកម្រិតផ្នែក។ ខ្លឹមសារនៅក្នុងផ្នែកមានទទឹងអតិបរមា ~1440px ហើយស្ថិតនៅចំកណ្តាល។ លំនាំបឋមកថាលេចធ្លោគឺជាការបំបែក 50/50៖ ប្លុកអត្ថបទ (ការរុករក + ចំណងជើង + អត្ថបទរង + ប៊ូតុង) នៅម្ខាង និងរូបភាពផលិតផលទទឹងពេញ ឬរបៀបរស់នៅនៅម្ខាងទៀត។ នៅខាងក្រោមផ្នត់ ក្រឡាចត្រង្គផលិតផលប្រើជួរឈរចំនួនបួននៃកាតផលិតផលទទឹងស្មើគ្នា ជាមួយនឹងចន្លោះធំទូលាយនៃ 24-32px។ បន្ទះតម្រងប្រភេទត្រូវបានដាក់នៅខាងក្រោមការរុករកសំខាន់នៅក្នុងជួរផ្ដេកនៃ "ថ្នាំគ្រាប់"។ ចង្វាក់នៃផ្នែកត្រូវបានកំណត់ដោយឆ្នូតភ្លឺ/ងងឹតឆ្លាស់គ្នាជាមួយនឹងការចូលបន្ទាត់បញ្ឈរ 80px រវាងផ្នែក ដែលបង្កើតចង្វាក់វិចារណកថា-ទស្សនាវដ្តី។ ការរុករកគឺជារបារកំពូលថេរដែលមានបន្ទះផ្សាយពាណិជ្ជកម្មស្តើងនៅពីលើវា។
ភាសាដែលមើលឃើញត្រូវបានគ្របដណ្ដប់ដោយការថតរូបផលិតផល៖ កាបូប ខ្សែក្រវ៉ាត់ និងឧបករណ៍កាមេរ៉ាត្រូវបានថតរូបទល់នឹងផ្ទៃខាងក្រោយពណ៌សសុទ្ធ ដោយគ្មានបរិបទនៃជីវិតប្រចាំថ្ងៃ ជាមួយនឹងពន្លឺដែលបន្លិចវាយនភាពនៃសម្ភារៈ និងព័ត៌មានលម្អិតនៃផ្នែករឹង។ រូបភាពប្រចាំថ្ងៃលេចឡើងតែនៅក្នុងផ្នែកវិចារណកថាពេញអេក្រង់ (ឧទាហរណ៍ ដៃកាន់កាមេរ៉ាជារង្វង់) ហើយកាន់កាប់ទទឹងទាំងមូលនៃច្រកមើលនៅម្ខាងនៃបន្ទះបំបែក។ រូបភាពមិនមានកាំជ្រុងនៅក្នុងរូបភាពមេទេ (ពួកវារាបស្មើជាមួយគែម) និងគ្មានកាំជ្រុងនៅក្នុងរូបភាពកាត។ មិនមានរូបភាព គ្មានក្រាហ្វិកអរូបី គ្មានរូបភាពរូបតំណាងក្រៅពីរូបតំណាង UI ដែលមានមុខងារ។ ផលិតផលគឺជាការផ្តោតអារម្មណ៍ - រូបថតគុណភាពស្ទូឌីយោ ជាមួយនឹងមុំស្របគ្នា ពន្លឺស្របគ្នា និងផ្ទៃខាងក្រោយពណ៌សស្របគ្នា - ខណៈពេលដែល UI រសាត់ទៅក្នុងផ្ទៃខាងក្រោយ ដែលអនុញ្ញាតឱ្យវត្ថុនិយាយដោយខ្លួនឯង។
ក្ដារលាយពណ៌
អព្យាក្រឹត
- Carbon Ink
#1a211e— អត្ថបទតួអត្ថបទ របារចំហៀងពណ៌ខ្មៅ អត្ថបទតួអត្ថបទ រូបតំណាង ស៊ុមលើផ្ទៃពណ៌ស - ពណ៌ខ្មៅស្ទើរតែខ្មៅដែលបម្រើជាមូលដ្ឋានសម្រាប់ចំណងជើងនីមួយៗ និងបង្កើតជាបន្ទះផ្ទៃខាងក្រោយពណ៌ខ្មៅនៃផ្នែកដែលបែងចែក។ - Paper White
#ffffff— ផ្ទៃទ្រទ្រង់ស្រាលសម្រាប់បង្កើតផ្ទៃខាងក្រោយដែលមិនរំខាន និងបំបែកផ្នែកនានា។ វាមិនគួរត្រូវបានប្រើជាពណ៌ចម្បងសម្រាប់ការអំពាវនាវឱ្យធ្វើសកម្មភាពទេ។ - True Black
#000000— ធាតុដែលមានកម្រិតពណ៌ផ្ទុយគ្នាអតិបរមា — ការបំពេញបឋមកថាលើផ្ទៃខាងក្រោយពណ៌ស របារប្រកាស ការរចនាបាតកថា គ្រោងរូបតំណាងរឹង — ត្រូវបានដាក់នៅកន្លែងដែលការរចនាតម្រូវឱ្យមានបន្ទាត់ច្បាស់លាស់បំផុត។ - Obsidian
#0c0c0c— ផ្ទៃបន្ទះជ្រៅ និងការត្រួតលើរូបភាព - ទន់ជាងពណ៌ខ្មៅពិតបន្តិច ដែលប្រើសម្រាប់តំបន់ងងឹតដែលគ្របដណ្តប់លើផ្ទៃអេក្រង់ទាំងមូល ហើយគួរតែមានអារម្មណ៍រឹងមាំ ប៉ុន្តែមិនរដុបដូចពណ៌ខ្មៅរាបស្មើនោះទេ។ - Fog
#eef1f0— ផ្ទៃទ្រទ្រង់ស្រាលសម្រាប់បង្កើតផ្ទៃខាងក្រោយដែលមិនរំខាន និងបំបែកផ្នែកនានា។ វាមិនគួរត្រូវបានប្រើជាពណ៌ចម្បងសម្រាប់ការអំពាវនាវឱ្យធ្វើសកម្មភាពទេ។ - Mist
#e0e0e0— បន្ទាត់បែងចែក ស្ថានភាពពិការ បន្ទាត់បែងចែករចនាសម្ព័ន្ធស្រទន់ - ពណ៌ប្រផេះស្រាលមធ្យមដែលកំណត់ព្រំដែនរវាងផ្នែកនានានៅលើផ្ទាំងក្រណាត់ពណ៌ស។
អក្សរសាស្ត្រ
ពី 14 ដល់ 80px · 6 ជំហាន
- Geist — ការជំនួស៖ Inter · គ្រោង 400, 600, 700 · អត្ថបទសំខាន់ ចំណងជើងផលិតផល ការពិពណ៌នា វាលទម្រង់ អត្ថបទតំណភ្ជាប់ និងខ្លឹមសារបាតកថា។ ទម្ងន់ពុម្ពអក្សរ៖ ៤០០ សម្រាប់អត្ថបទសំខាន់ ៦០០ សម្រាប់ចំណុចលេចធ្លោ និង ៧០០ សម្រាប់ចំណងជើងផលិតផល និងកំណត់ចំណាំសំខាន់ៗក្នុងបន្ទាត់។ ពុម្ពអក្សរ Grotesque អព្យាក្រឹតអនុញ្ញាតឱ្យពុម្ពអក្សរ Display Serif និង Condensed Sans ឆ្លុះបញ្ចាំងពីរចនាប័ទ្មម៉ាក ខណៈពេលដែល Geist ផ្តល់នូវមុខងារ និងភាពងាយស្រួលក្នុងការអាន។
- Exposure-style serif (Exposure-10) — ការជំនួស៖ Playfair Display · គ្រោង 400 · ចំណងជើង និងចំណងជើងសំខាន់ៗ។ ទម្ងន់តែមួយ (400) ក្នុងពុម្ពអក្សរ serif ទ្រេតបង្កើតអំណាចវិចារណកថា—ពាក្យទាំងនេះកំណត់សម្លេងម៉ាកយីហោ ដែលត្រូវបានប្រើតិចតួចលើបន្ទះពណ៌ខ្មៅដែលលាតសន្ធឹងទទឹងទាំងមូលនៃទំព័រ និងនៅដើមផ្នែកសំខាន់ៗ។ គម្លាតអក្សរតូច (-0.025em) អនុញ្ញាតឱ្យអក្សរធំៗមើលទៅហាក់ដូចជាមានកម្រិតជាជាងស្រាល។
- Bryant-style condensed sans (bryant) — ការជំនួស៖ Druk Wide · គ្រោង 700 · ស្លាករុករក ប៊ូតុងតម្រងប្រភេទ អត្ថបទប៊ូតុង "ចិញ្ចើម" ស្លាកផ្នែក និងចំណងជើងបន្ថែម។ អក្សរធំដែលបានបង្ហាប់ដែលមានចន្លោះអក្សរវិជ្ជមានបង្កើតរចនាប័ទ្មឧស្សាហកម្មដូចស្លាក - ពាក្យទាំងនេះកំណត់អត្តសញ្ញាណ និងណែនាំ ប៉ុន្តែមិនដែលពិពណ៌នាទេ។
ចន្លោះពេល និងទម្រង់
| គោលបំណង | អត្ថន័យ |
|---|---|
| ដង់ស៊ីតេ | មធ្យម |
| ជំហានមូលដ្ឋាន | 24px |
| កាំប៊ូតុង | 4px |
| កាំកាត | 8px |
| ស្រមោល | គ្មានព្រំដែនជំនួសឱ្យស្រមោល |
| រវាងផ្នែកនានា | 80px |
| ទទឹងទំព័រ | 1440px |
បញ្ញាសិប្បនិម្មិត (AI) នឹងបង្កើតគេហទំព័ររបស់អ្នកតាមរចនាបថ Peak Design ហើយបំពេញវា
- បំពេញជាមួយផលិតផល និងការបង្ហោះតាមរយៈតំណភ្ជាប់ - Instagram, TikTok, Facebook ។
- ផ្ទេរខ្លឹមសារពីគេហទំព័រចាស់របស់អ្នក—គ្រាន់តែបញ្ជាក់អាសយដ្ឋាន។
- ការរចនាទំនើបលើម៉ាស៊ីនល្អបំផុត៖ React ( Next.js) ជាមួយនឹងការបង្ហាញម៉ាស៊ីនមេ និងការបង្កើនប្រសិទ្ធភាព SEO ភ្លាមៗ។
- ការបង្កើនប្រសិទ្ធភាព SEO ដោយស្វ័យប្រវត្តិយ៉ាងពេញលេញសម្រាប់លទ្ធផលស្វែងរក និងអនុសាសន៍បណ្តាញសរសៃប្រសាទ។
រចនាប័ទ្មស្រដៀងគ្នា
- Arsenijs Fabrica — សម្រស់ដ៏ពិសេសនៃខ្លឹមសារវិចារណកថាត្រូវបានបង្ហាញនៅក្រោមភ្លើងបំភ្លឺវិចិត្រសាល។ ជញ្ជាំងពណ៌សស្អាតរបស់វិចិត្រសាល ភ្លើងស្តុបក្តៅតែមួយភ្លែតពណ៌ទឹកក្រូចទល់នឹងផ្ទៃខាងក្រោយពណ៌តែមួយប្រភេទ ប្រភេទកញ្ចក់ស្តើង និងកន្លែងទំនេរពណ៌សយ៉ាងច្រើន។
- 21 TSI — ភាពទទេពណ៌ក្រហមឆ្អៅ ស្រមោលតែមួយ - អត្ថបទវិចារណកថាម៉ូដទាន់សម័យ ដែលចំណុចប្រទាក់អ្នកប្រើប្រាស់រលាយចូលទៅក្នុងបរិយាកាស
- Aevi Wellness — រចនាប័ទ្មឱសថស្ថានស្កែនឌីណាវី ពុម្ពអក្សរគ្មានទម្ងន់។ ការសង្កត់សំឡេងពណ៌ប្រផេះ-ខៀវស្រាលៗបំបែកប្លង់គ្មានពណ៌ និងខ្យល់អាកាសបរិសុទ្ធនៃសម្ភារៈវិចារណកថា ដែលរូបថតផលិតផលត្រូវបានដាក់លើកាតដែលមានគែមស្តើងៗទល់នឹងផ្ទៃខាងក្រោយពណ៌សក្តៅ។
- Palmer — វិចិត្រសាលសេរ៉ាមិចនៅក្នុងពន្លឺថ្ងៃស្រទន់ - អន្តរកម្មកើតឡើងជាមួយជញ្ជាំង ហើយវត្ថុទាំងនោះគឺជាសិល្បៈ
- PLATFORM — វិចិត្រសាល White Cube ក្រោមពន្លឺភ្លើង
- Assembly Coffee London — ធ្យូងថ្មនៅក្នុងឡដុតកាហ្វេងងឹតមួយ។ ផ្ទាំងក្រណាត់ស្ទើរតែខ្មៅ ជាមួយនឹងរូបថតផលិតផលក្តៅៗ មានពន្លឺស្រអាប់ និងអក្សរសរសេរជាអក្សរដិតៗ — អារម្មណ៍នៃម៉ឺនុយកាហ្វេពិសេសដែលបានបោះពុម្ពជារូបភាពពាក់កណ្តាលអធ្រាត្រ។
- ARTWORLD — ចំណងជើងទស្សនាវដ្តីម៉ូដលើក្រណាត់ទេសឯកពណ៌ស
- Structured — វិចិត្រសាលក្រុមហ៊ុន Renaissance លើក្រដាសដូចផ្លាស្ទិច
- Airbnb — ជញ្ជាំងវិចិត្រសាលពណ៌សស្ងប់ស្ងាត់មួយដែលមានចំណាំពណ៌ក្រហមផ្កាថ្មតែមួយ
- VISIONNAIRE — វិចិត្រសាលវិចារណកថាសម្លៀកបំពាក់តាមដងផ្លូវលើផ្ទៃខាងក្រោយពណ៌សច្បាស់។ ម៉ាកយីហោនេះមានលក្ខណៈដូចជាសៀវភៅរូបរាងដែលបានបោះពុម្ព៖ ផ្ទាំងក្រណាត់ពណ៌សរាបស្មើ ទឹកថ្នាំពណ៌ខ្មៅច្បាស់ និងបន្ទះក្រែមក្តៅតែមួយដែលប្រើជាប្លុកពណ៌ដើម្បីបង្ហាញផលិតផល ឬឡូហ្គោ។
- Letter — វិចិត្រសាលឯកជនមួយដែលមានវត្ថុបុរាណភ្លឺចែងចាំងពីការផ្ទុក។ កន្លែងតាំងពិព័រណ៍ដែលមានជញ្ជាំងពណ៌ខ្មៅ ជាកន្លែងដែលចំណងជើងដែលមានឆ្នូតៗអណ្តែតពីលើរូបចម្លាក់ក្រូមនៅលើជញ្ជាំងដែលមានពណ៌របស់វិចិត្រសាល។
- Ramp — នាយកដ្ឋានហិរញ្ញវត្ថុវិចារណកថា ទំព័រសខ្មៅដែលមានប៊ិចណេអុងតែមួយ។ ផ្ទៃស្ទើរតែតែមួយពណ៌នៃការបោះពុម្ពផ្សាយ ដែលបន្ទាត់ពណ៌បៃតងខ្ចីភ្លឺតែមួយបានបំលែងអន្តរកម្មនីមួយៗទៅជាសញ្ញារូបិយវត្ថុ។