Apple
បន្ទប់ពណ៌សដែលមានកុងតាក់ពណ៌ខៀវតែមួយ
ការរចនារបស់ Apple គឺជាគំរូនៃការអត់ធ្មត់៖ ផ្ទាំងក្រណាត់ស្ទើរតែពណ៌ស ចន្លោះពណ៌សធំទូលាយ និងការសង្កត់សំឡេងពណ៌ខៀវភ្លឺតែមួយ ដែលធ្វើឱ្យសកម្មភាពនីមួយៗមានអារម្មណ៍ថាមានចេតនា។ ការផ្តោតសំខាន់គឺពុម្ពអក្សរ - SF Pro ជាមួយនឹងគម្លាតអក្សរអវិជ្ជមានដែលថយចុះជាមួយនឹងទំហំកើនឡើង ដែលផ្តល់ឱ្យចំណងជើងនូវភាពច្បាស់លាស់ខាងស្ថាបត្យកម្មដោយមិនធ្ងន់ពេក។ ផលិតផលគឺជាការរចនា៖ រូបថតផលិតផលធំៗ និងរូបភាពរបៀបរស់នៅលេចធ្លោ ខណៈពេលដែលធាតុ chrome ថយចុះទៅជាស៊ុមស្តើងៗ ការរុករកថ្លា និងបន្ទាត់ស្រទន់។ ផ្នែកនានាឆ្លាស់គ្នាប្រឆាំងនឹងផ្ទៃខាងក្រោយពណ៌ប្រផេះស្រាលជាមួយនឹងប្លុកពណ៌ពេញលេញសម្រាប់សម្ភារៈផ្សព្វផ្សាយ ដែលបង្កើតចង្វាក់តាមរយៈការផ្លាស់ប្តូរមាត្រដ្ឋានជាជាងធាតុតុបតែង។
ប្លង់ទំព័រគឺជាទំព័រទទឹងពេញដែលគ្មានទទឹងកុងតឺន័រអតិបរមាថេរ - ផ្នែកលាតសន្ធឹងពីគែមមួយទៅគែមមួយ ដោយប្លុកអត្ថបទស្ថិតនៅចំកណ្តាលប្រហែល 980px។ ការរុករកគឺជារបារសកលតែមួយថេរដែលមានថតរងបន្ថែមសម្រាប់ផលិតផលនីមួយៗដែលលេចឡើងនៅលើរមូរ។ ប្លង់សំខាន់តែងតែស្ថិតនៅចំកណ្តាល៖ ឈ្មោះផលិតផលធំមួយ ពាក្យស្លោកបន្ទាត់តែមួយ ប៊ូតុងថ្នាំគ្រាប់ពីរ បន្ទាប់មករូបភាពផលិតផលដែលបំពេញច្រកមើលដែលនៅសល់។ ផ្នែកត្រូវបានដាក់ជាជង់បញ្ឈរជាមួយនឹងចង្វាក់បញ្ឈរដ៏ធំទូលាយ (64px+ រវាងផ្នែកនានា) ឆ្លាស់គ្នា #f5f5f7 និងផ្ទៃខាងក្រោយពណ៌។ ទំព័រខាងក្រោមគឺជាជួរដេកផ្ដេកតែមួយនៃកាតសេវាកម្មទទឹងពេញ (Apple TV+, Fitness+, Music, Arcade) ដែលនីមួយៗជាប្លុករូបថតដែលមានអក្សរដាក់ពីលើ និងប៊ូតុងថ្នាំគ្រាប់។ គ្មានរបារចំហៀង គ្មានប្លង់មាតិកាច្រើនជួរឈរ គ្មានសមាសភាពមិនស៊ីមេទ្រី - អ្វីគ្រប់យ៉ាងត្រូវបានស្ថិតនៅចំកណ្តាល ជង់ និងស៊ីមេទ្រី។
ការថតរូបគឺជាភាសាដែលមើលឃើញលេចធ្លោ។ រូបថតផលិតផលត្រូវបានថតប្រឆាំងនឹងផ្ទៃខាងក្រោយពណ៌សសុទ្ធ ឬពណ៌ប្រផេះទន់ ដោយគ្មានបរិបទណាមួយឡើយ - ឧបករណ៍នេះគឺជាផ្កាយ ដាច់ដោយឡែក និងបំភ្លឺ។ រូបថតរបៀបរស់នៅត្រូវបានបង្ហាញនៅក្នុងបដាទទឹងពេញ ជារឿយៗជាមួយវត្ថុដែលត្រូវបានច្រឹបយ៉ាងតឹងរ៉ឹង។ ជម្រាលពណ៌ (ពណ៌ខៀវ pastel ពណ៌ផ្កាឈូក ពណ៌បៃតង) បម្រើជាផ្ទៃខាងក្រោយសម្រាប់ផ្នែកផលិតផល មិនមែនជាការតុបតែងទេ។ រូបតំណាងគឺតិចតួចបំផុត និងផ្អែកលើបន្ទាត់ កម្រាស់ 1-2px ក្នុងមាត្រដ្ឋានពណ៌ប្រផេះដូចគ្នានឹងអត្ថបទ។ គ្មានរូបភាព គ្មានក្រាហ្វិកអរូបី គ្មានការបង្ហាញ 3D លើកលែងតែរូបថតផលិតផលខ្លួនឯង។
ក្ដារលាយពណ៌
ម៉ាក
- Apple Blue
#0071e3— ប៊ូតុងសកម្មភាពដែលបានបំពេញ ស្ថានភាពដែលបានជ្រើសរើស - ពណ៌ chromatic អន្តរកម្មតែមួយគត់ដែលត្រូវបានប្រើប្រាស់តិចតួច ដើម្បីធ្វើឱ្យរូបរាងនីមួយៗមានអត្ថន័យ។ - Link Blue
#0066cc— ស៊ុមសកម្មភាពដែលបានបន្លិច តំណភ្ជាប់ដែលបានបង្កប់ - ពណ៌ឆ្អែតជាង Apple Blue ត្រូវបានប្រើនៅកន្លែងដែលថេប្លេតដែលពេញនឹងភ្លឺពេក។ - Signal Blue
#2997ff— ស៊ុមតុបតែង គ្រោងរូបភាព ស៊ុមរូបតំណាង - ពណ៌ខៀវស្រាលបំផុតនៅក្នុងប្រព័ន្ធ ដែលប្រើសម្រាប់បរិយាកាសជាជាងសម្រាប់អន្តរកម្មរបស់អ្នកប្រើប្រាស់។
អព្យាក្រឹត
- Carbon
#1d1d1f— អត្ថបទសំខាន់ ស៊ុមចំណងជើង បន្ទាត់រុករក ស៊ុមកាត - ពណ៌ទឹកថ្នាំលេចធ្លោស្ទើរតែខ្មៅ ជាមួយនឹងភាពកក់ក្តៅបន្តិច។ - Frost
#f5f5f7— ផ្ទាំងទំព័រ ផ្ទៃខាងក្រោយអត្ថបទសំខាន់ និងផ្ទៃបាតកថាមានពណ៌ប្រផេះស្រាលពិសេសរបស់ Apple ដែលត្រជាក់ជាងពណ៌សសុទ្ធបន្តិច។ - Ice
#f4f8fb— ការបំពេញផ្ទៃដែលបង្ហាញអារម្មណ៍ ពណ៌ស្រាលៗ អត្ថបទប៊ូតុងនៅលើផ្ទៃខាងក្រោយងងឹត — ពណ៌ខៀវស្រាលៗដែលធ្វើឱ្យផ្នែកនោះមានភាពរស់រវើកដោយមិនធ្វើឱ្យវាលេចធ្លោ។ - Smoke
#333333— អក្សរបន្ទាប់បន្សំ ការបំពេញការរុករក ស៊ុមប៊ូតុង - ពណ៌អព្យាក្រឹតដែលអាចប្រើប្រាស់បានច្រើនយ៉ាងសម្រាប់ស៊ុម និងរូបតំណាងដែលត្រូវការចំណុចលេចធ្លោច្រើនជាងពណ៌ប្រផេះមធ្យម។ - Graphite
#474747— អត្ថបទរុករក ស៊ុមរុករក ស៊ុមតំណភ្ជាប់ - កាន់កាប់ទីតាំងមធ្យមរវាងកាបូន និងផ្សែងនៅក្នុងឋានានុក្រមធាតុ។ - Ash
#707070— អត្ថបទបាតកថា ស៊ុមបញ្ជី ស៊ុមរុករក អត្ថបទតួអត្ថបទដែលបិទសំឡេង - ពណ៌ប្រផេះមធ្យមសម្រាប់ខ្លឹមសារដែលត្រូវបង្ហាញ ប៉ុន្តែមិនលេចធ្លោ។
អក្សរសាស្ត្រ
ពី 12 ដល់ 56px · 8 ជំហាន
- SF Pro Display — ការជំនួស៖ Inter · គ្រោង 400, 600, 700 · ចំណងជើង និងអក្សរធំៗ—ទំហំ 40px+ ប្រើទម្រង់បង្ហាញសម្រាប់រន្ធតូចចង្អៀត និងការតាមដានអវិជ្ជមានខ្លាំងជាង។ 700 ត្រូវបានរក្សាទុកសម្រាប់ប្លង់ផ្សាយពាណិជ្ជកម្ម និង 400 គឺសម្រាប់ឈ្មោះផលិតផលនៅក្នុងខ្លឹមសារវិចារណកថា។
- SF Pro Text — ការជំនួស៖ Inter · គ្រោង 300, 400, 600 · អត្ថបទតួអត្ថបទ ការរុករក ប៊ូតុង ចំណងជើងរង — ពុម្ពអក្សរដែលដំណើរការ; ៤០០ សម្រាប់អត្ថបទតួអត្ថបទ ៣០០ សម្រាប់ចំណងជើងរង និងស្លាកដែលមានលក្ខណៈសម្បត្តិគ្រប់គ្រាន់ ៦០០ សម្រាប់ធាតុរុករក និងអត្ថបទប៊ូតុង; គម្លាតអក្សរអវិជ្ជមានថយចុះសមាមាត្រទៅនឹងទំហំ (ពី -០.០២២em ដល់ ១២px ដល់ -០.០១em ដល់ ៤៤px)។
ចន្លោះពេល និងទម្រង់
| គោលបំណង | អត្ថន័យ |
|---|---|
| ដង់ស៊ីតេ | មធ្យម |
| ជំហានមូលដ្ឋាន | 12px |
| កាំប៊ូតុង | 980px |
| កាំកាត | 8px |
| ស្រមោល | គ្មានព្រំដែនជំនួសឱ្យស្រមោល |
| រវាងផ្នែកនានា | 64px |
| ទទឹងទំព័រ | 1440px |
បញ្ញាសិប្បនិម្មិត (AI) នឹងបង្កើតគេហទំព័ររបស់អ្នកតាមរចនាបថ Apple ហើយបំពេញវា
- បំពេញជាមួយផលិតផល និងការបង្ហោះតាមរយៈតំណភ្ជាប់ - Instagram, TikTok, Facebook ។
- ផ្ទេរខ្លឹមសារពីគេហទំព័រចាស់របស់អ្នក—គ្រាន់តែបញ្ជាក់អាសយដ្ឋាន។
- ការរចនាទំនើបលើម៉ាស៊ីនល្អបំផុត៖ React ( Next.js) ជាមួយនឹងការបង្ហាញម៉ាស៊ីនមេ និងការបង្កើនប្រសិទ្ធភាព SEO ភ្លាមៗ។
- ការបង្កើនប្រសិទ្ធភាព SEO ដោយស្វ័យប្រវត្តិយ៉ាងពេញលេញសម្រាប់លទ្ធផលស្វែងរក និងអនុសាសន៍បណ្តាញសរសៃប្រសាទ។
រចនាប័ទ្មស្រដៀងគ្នា
- Ui — ផែនការព្យាបាលលើក្រដាសម៉ាត់
- ElevenLabs — អត្ថបទរូបថតមួយក្នុងពណ៌ក្រែមក្តៅឧណ្ហៗ ជាមួយនឹងចំណងជើងស្រាលៗ។ សៀវភៅកត់ត្រារចនាប័ទ្ម Bauhaus—ក្រដាសពណ៌សំបកស៊ុត ទឹកថ្នាំពណ៌ខ្មៅ និងពណ៌ស្វាយ និងពណ៌ទឹកក្រូចតែមួយសម្រាប់បង្ហាញផលិតផល។
- monopo saigon — ពន្លឺរាវ និងភ្លឺចែងចាំងនៅពីក្រោយភាពស្ងប់ស្ងាត់នៃអត្ថបទ — វិចិត្រសាលអត្ថបទពណ៌តែមួយអណ្តែតលើពន្លឺរលាយ
- Awesomic — សំណាញ់ស័ង្កសីសម្រាប់សរសេរអត្ថបទ ដែលមានសញ្ញាវណ្ណយុត្តិពណ៌ទឹកក្រូច ដែលរំលឹកដល់ក្រដាសពណ៌
- Monad — ទិនានុប្បវត្តិបច្ចេកទេសវិចារណកថាលើក្រដាសក្តៅ
- Dub — បន្ទះត្រួតពិនិត្យក្រដាសអង្ករម៉ាត់របស់ Link
- Seline Analytics — តុវិភាគស្ងាត់ៗលើក្រដាសក្តៅឧណ្ហៗ
- Ventriloc — ការសង្កេតវិចារណកថានៃទិន្នន័យនៅលើក្រដាសក្តៅ - ធ្យូងពណ៌ទឹកក្រូចតែមួយដែលបង្ហាញពីភាពជាក់លាក់នៃពណ៌តែមួយ។
- Duolingo — ម៉ាស្កូតថ្នាក់លេងសើចលើក្រដាសស
- Stripe — សៀវភៅគណនេយ្យដែលសរសេរដោយទឹកថ្នាំពណ៌ខៀវលើកញ្ចក់សាយសត្វ
- Notion — សៀវភៅកត់ត្រាក្រដាសក្តៅមួយនៅក្រោមពន្លឺថ្ងៃត្រង់
- Hyer Aviation — ព្រលប់ក្នុងកាប៊ីនយន្តហោះលើក្រណាត់ស្បែក។ មេឃពេលព្រលឹមស្រអែមជួបនឹងឡូហ្គោរាងជាអក្សរសដែលមានទំហំប៉ុនតួយន្តហោះ ហើយការសង្កត់សំឡេងដីឥដ្ឋក្តៅតែមួយគត់បានបំបែកភាពតឹងរ៉ឹងពណ៌តែមួយគត់។