Framer
វិចិត្រសាលណេអុងនៅក្នុងភាពទទេ
Framer ដំណើរការជាភាពងងឹតស្ទើរតែទាំងស្រុង—ផ្ទាំងក្រណាត់ពណ៌ខ្មៅដែលខ្លឹមសារអណ្តែតដូចផ្លាកសញ្ញាណេអុងនៅពេលបើកវិចិត្រសាល។ ចំណងជើង ដែលកំណត់ក្នុង GT Walsheim Medium ជាមួយនឹងគម្លាតបន្ទាត់តូចចង្អៀតពី 0.8–1.1 និងគម្លាតអក្សរអវិជ្ជមានដ៏ខ្លាំងក្លា (-0.04em នៅ 54px) បង្កើតជាពុម្ពអក្សរតុបតែងបង្រួមដែលរុញទៅមុខជាជាងស្ថិតនៅយ៉ាងស្អាតនៅលើទំព័រ។ ពណ៌ខៀវអគ្គិសនីតែមួយ (#0099ff) ផ្តល់នូវការសង្កត់សំឡេងមុខងារទាំងអស់—ព្រំដែន ពន្លឺ រូបតំណាង ស្ថានភាពសកម្ម—ខណៈពេលដែលចំណុចប្រទាក់ដែលនៅសល់នៅតែគ្មានពណ៌ ដោយពឹងផ្អែកលើការផ្លាស់ប្តូរពណ៌ប្រផេះស្រាលៗ (#111, #171717, #242424) ដើម្បីបង្កើតជម្រៅពីពណ៌ខ្មៅសុទ្ធ។ សមាសធាតុមានអារម្មណ៍ថាត្រូវបានពិចារណាជាជាងការតុបតែង៖ កាំមូលនៃ 8–25px ព្រំដែនស្តើង 1px ស្រមោលធ្លាក់ចុះតិចតួចបំផុត និងផ្ទៃថ្លាដែលអនុញ្ញាតឱ្យចន្លោះទទេភ្លឺឆ្លងកាត់។
ផ្នែកទទឹងពេញលាតសន្ធឹងហួសពីផ្ទាំងក្រណាត់ពណ៌ខ្មៅ ដោយខ្លឹមសារមានកំណត់ត្រឹមទទឹងអតិបរមា ~1200px និងស្ថិតនៅចំកណ្តាល។ ផ្នែកសំខាន់មានចំណងជើងដែលតម្រឹមខាងឆ្វេង និងប៊ូតុងអំពាវនាវឱ្យធ្វើសកម្មភាព (CTA) តែមួយ ដោយផ្នែកខាងស្តាំត្រូវបានទុកចោលឱ្យទទេដោយចេតនា—មិនស៊ីមេទ្រី មិនស្ថិតនៅចំកណ្តាល។ ផ្នែកនានាឆ្លាស់គ្នារវាងប្លង់អត្ថបទតែប៉ុណ្ណោះ (ចំណងជើងធំ + អត្ថបទរង) និងរូបថតអេក្រង់ផលិតផល។ ផ្នែក "ភ្ជាប់មកជាមួយ Framer" ប្រើប្រាស់ជញ្ជាំងឡូហ្គោនៅក្នុងក្រឡាចត្រង្គ 4 ជួរឈរ។ នៅក្នុងផ្នែកសហគមន៍ រូបថតអេក្រង់ផលិតផលត្រូវបានដាក់ក្នុងធុងទទឹងពេញដែលស្ថិតនៅចំកណ្តាល ដែលមានជ្រុងមូល។ ការរុករកគឺតិចតួចបំផុត—របារខាងលើស្តើងមួយដែលមានឡូហ្គោនៅខាងឆ្វេង និងតំណភ្ជាប់តម្រឹមទៅខាងស្តាំ ដោយគ្មានការគ្រប់គ្រងដែលអាចមើលឃើញ។ ចង្វាក់នៃផ្នែក៖ ចន្លោះបញ្ឈរ 80px ដ៏សំខាន់រវាងផ្នែកនានា បង្កើតជាកោះមាតិកាដាច់ដោយឡែកអណ្តែតនៅក្នុងចន្លោះទទេ។
រូបថតអេក្រង់នៃចំណុចប្រទាក់អ្នកប្រើប្រាស់របស់ផលិតផលលេចធ្លោ — ស៊ុមដោយបង្អួចដូចក្រូមដែលមានចំណុចភ្លើងសញ្ញាចរាចរណ៍ រូបថតអេក្រង់ដែលបានបង្កប់នៃកម្មវិធីបានក្លាយជារូបភាពសំខាន់។ ឡូហ្គោ ដែលបម្រើជាភស្តុតាងនៃគុណភាព ត្រូវបានបង្ហាញជាអក្សរពណ៌សលើផ្ទៃខាងក្រោយពណ៌ខ្មៅដែលមានចន្លោះធំទូលាយ។ គ្មានរូបថត រូបភាព ឬក្រាហ្វិកអរូបីត្រូវបានប្រើទេ — ភាសាដែលមើលឃើញគឺជាផលិតផលខ្លួនឯង ដែលបង្ហាញជាចំណុចប្រទាក់មានជីវិត។ រចនាប័ទ្មរូបតំណាង៖ តិចតួចបំផុត មានគ្រោង ពណ៌តែមួយ និងពណ៌សក្នុងទំហំតូចៗ។ ដង់ស៊ីតេអក្សរ៖ ភាគច្រើនជាអក្សរ ជាមួយនឹងបំណែកធំៗម្តងម្កាលក្នុងទម្រង់ជារូបថតអេក្រង់ផលិតផល។ តុល្យភាពដែលមើលឃើញនៃលំហច្បាស់ជាពេញចិត្តនឹងពុម្ពអក្សរជាងរូបភាព។
ក្ដារលាយពណ៌
ម៉ាក
- Vivid Violet
#0066ff— ប៊ូតុងសកម្មភាពចម្បងគឺជាកន្លែងតែមួយគត់នៅក្នុងចំណុចប្រទាក់ដែលផ្ទៃខាងក្រោយប៊ូតុងពណ៌រឹងត្រូវបានបង្ហាញ។
អព្យាក្រឹត
- Bone
#ffffff— ចំណងជើងសំខាន់ៗ អត្ថបទសំខាន់ៗលើផ្ទៃខាងក្រោយងងឹត ផ្ទៃខាងក្រោយប៊ូតុង គឺជាប្រភពពន្លឺតែមួយគត់។ - Void
#000000— ផ្ទាំងក្រណាត់ទំព័រ ផ្ទៃខាងក្រោយរុករក ផ្ទៃកាត ការបំពេញរូបតំណាង — ទាំងអស់នេះគឺជាពណ៌ខ្មៅគ្មានទីបញ្ចប់ ដែលស្រូបយកខ្លឹមសារមិនសំខាន់ទាំងអស់។ - Graphite
#111111— ផ្ទៃកាតដែលលើកឡើងគឺជាជំហានមួយលើសពីចន្លោះទទេ — កាតធំៗ មានមុខងារ និងកុងតឺន័រម៉ូឌុល។ - Obsidian
#171717— ផ្ទៃកម្រិតមធ្យមសម្រាប់ប៊ូតុង កាតបន្ថែម ការបំពេញ UI - បំបែកធាតុអន្តរកម្មចេញពីផ្ទាំងក្រណាត់។ - Slate
#242424— ពេលដាក់កណ្ដុរលើក្ដាររំកិលចុះក្រោម វាលបញ្ចូល និងបន្ទះដែលចូលបន្ទាត់ជាពណ៌អព្យាក្រឹតភ្លឺបំផុត មុនពេលប្តូរទៅជាទម្រង់អក្សរ។ - Ash
#333333— បំពេញជ្រៅសម្រាប់រូបភាពផ្ទៃខាងក្រោយដែលអសកម្ម និងធាតុរចនាសម្ព័ន្ធ។
អក្សរសាស្ត្រ
ពី 12 ដល់ 68px · 8 ជំហាន
- sans-serif — ការជំនួស៖ Inter · គ្រោង 400 · sans-serif - រកឃើញនៅក្នុងទិន្នន័យដែលបានស្រង់ចេញ ប៉ុន្តែមិនត្រូវបានពិពណ៌នាដោយ AI ទេ។
- GT Walsheim — ការជំនួស៖ Inter Tight · គ្រោង 500 · ពុម្ពអក្សរសម្រាប់ចំណងជើង និងចំណងជើងគឺជាពុម្ពអក្សរម៉ាក។ វាត្រូវបានបង្រួមយ៉ាងខ្លាំង ជាមួយនឹងគម្លាតបន្ទាត់ពី 0.8–1.1 និងគម្លាតអក្សរពី -0.04em ដល់ -0.05em ក្នុងចន្លោះ 44–68px។ វាមិនមែនជាធាតុតុបតែងទេ។ ភាពកក់ក្តៅធរណីមាត្ររបស់ GT Walsheim រួមផ្សំជាមួយនឹងរង្វាស់តឹងរ៉ឹង បង្កើតសំឡេងរបស់ប្រព័ន្ធ - មានទំនុកចិត្ត បង្រួម និងមានលក្ខណៈអនាគតបន្តិច។ សម្រាប់ការបញ្ចេញមតិធរណីមាត្រស្រដៀងគ្នា សូមពិចារណា Inter Tight ឬ Space Grotesk Bold។
- Inter Variable — ការជំនួស៖ Inter · គ្រោង 400 · អត្ថបទចម្បង ការរុករក និងចំណងជើងរង គឺជាកម្លាំងការងារចម្បង។ អ័ក្ស Inter Variable អនុញ្ញាតឱ្យមានការបញ្ចូលទម្ងន់ដោយរលូន។ ការតាមដានរួមតូចនៅពេលដែលទំហំកើនឡើង៖ ពី -0.001em ដល់ 18px និងដល់ -0.027em ដល់ 22px។ កំណែអថេរអនុញ្ញាតឱ្យមានចលនាខ្នាតតូចរលូននៃគេហទំព័រ។ ការជំនួស៖ Inter ( Google) - ការគាំទ្រដែលស្ទើរតែដូចគ្នាបេះបិទ។
ចន្លោះពេល និងទម្រង់
| គោលបំណង | អត្ថន័យ |
|---|---|
| ដង់ស៊ីតេ | មធ្យម |
| ជំហានមូលដ្ឋាន | 10px |
| កាំប៊ូតុង | 9999px |
| កាំកាត | 20px |
| ស្រមោល | គ្មានព្រំដែនជំនួសឱ្យស្រមោល |
| រវាងផ្នែកនានា | 80px |
| ទទឹងទំព័រ | 1200px |
បញ្ញាសិប្បនិម្មិត (AI) នឹងបង្កើតគេហទំព័ររបស់អ្នកតាមរចនាបថ Framer ហើយបំពេញវា
- បំពេញជាមួយផលិតផល និងការបង្ហោះតាមរយៈតំណភ្ជាប់ - Instagram, TikTok, Facebook ។
- ផ្ទេរខ្លឹមសារពីគេហទំព័រចាស់របស់អ្នក—គ្រាន់តែបញ្ជាក់អាសយដ្ឋាន។
- ការរចនាទំនើបលើម៉ាស៊ីនល្អបំផុត៖ React ( Next.js) ជាមួយនឹងការបង្ហាញម៉ាស៊ីនមេ និងការបង្កើនប្រសិទ្ធភាព SEO ភ្លាមៗ។
- ការបង្កើនប្រសិទ្ធភាព SEO ដោយស្វ័យប្រវត្តិយ៉ាងពេញលេញសម្រាប់លទ្ធផលស្វែងរក និងអនុសាសន៍បណ្តាញសរសៃប្រសាទ។
រចនាប័ទ្មស្រដៀងគ្នា
- Auros — ស្ថានីយជ្រៅជាមួយបាល់ទិន្នន័យដែលបញ្ចេញពន្លឺជីវសាស្ត្រ
- Origin Financial — វិចិត្រសាលពាក់កណ្តាលអធ្រាត្រនៃភាពប្រណីតស្ងប់ស្ងាត់។ បន្ទប់ស្ងាត់មួយ ស្ទើរតែងងឹត ជាកន្លែងដែលពុម្ពអក្សរ serif ធំៗ និងបន្ទះពណ៌ភ្លឺមួយចំនួនបង្កើតអារម្មណ៍ថាហិរញ្ញវត្ថុគឺជាស្នាដៃសិល្បៈដែលត្រូវបានរៀបចំយ៉ាងប្រុងប្រយ័ត្ន។
- Raycast — មជ្ឈមណ្ឌលបញ្ជាការពាក់កណ្តាលអធ្រាត្រ កូរ៉ាល់ នីអន
- Dimension — ស្ថានីយការងារដែលមានពន្លឺថ្ងៃលិច ជាមួយនឹងបន្ទះកញ្ចក់សាយសត្វ
- Reflect Notes — លំហពណ៌ស្វាយពោរពេញដោយផ្កាយ គឺជាកន្លែងសង្កេតមើលផ្កាយដ៏ងងឹតមួយ ជាកន្លែងដែលកំណត់ចំណាំអណ្តែតដូចក្រុមតារា ទល់នឹងផ្ទៃខាងក្រោយនៃភាពទទេរពណ៌ខៀវខ្ចីស្ទើរតែខ្មៅ។
- Ameba — បន្ទប់ត្រួតពិនិត្យនៅពាក់កណ្តាលអធ្រាត្រ - ជីពចរពណ៌ខៀវអគ្គិសនីនៅខាងក្នុងបន្ទះកញ្ចក់សាយសត្វ
- Branding — ជញ្ជាំងវិចិត្រសាលពណ៌ខ្មៅ ការតុបតែងពណ៌ក្រហមឈាម - ពុម្ពអក្សរពណ៌សធំៗអណ្តែតលើផ្ទាំងក្រណាត់ពណ៌ខ្មៅដែលស្រដៀងនឹងភាពទទេ ដែលត្រូវបានរំខានដោយការតុបតែងពណ៌ក្រហមភ្លឺតែមួយ និងធាតុតុបតែងដ៏គួរឱ្យចាប់អារម្មណ៍ ដែលមើលទៅដូចជាផ្លាកសញ្ញាវិចិត្រសាលជាជាងចំណុចប្រទាក់គេហទំព័រ។
- Harness — ការគ្រប់គ្រងបេសកកម្មនៅពាក់កណ្តាលអធ្រាត្រជាមួយនឹងការសង្កត់សំឡេងពណ៌បៃតងភ្លឺចែងចាំង
- Koto — វិចិត្រសាល Obsidian នៅពាក់កណ្តាលអធ្រាត្រ។ ឆាកមួយស្ទើរតែងងឹតសូន្យឈឹង ជាកន្លែងដែលប្រភពពន្លឺក្តៅតែមួយគត់គឺប៊ិចពណ៌លឿងតែមួយ ហើយប្រភេទពន្លឺខាប់អណ្តែតនៅក្នុងលំហដ៏ធំល្វឹងល្វើយដូចជាផ្ទាំងរូបភាពតាំងពិព័រណ៍។
- Ohzi — គូបភ្លឺចែងចាំងព្យួរនៅក្នុងវិចិត្រសាលងងឹត
- Depot — ស្ថានីយម៉ាស៊ីនមេងងឹតមួយ។ កុងសូលអ្នកអភិវឌ្ឍន៍ស្ទើរតែខ្មៅ ជាមួយនឹងអំពូល LED ពណ៌បៃតងតែមួយដែលបង្ហាញពីការចាប់ផ្តើមការងារ ហើយចំណុចប្រទាក់អ្នកប្រើប្រាស់ដែលនៅសល់ត្រូវបានបង្ហាញជាពណ៌ក្រាហ្វីត។
- Maciej Zadykowicz — វិចិត្រសាលពាក់កណ្តាលអធ្រាត្រ ជាមួយនឹងគំនូរជញ្ជាំងបែប kaleidoscopic គឺជាជញ្ជាំងស្ទូឌីយោដែលស្ទើរតែខ្មៅស្រអែម ដែលស្នាដៃសិល្បៈអក្សរសាស្ត្រដ៏រស់រវើក និងចម្រុះពណ៌ទាក់ទាញការចាប់អារម្មណ៍ ខណៈដែលអ្វីៗផ្សេងទៀតនៅតែស្ងប់ស្ងាត់ និងមានចេតនា។