Subframe
គំនូរក្រាហ្វិកនៅលើក្រដាស់ស្បែកក្តៅ។ ក្រដាសរចនា ដែលរាល់ការគូសគឺជាក្រាហ្វីត ឬជ័រលុប មិនដែលលាបពណ៌ទេ—ជម្រៅត្រូវបានសម្រេចតាមរយៈកម្រាស់បន្ទាត់ និងស្នាមបន្ទាត់រាងអក្សរតូចៗ។
Subframe គឺជាកន្លែងធ្វើការរបស់អ្នករចនាពណ៌តែមួយ៖ ផ្ទាំងក្រណាត់ក្តៅ ក្រែម ទឹកថ្នាំខ្មៅក្រាហ្វីត និងអវត្តមានទាំងស្រុងនៃការសង្កត់សំឡេងពណ៌។ ចំណុចប្រទាក់ទាំងមូលត្រូវបានយល់ឃើញថាជាសម្ភារៈតែមួយ - ក្រដាស ខ្មៅដៃ និងស្រមោល - ជាមួយនឹងការប៉ះអក្សរដិតមួយ៖ serif ចម្រាញ់ (Instrument Serif) ដែលកំណត់ទល់នឹង sans-serif ជាប្រព័ន្ធ (Inter) ដែលផ្តល់ភាពធ្ងន់ធ្ងរដល់ចំណងជើង។ ផ្ទៃរាបស្មើ និងដាក់ស៊ុមជាជាងលើកឡើង។ ជម្រៅត្រូវបានសម្រេចតាមរយៈបន្ទាត់បែងចែកស្តើងៗនៅក្នុង #e5e7eb និងការបន្លិចបញ្ចូលលើការគ្រប់គ្រងងងឹតជាជាងស្រមោល។ ដង់ស៊ីតេគឺទូលាយ៖ ចង្វាក់បញ្ឈរធំទូលាយ (48–64px នៃចន្លោះរវាងផ្នែក) ប្លង់កណ្តាល ទទឹងពេញ និងចន្លោះពណ៌សទូលាយជុំវិញអត្ថបទ។ ពណ៌តែមួយគត់គឺភាពផ្ទុយគ្នារវាងពណ៌សជិត និងខ្មៅជិត ដែលធ្វើឱ្យប៊ូតុងងងឹតជាធាតុដ៏គួរឱ្យចាប់អារម្មណ៍បំផុតនៅលើទំព័រនីមួយៗ ហើយបន្ទះឡូហ្គោម៉ាកដៃគូជាពណ៌ប្រផេះជាធាតុតុបតែងតែមួយគត់។
ប្លង់ទទឹងពេញកណ្តាល (1200px) ជាមួយនឹងចង្វាក់បញ្ឈរដ៏ធំទូលាយ។ ធាតុសំខាន់គឺជាប្លុកតែមួយ ដែលស្ថិតនៅចំកណ្តាល៖ ការគ្រប់គ្រងងងឹត ដែលបែងចែកជាផ្នែកៗនៅផ្នែកខាងលើ ចំណងជើង "អន្តរ" ធំមួយ ចំណងជើងរងបន្ទាត់តែមួយ និងប៊ូតុងជាប់គ្នាពីរ (បំពេញ + ថ្លា)—គ្មានរូបភាពចំហៀង គ្មានការបំបែកប្លង់។ នៅខាងក្រោមធាតុសំខាន់គឺជាឆ្នូតឡូហ្គោពណ៌ប្រផេះដែលស្ថិតនៅចំកណ្តាល។ ផ្នែកបន្តបន្ទាប់នីមួយៗធ្វើតាមលំនាំដូចគ្នា៖ ប្លុកចំណងជើង និងចំណងជើងរងដែលតម្រឹមខាងឆ្វេង បន្ទាប់មកស៊ុមបង្ហាញផលិតផលទទឹងពេញដែលមានចន្លោះ 48–64px រវាងផ្នែក។ ការរុករកគឺតិចតួចបំផុត៖ របារខាងលើដែលមានតំណភ្ជាប់កណ្តាល និងសកម្មភាពតម្រឹមខាងស្តាំ គ្មានរបារចំហៀង គ្មានម៉ឺនុយធំ។ ទំព័រអានពីលើចុះក្រោមជាស៊េរីនៃសេចក្តីថ្លែងការណ៍ដែលស្ថិតនៅចំកណ្តាល ដែលនីមួយៗត្រូវបានផ្តល់ទំហំធំទូលាយ—ប្លង់មានអារម្មណ៍ដូចជាផលប័ត្រវិចារណកថាជាជាងទំព័រផលិតផលដែលមមាញឹក។
ការរចនាដែលមើលឃើញគឺមានលក្ខណៈសាមញ្ញបំផុត និងមានមុខងារ។ ប្រព័ន្ធនេះប្រើប្រាស់របៀបមើលឃើញពីរ៖ (1) រូបថតអេក្រង់ផលិតផលដែលមានស៊ុម និងគំរូ UI ដែលរុំព័ទ្ធក្នុងស៊ុមកាំ 24px—ពួកវាបង្ហាញសមាសធាតុចំណុចប្រទាក់ជាក់ស្តែង (តារាង ប៊ូតុង ទម្រង់) ដែលបង្ហាញក្នុងក្ដារលាយពណ៌តែមួយ ដែលធ្វើឱ្យរូបថតអេក្រង់មើលទៅហាក់ដូចជារួមបញ្ចូលយ៉ាងរលូនទៅក្នុងទំព័រ។ (2) បន្ទះតែមួយនៃឡូហ្គោដៃគូពណ៌ប្រផេះបម្រើជាភស្តុតាងសង្គម ដែលបង្ហាញរាបស្មើ ដោយគ្មានពណ៌ ឬធុង។ មិនមានរូបថតរបៀបរស់នៅ ជម្រាលអរូបី ឬការបង្ហាញ 3D ទេ។ ធាតុបង្ហាញតែមួយគត់គឺ "ក្បឿង" ផលិតផលងងឹត ដែលផ្តោតលើផ្ទៃខាងក្រោយពណ៌ប្រផេះក្តៅជាមួយនឹងរូបតំណាងម៉ាក—វាត្រូវបានយល់ថាជាការបង្ហាញផលិតផល មិនមែនជាការតុបតែងទេ។ រូបភាពទាំងអស់កាន់កាប់ប្លង់ដែលមានមូលដ្ឋានលើអត្ថបទ ដែលទម្ងន់ដែលមើលឃើញត្រូវបានផ្ទុកដោយអត្ថបទ។
ក្ដារលាយពណ៌
អព្យាក្រឹត
- Page Canvas
#fafafa— ផ្ទៃខាងក្រោយនៃទំព័រ កាតប៉ុស្តាល់នៅលើផ្ទាំងក្រណាត់ អក្សរស្រាលៗនៅលើផ្ទៃងងឹត - ពណ៌សក្តៅដែលជាមូលដ្ឋានគ្រឹះនៃប្រព័ន្ធពណ៌តែមួយទាំងមូល។ - Hairline Border
#e5e7eb— បន្ទាត់បែងចែក ស៊ុមកាត ស៊ុមរូបភាព គ្រោងរូបតំណាង - ប្រភេទគ្រោងដែលប្រើញឹកញាប់បំផុតនៅក្នុងប្រព័ន្ធ កំណត់រចនាសម្ព័ន្ធលំហ។ - Card Surface
#ededed— ផ្ទៃខាងក្រោយដែលបានលើកឡើងសម្រាប់កាត ដែលជាផ្ទៃបន្ថែម - មានទីតាំងស្ថិតនៅមួយជំហានពីលើផ្ទាំងក្រណាត់ ដោយបង្កើតជាក្រុមដោយគ្មានស្រមោល។ - Divider Mid
#dadada— ការបែងចែកពណ៌កណ្តាល និងការផ្លាស់ប្តូររវាងផ្នែកនានា - Graphite
#242424— ការបំពេញអព្យាក្រឹតដែលមានកម្រិតពណ៌ខ្ពស់សម្រាប់ប៊ូតុងចម្បងនៅលើផ្ទៃពណ៌ស្រាល។ - Ink Black
#171717— តួអត្ថបទ ចំណងជើង គ្រោងរូបតំណាង - ត្រជាក់ជាង Graphite បន្តិច ដែលប្រើសម្រាប់ពុម្ពអក្សរជាជាងផ្ទៃ។
អក្សរសាស្ត្រ
ពី 12 ដល់ 128px · 7 ជំហាន
- Inter — ការជំនួស៖ Inter (Google Fonts) · គ្រោង 500, 600, 700 · ចំណុចប្រទាក់ប្រព័ន្ធ sans-serif—ការរុករក អត្ថបទតួ ប៊ូតុង ចំណងជើងរង និងចំណងជើងផ្នែក។ ទម្ងន់៖ 500 សម្រាប់អត្ថបទតួ និងការគ្រប់គ្រង 600 សម្រាប់ចំណងជើងរង និងការសង្កត់សំឡេងរុករក និង 700 សម្រាប់ចំណងជើងផ្នែក។ គម្លាតអក្សរអវិជ្ជមានខ្លាំងបង្រួមរាងធរណីមាត្រគ្រប់ទំហំ ដែលផ្តល់ឱ្យចំណុចប្រទាក់នូវរូបរាងបច្ចេកទេសបង្រួម។
- Instrument Serif — ការជំនួស៖ Playfair Display · គ្រោង 400 · ពុម្ពអក្សរ serif ដែលត្រូវបានរចនាឡើងសម្រាប់តែចំណងជើង និងខ្លឹមសារវិចារណកថាប៉ុណ្ណោះ។ ទម្ងន់ 400 និងគម្លាតអក្សរ -0.025em របស់វាបង្កើតរូបរាងឆើតឆាយ និងទ្រេត ដែលផ្ទុយពីធរណីមាត្រឧស្សាហកម្មរបស់ Inter—បច្ចេកទេសហត្ថលេខា៖ ពាក្យ ឬឃ្លា serif តែមួយនៅក្នុងទំព័រ sans-serif ដែលបម្រើជាវណ្ណយុត្តិដែលមើលឃើញជាជាងរចនាប័ទ្មចំណងជើង។
- Fragment Mono — ការជំនួស៖ JetBrains Mono · គ្រោង 400 · សញ្ញាពណ៌តែមួយសម្រាប់ធាតុដូចកូដក្នុងជួរ ស្លាកស្លាក និងការហៅចេញបច្ចេកទេស។ ប្រសិនបើប្រើតិចតួច វានឹងលេចឡើងក្នុងបញ្ជីអនុគមន៍ និងចំណារពន្យល់ក្នុងជួរ ដែលឧបករណ៍រចនាចង់បង្ហាញថា "នេះជាលទ្ធផលរបស់ម៉ាស៊ីន"។
ចន្លោះពេល និងទម្រង់
| គោលបំណង | អត្ថន័យ |
|---|---|
| ដង់ស៊ីតេ | មធ្យម |
| ជំហានមូលដ្ឋាន | 8px |
| កាំប៊ូតុង | 16px |
| កាំកាត | 24px |
| ស្រមោល | គ្មានព្រំដែនជំនួសឱ្យស្រមោល |
| រវាងផ្នែកនានា | 64px |
| ទទឹងទំព័រ | 1200px |
បញ្ញាសិប្បនិម្មិត (AI) នឹងបង្កើតគេហទំព័ររបស់អ្នកតាមរចនាបថ Subframe ហើយបំពេញវា
- បំពេញជាមួយផលិតផល និងការបង្ហោះតាមរយៈតំណភ្ជាប់ - Instagram, TikTok, Facebook ។
- ផ្ទេរខ្លឹមសារពីគេហទំព័រចាស់របស់អ្នក—គ្រាន់តែបញ្ជាក់អាសយដ្ឋាន។
- ការរចនាទំនើបលើម៉ាស៊ីនល្អបំផុត៖ React ( Next.js) ជាមួយនឹងការបង្ហាញម៉ាស៊ីនមេ និងការបង្កើនប្រសិទ្ធភាព SEO ភ្លាមៗ។
- ការបង្កើនប្រសិទ្ធភាព SEO ដោយស្វ័យប្រវត្តិយ៉ាងពេញលេញសម្រាប់លទ្ធផលស្វែងរក និងអនុសាសន៍បណ្តាញសរសៃប្រសាទ។
រចនាប័ទ្មស្រដៀងគ្នា
- monopo saigon — ពន្លឺរាវ និងភ្លឺចែងចាំងនៅពីក្រោយភាពស្ងប់ស្ងាត់នៃអត្ថបទ — វិចិត្រសាលអត្ថបទពណ៌តែមួយអណ្តែតលើពន្លឺរលាយ
- Hyer Aviation — ព្រលប់ក្នុងកាប៊ីនយន្តហោះលើក្រណាត់ស្បែក។ មេឃពេលព្រលឹមស្រអែមជួបនឹងឡូហ្គោរាងជាអក្សរសដែលមានទំហំប៉ុនតួយន្តហោះ ហើយការសង្កត់សំឡេងដីឥដ្ឋក្តៅតែមួយគត់បានបំបែកភាពតឹងរ៉ឹងពណ៌តែមួយគត់។
- OFF+BRAND. — ស្វ៊ែរភ្លឺចែងចាំងលើក្រដាស់ក្តៅ
- Seed — សារពាង្គកាយមានជីវិតនៅក្រោមកញ្ចក់មន្ទីរពិសោធន៍
- Eindhoven Design District — ភាពឃោរឃៅខាងវិចារណកថានៅលើក្រដាសសគឺជាសេចក្តីថ្លែងការណ៍រចនារបស់ក្រុង ដែលត្រូវបានប្រតិបត្តិជាអក្សរធំៗ ជាមួយនឹងការថតរូបតិចតួចបំផុត និងការអត់ធ្មត់ដាច់ខាត។
- Miranda — អក្សរទ្រង់ទ្រាយធំបុរាណលើផ្ទៃខាងក្រោយពណ៌ក្រែមស្រាល—អត្ថបទវិចារណកថាកាសែតសម្រាប់យុគសម័យឌីជីថល
- Monocle — កាសែតទ្រង់ទ្រាយធំដែលមានគុណភាពខ្ពស់ លើក្រដាសពណ៌ក្រែម។ ជាអត្ថបទនិពន្ធដែលរៀបចំយ៉ាងយកចិត្តទុកដាក់ ដែលជួរឈរនីមួយៗសមនឹងកន្លែងរបស់វា ហើយមានតែពណ៌ដែលមានអត្ថន័យមួយប៉ុណ្ណោះដែលបង្ហាញនៅលើទំព័រ។
- Agencja brandingowa — វិចិត្រសាលវិចារណកថាដែលមានពណ៌ស ជាមួយនឹងអក្សរដែលសរសេរដោយប្រើទឹកខ្មៅ
- Websmith Studio — ពន្លឺពេលព្រឹកលើក្រដាសក្រែម
- Aspelin Reitan — បណ្ណសារស្ថាបត្យកម្មដោយ Candlelight - ទំព័រនេះមើលទៅដូចជាផលប័ត្រនៃកន្លែងសាងសង់ ដែលត្រូវបានខ្ទាស់ទៅនឹងជញ្ជាំងពណ៌ក្រែមក្តៅ ជាមួយនឹងបន្ទាត់អក្សរពណ៌សតែមួយអណ្តែតពីលើរូបភាពនីមួយៗ ឆ្លងកាត់ទទឹងពេញនៃទំព័រ។
- Public — អត្ថបទនិពន្ធមួយពណ៌តែមួយលើថ្មម៉ាបត្រជាក់—ស្ទើរតែជាផ្ទាំងក្រណាត់ពណ៌តែមួយ ជាមួយនឹងពុម្ពអក្សរ serif 300 ចំណុច និងការសង្កត់សំឡេងពណ៌ស្វាយតែមួយ ដែលធ្វើការងារពណ៌ទាំងអស់។
- Motto — អក្សរធំមួយលើក្រដាស – សំឡេងតែមួយដែលមានទំនុកចិត្តប្រកាសខ្លួនឯងលើក្រដាសសដូចព្រិល