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 ដោយស្វ័យប្រវត្តិយ៉ាងពេញលេញសម្រាប់លទ្ធផលស្វែងរក និងអនុសាសន៍បណ្តាញសរសៃប្រសាទ។
រចនាប័ទ្មស្រដៀងគ្នា
- AYOCIN — និមិត្តសញ្ញាសុខុមាលភាពព្រះអាទិត្យ។ បង្កើតអេក្រង់ដែលរំលឹកដល់រូបថតខាងក្នុងដ៏កក់ក្តៅ៖ ពុម្ពអក្សរដ៏អស្ចារ្យ ស្រមោលស្ថាបត្យកម្មព្រិលៗ និងវត្ថុបំភ្លឺតែមួយដែលស្ថិតនៅក្នុងលំហដ៏ស្ងប់ស្ងាត់ និងស្រស់ស្អាត។
- AXEL ARIGATO — Axel Arigato គឺជាអាល់ប៊ុមរូបថតទីក្រុងដ៏ស្មោះត្រង់មួយ។ ទំព័រនានាត្រូវបានផ្សំឡើងជាលំដាប់នៃវាលអត្ថបទពណ៌ស និងរូបថតម៉ូដដែលត្រូវបានកាត់ចេញយ៉ាងប្រុងប្រយ័ត្ន និងពាក់ព័ន្ធនឹងសង្គម លាយឡំជាមួយចំណងជើងពណ៌ខ្មៅខ្លីៗ។
- Bose — ឆាកសំឡេងនៅលើឆ្នេរសមុទ្រ។ រូបភាពផ្សាយពាណិជ្ជកម្មដែលត្រូវបានខ្យល់បក់មកបំពេញស៊ុម ខណៈពេលដែលការគ្រប់គ្រងយុទ្ធនាការស-ខ្មៅដ៏ច្បាស់លាស់ត្រូវបានរៀបចំជុំវិញវាដូចជាព័ត៌មានលម្អិតដ៏ជាក់លាក់។
- AVNIER — AVNYE គឺជាទីតាំងថតពេលយប់។ ផ្លាកសញ្ញាផលិតកម្មពណ៌ស និងបន្ទាត់ក្រឡាចត្រង្គច្បាស់លាស់ កាត់តាមរូបភាពខ្មៅនៃបន្ទប់ត្រួតពិនិត្យ។
- Bauhaus Clock — នាឡិកាដែលបំផុសគំនិតដោយរចនាបថ Bauhaus – ពន្លឺមេកានិចពណ៌ខៀវស្រាល។ ដាក់ស៊ុមផ្ទៃស្ងប់ស្ងាត់ និងស្រាលជាមួយនឹងរូបភាពនាឡិកាពណ៌ងងឹតដូចភាពយន្ត ហើយប្រើពណ៌ខៀវស្រាលជាគ្រឿងបំភ្លឺដ៏កម្រ។
- Airbnb — ជញ្ជាំងវិចិត្រសាលពណ៌សស្ងប់ស្ងាត់មួយដែលមានចំណាំពណ៌ក្រហមផ្កាថ្មតែមួយ
- Peak Design — ជញ្ជាំងវិចិត្រសាល បំភ្លឺដោយផ្នែក
- Ramp — នាយកដ្ឋានហិរញ្ញវត្ថុវិចារណកថា ទំព័រសខ្មៅដែលមានប៊ិចណេអុងតែមួយ។ ផ្ទៃស្ទើរតែតែមួយពណ៌នៃការបោះពុម្ពផ្សាយ ដែលបន្ទាត់ពណ៌បៃតងខ្ចីភ្លឺតែមួយបានបំលែងអន្តរកម្មនីមួយៗទៅជាសញ្ញារូបិយវត្ថុ។
- 099 SUPPLY — ជញ្ជាំងវិចិត្រសាលពោរពេញទៅដោយវត្ថុពណ៌ខ្មៅ និងស
- Orderful — ផ្ទាំងគ្រប់គ្រងភស្តុភារឧស្សាហកម្ម - បញ្ជីត្រួតពិនិត្យរបស់អ្នកបញ្ជូនភស្តុភារដែលបានបោះពុម្ព ធ្វើដោយទឹកថ្នាំពណ៌ខ្មៅ និងពណ៌ក្រហមស្រាល ទំព័រនីមួយៗមានលក្ខណៈពិសេសគ្រប់គ្រាន់ដើម្បីអនុញ្ញាតឱ្យប្រតិបត្តិករម្នាក់ស្រែកប្រាប់អ្វីដែលសំខាន់។
- Apple (España) — ប្រអប់តាំងបង្ហាញវិចិត្រសាលពណ៌ស
- teenage engineering — កាតាឡុកឧស្សាហកម្មនៅក្នុងភ្លើងបំភ្លឺស្ទូឌីយោ - ផលិតផលគឺជាវត្ថុសំខាន់តែមួយគត់នៅលើទំព័រ ហើយអ្វីៗផ្សេងទៀតត្រូវបានពិភាក្សាជុំវិញវា។