Apple (España)
វិហារមួយដែលមានទីធ្លាពណ៌ស ជាមួយនឹងចំណងជើងព័ត៌មានដែលស្ទើរតែមិនអាចឮបាន។ សាលធំទូលាយ និងភ្លឺស្វាង ជាកន្លែងដែលពុម្ពអក្សរធំៗចំនួន 700 ដង់ស៊ីតេព្យួរនៅលើអាកាស ដែលភ្ជាប់គ្នាដោយពណ៌ pastel និងខ្សែពណ៌ខៀវតែមួយ។
ភាសាទំព័រផលិតផលរបស់ Apple គឺជាការសិក្សាមួយអំពីភាពសប្បុរសនៃអក្សរពុម្ពអក្សរ៖ ចំណងជើងធំៗរបស់ SF Pro Display អណ្តែតលើផ្ទៃខាងក្រោយពណ៌សស្រអាប់ ហ៊ុំព័ទ្ធដោយចន្លោះពណ៌សដ៏ធំល្វឹងល្វើយ ដែលធ្វើឱ្យពាក្យនីមួយៗមានអារម្មណ៍ថាមានចេតនា។ ក្ដារលាយពណ៌ស្ទើរតែដូចគ្នា - អក្សរជា #1d1d1f ផ្ទាំងក្រណាត់ឆ្លាស់គ្នារវាង #ffffff និង #f5f5f7 - ជាមួយនឹងការសង្កត់សំឡេងពណ៌ខៀវតែមួយ (#0071e3) ដែលត្រូវបានបម្រុងទុកសម្រាប់ពេលវេលាអន្តរកម្មតែប៉ុណ្ណោះ។ ពណ៌មានវត្តមាននៅក្នុងរូបភាពផលិតផលខ្លួនឯង (សម្លេង pastel) មិនមែនជាធាតុ UI តុបតែងទេ។ សមាសធាតុគឺគ្មានស៊ុម៖ កាតមូលដែលមានកាំ 28px ប៊ូតុងរាងដូចគ្រាប់ថ្នាំស្ទើរតែប៉ះគែមនៃទំព័រ ដោយគ្មានធុងដែលអាចមើលឃើញ ឬស្រមោលធ្លាក់ចុះ។ ចង្វាក់ត្រូវបានបង្កើតឡើងដោយឆ្នូតពណ៌ស និងពណ៌ប្រផេះឆ្លាស់គ្នា មិនមែនបន្ទាត់បែងចែក ឬព្រំដែនទេ។
ផ្នែកនានាកាន់កាប់ទទឹងពេញនៃទំព័រ ដោយលាតសន្ធឹងពីគែមមួយទៅគែមមួយជាមួយនឹងចន្លោះធំទូលាយ (ប្រហែល 40-100 ជ្រុង)។ ទទឹងខ្លឹមសារអតិបរមាស្ថិតនៅចំកណ្តាលយ៉ាងមានប្រសិទ្ធភាពនៅក្នុងបន្ទះនីមួយៗ។ ធាតុសំខាន់គឺជាជង់ដែលស្ថិតនៅចំកណ្តាល៖ ស្លាករាងចិញ្ចើម ចំណងជើងដែលពង្រីក ប៊ូតុងអំពាវនាវឱ្យធ្វើសកម្មភាពតែមួយ ជួរតម្លៃ ហើយបន្ទាប់មករូបភាពផលិតផលដែលបំពេញផ្នែកខាងក្រោមនៃច្រកមើល។ ផ្នែកនានាធ្វើតាមលំនាំដដែលៗ៖ ចំណងជើងដែលតម្រឹមខាងឆ្វេងនៅក្នុងបន្ទះ បន្ទាប់មកដោយប្លង់ជួរឈរពីរដែលមានការពិពណ៌នាផលិតផល (អត្ថបទនៅខាងឆ្វេង/រូបភាពនៅខាងស្តាំ ឬឆ្លាស់គ្នា) ក្រឡាចត្រង្គជួរឈរបីនៃកាត ឬការបង្ហាញដែលមើលឃើញនៅចំកណ្តាល។ ចង្វាក់ខ្លឹមសារត្រូវបានគ្រប់គ្រងទាំងស្រុងដោយការឆ្លាស់គ្នានៃផ្ទៃខាងក្រោយពណ៌ស និងបីពណ៌ជាមួយនឹងចន្លោះបញ្ឈរ 100-100 សង់ទីម៉ែត្រ—គ្មានបន្ទាត់បែងចែក គ្មានកាតដែលមានធាតុ។ ការរុករកសកលគឺជារបារថេរតែមួយ។ ផ្នែកលក្ខណៈបច្ចេកទេសផលិតផលប្រើក្រុមទទឹងពេញជាមួយនឹងចន្លោះធំទូលាយ ដែលអត្ថបទស្ថិតនៅចំកណ្តាលជួរឈរតូចចង្អៀត (~560px) ទល់នឹងផ្ទៃដែលមើលឃើញកាន់តែទូលំទូលាយ។
ភាសាដែលមើលឃើញរបស់ក្រុមហ៊ុន Apple ភាគច្រើនគឺការថតរូបផលិតផល៖ ការថតជិតៗនៃផ្នែករឹងទល់នឹងផ្ទៃខាងក្រោយពណ៌សសុទ្ធ ឬពណ៌ ដោយគ្មានបរិបទរបៀបរស់នៅ ឬឈុតឆាកដែលបានរៀបចំ។ រូបភាពសំខាន់បង្ហាញពីដៃកាន់ MacBook Neo ពណ៌បៃតង pastel - ធាតុមនុស្សគឺជារឿងបន្ទាប់បន្សំ ដោយបង្ហាញពីមាត្រដ្ឋាន និងវាយនភាពជាជាងអារម្មណ៍។ នៅក្នុងផ្នែកបំរែបំរួលផលិតផល ឧបករណ៍ពីរត្រូវបានបង្ហាញនៅក្បែរគ្នាទល់នឹងផ្ទៃខាងក្រោយនៃពណ៌តុបតែងដែលត្រូវគ្នា (ពណ៌ផ្កាឈូក បៃតង ប្រាក់ ខៀវមេឃ) កាតនីមួយៗមានវាលពណ៌រាបស្មើជាមួយផលិតផលនៅចំកណ្តាល។ ការថតរូបលម្អិតប្រើការថតជិតៗខ្លាំង (ហ៊ីងកុំព្យូទ័រយួរដៃ ម៉ូឌុលកាមេរ៉ា) ទល់នឹងផ្ទៃខាងក្រោយអព្យាក្រឹត។ មិនមានរូបភាព គ្មានក្រាហ្វិកអរូបី គ្មានរូបភាពតុបតែង - ផលិតផលខ្លួនឯងគឺជាធាតុដែលមើលឃើញ។ រូបតំណាងមានគ្រប់ទីកន្លែង - រូបតំណាងបន្ទាត់ពណ៌តែមួយក្នុងរចនាប័ទ្មនិមិត្តសញ្ញា SF កម្រាស់ 1.5–2px ដែលយកចេញពីសំណុំរូបតំណាងប្រព័ន្ធ Apple។ ការថតរូបតែងតែត្រូវបានធ្វើឡើងតាមរបៀបដែលមានសោភ័ណភាពខ្ពស់៖ ពន្លឺឯកសណ្ឋាន គ្មានស្រមោល ដែលកាត់បន្ថយផលិតផលទៅជាទម្រង់ក្រាហ្វិកជាជាងវត្ថុបីវិមាត្រ។
ក្ដារលាយពណ៌
ម៉ាក
- Electric Blue
#0071e3— ប៊ូតុងសកម្មភាពដែលបានបំពេញគឺជាការសង្កត់សំឡេងពណ៌តែមួយគត់នៅក្នុង UI ដែលត្រូវបានប្រើតិចតួចសម្រាប់ការអំពាវនាវឱ្យធ្វើសកម្មភាព។ - Link Blue
#0066cc— តំណភ្ជាប់អត្ថបទក្នុងជួរ តំណភ្ជាប់ដែលមានព្រួញ និងសញ្ញា chevron។ - Citrus Gradient
#3b3b23— ជម្រើសបញ្ចប់មួយផ្សេងទៀតដែលបានក្លាយជាលក្ខណៈពិសេសរបស់ផលិតផលគឺមូលដ្ឋានពណ៌ខ្មៅដែលរសាត់ទៅជាពណ៌លឿងបៃតង។
អព្យាក្រឹត
- Primary Ink
#1d1d1f— ចំណងជើង អត្ថបទតួ និងស្លាកប៊ូតុង គឺជាសម្លេងផ្ទៃខាងមុខលេចធ្លោលើគ្រប់ផ្ទៃទាំងអស់។ ផ្ទៃខាងក្រោយនៃរូបភាពផលិតផលសំខាន់ផ្លាស់ប្តូរយ៉ាងរលូនពី #1d1d1f រឹងមាំនៅខាងលើទៅជាពណ៌ខៀវស្រអែម។ - Mid Gray
#707070— អត្ថបទបន្ទាប់បន្សំ ស្ថានភាពរុករកអសកម្ម ស្លាក UI ដែលបិទសំឡេង - Deep Gray
#474747— អត្ថបទរុករក និងរូបតំណាង ប្រើប្រាស់ពុម្ពអក្សរមធ្យម។ - Hairline
#d6d6d6— ព្រំដែនស្តើងរវាងផ្នែក និងធាតុ UI។ - Canvas
#f5f5f7— ផ្ទៃខាងក្រោយផ្នែកឆ្នូតឆ្នូតពណ៌ប្រផេះដែលបំបែកតំបន់ពណ៌ស។ - Paper
#ffffff— ផ្ទៃកាត, ផ្ទៃខាងក្រោយទំព័រមេ, អក្សរប៊ូតុងនៅលើផ្ទៃខាងក្រោយងងឹត។
អក្សរសាស្ត្រ
ពី 12 ដល់ 96px · 10 ជំហាន
- SF Pro Display — ការជំនួស៖ Inter · គ្រោង 600, 700 · ចំណងជើង និងចំណងជើងរងវីរបុរសសម្រាប់បង្ហាញ — ទម្ងន់ 700 នៅ 80–96px ជាមួយនឹងចន្លោះអក្សរអវិជ្ជមាន -1.44px បង្កើតជា "ចំណងជើងដ៏ធំអណ្តែតជាពណ៌ស" ដ៏លេចធ្លោរបស់ Apple។ ជំនួស៖ Inter, system-ui
- SF Pro Display — ការជំនួស៖ Inter · គ្រោង 600 · ចំណងជើងផ្នែក ចំណងជើងកាត ចំណងជើងរង - ពុម្ពអក្សរ 600 ដែលមានចន្លោះអក្សរវិជ្ជមានបន្តិច មានអារម្មណ៍កក់ក្ដៅ និងរួសរាយរាក់ទាក់នៅទំហំមធ្យម មិនដូចចំណងជើងខ្លីៗខាងលើទេ។
- SF Pro Text — ការជំនួស៖ Inter · គ្រោង 400, 500, 600 · សម្រាប់អត្ថបទដើម ការរុករក កថាខណ្ឌគាំទ្រ និងចំណងជើងតូចៗ ពុម្ពអក្សរដែលមានលិបិក្រម 400 នៅ 17px គឺជាពុម្ពអក្សរចម្បង។ គម្លាតអក្សរអវិជ្ជមានអនុញ្ញាតឱ្យអត្ថបទសំខាន់មានលក្ខណៈសង្ខេបជាងមុននៅលើទំព័រដែលមានព័ត៌មានច្រើន។
ចន្លោះពេល និងទម្រង់
| គោលបំណង | អត្ថន័យ |
|---|---|
| ដង់ស៊ីតេ | ក្រាស់ |
| ជំហានមូលដ្ឋាន | 8-10px |
| កាំប៊ូតុង | 980px |
| កាំកាត | 28px |
| ស្រមោល | គ្មានព្រំដែនជំនួសឱ្យស្រមោល |
| រវាងផ្នែកនានា | 100-120px |
| ទទឹងទំព័រ | 1200px |
បញ្ញាសិប្បនិម្មិត (AI) នឹងបង្កើតគេហទំព័ររបស់អ្នកតាមរចនាបថ Apple (España) ហើយបំពេញវា
- បំពេញជាមួយផលិតផល និងការបង្ហោះតាមរយៈតំណភ្ជាប់ - Instagram, TikTok, Facebook ។
- ផ្ទេរខ្លឹមសារពីគេហទំព័រចាស់របស់អ្នក—គ្រាន់តែបញ្ជាក់អាសយដ្ឋាន។
- ការរចនាទំនើបលើម៉ាស៊ីនល្អបំផុត៖ React ( Next.js) ជាមួយនឹងការបង្ហាញម៉ាស៊ីនមេ និងការបង្កើនប្រសិទ្ធភាព SEO ភ្លាមៗ។
- ការបង្កើនប្រសិទ្ធភាព SEO ដោយស្វ័យប្រវត្តិយ៉ាងពេញលេញសម្រាប់លទ្ធផលស្វែងរក និងអនុសាសន៍បណ្តាញសរសៃប្រសាទ។
រចនាប័ទ្មស្រដៀងគ្នា
- Airbnb — ជញ្ជាំងវិចិត្រសាលពណ៌សស្ងប់ស្ងាត់មួយដែលមានចំណាំពណ៌ក្រហមផ្កាថ្មតែមួយ
- Peak Design — ជញ្ជាំងវិចិត្រសាល បំភ្លឺដោយផ្នែក
- Ramp — នាយកដ្ឋានហិរញ្ញវត្ថុវិចារណកថា ទំព័រសខ្មៅដែលមានប៊ិចណេអុងតែមួយ។ ផ្ទៃស្ទើរតែតែមួយពណ៌នៃការបោះពុម្ពផ្សាយ ដែលបន្ទាត់ពណ៌បៃតងខ្ចីភ្លឺតែមួយបានបំលែងអន្តរកម្មនីមួយៗទៅជាសញ្ញារូបិយវត្ថុ។
- 099 SUPPLY — ជញ្ជាំងវិចិត្រសាលពោរពេញទៅដោយវត្ថុពណ៌ខ្មៅ និងស
- Orderful — ផ្ទាំងគ្រប់គ្រងភស្តុភារឧស្សាហកម្ម - បញ្ជីត្រួតពិនិត្យរបស់អ្នកបញ្ជូនភស្តុភារដែលបានបោះពុម្ព ធ្វើដោយទឹកថ្នាំពណ៌ខ្មៅ និងពណ៌ក្រហមស្រាល ទំព័រនីមួយៗមានលក្ខណៈពិសេសគ្រប់គ្រាន់ដើម្បីអនុញ្ញាតឱ្យប្រតិបត្តិករម្នាក់ស្រែកប្រាប់អ្វីដែលសំខាន់។
- Apple (España) — ប្រអប់តាំងបង្ហាញវិចិត្រសាលពណ៌ស
- teenage engineering — កាតាឡុកឧស្សាហកម្មនៅក្នុងភ្លើងបំភ្លឺស្ទូឌីយោ - ផលិតផលគឺជាវត្ថុសំខាន់តែមួយគត់នៅលើទំព័រ ហើយអ្វីៗផ្សេងទៀតត្រូវបានពិភាក្សាជុំវិញវា។
- Apple (España) — បង្អួចវិចិត្រសាលមួយនៅក្នុងអ័ព្ទពេលព្រឹក
- Lightship — ឌីអូរ៉ាម៉ាភាពយន្តនៃផ្លូវបើកចំហ។ ជញ្ជាំងវិចិត្រសាលពណ៌ក្រែមក្តៅឧណ្ហៗ តុបតែងដោយរូបថតទេសភាពធំៗដែលដាក់នៅចន្លោះពេលជិតៗ អក្សរខ្មៅស្តើងៗមើលមិនឃើញនៅលើស៊ុម និងការសង្កត់សំឡេងពណ៌ទឹកក្រូចភ្លឺតែមួយបំបែកពណ៌តែមួយដូចជាភ្លើងឆេះក្នុងវាលស្មៅ។
- Custo — វិចិត្រសាលពណ៌កាំភ្លើងដែលមានពុម្ពអក្សរតែមួយ។ បន្ទប់តាំងបង្ហាញមួយដែលមានពណ៌ប្រផេះបៃតងស្រាលៗ ជាកន្លែងដែលវត្ថុងងឹតតែមួយ និងពុម្ពអក្សរ 57px និយាយដោយខ្លួនឯង។
- Silencio — បន្ទប់ពណ៌សមួយដែលមានវត្ថុបុរាណអណ្តែតទឹក។ ការតាំងពិព័រណ៍វិចិត្រសាលធ្វើពីក្រដាសក្តៅ ដែលធាតុនីមួយៗកាន់កាប់កន្លែងរបស់វាទល់នឹងផ្ទៃខាងក្រោយនៃបរិមាណអវិជ្ជមាន ហើយភាពស្ងៀមស្ងាត់គឺជាការសម្រេចចិត្តរចនាដោយចេតនា។
- ORYZO AI — អត្ថបទរូបថតអំពីបន្ទប់ងងឹតមួយ។ វត្ថុឯកោមួយដែលអណ្តែតក្នុងភាពងងឹតក្តៅឧណ្ហៗ ពណ៌សក្រែមគឺជាគ្រឿងតុបតែងតែមួយគត់។