Figma
តួរថយន្តពណ៌តែមួយសម្រាប់ភាពវឹកវរពណ៌
ចំណុចប្រទាក់នេះដំណើរការជាធុងរចនាសម្ព័ន្ធដ៏តឹងរ៉ឹង និងមានភាពផ្ទុយគ្នាខ្ពស់ ដែលផ្តល់នូវភាពលេចធ្លោខាងមើលឃើញពេញលេញចំពោះខ្លឹមសារដែលបង្កើតដោយអ្នកប្រើប្រាស់។ បន្ទាត់គោលគឺជាក្ដារលាយ #000000 ដល់ #ffffff ដ៏តឹងរ៉ឹង ដែលជៀសវាងស្រមោលពណ៌ប្រផេះស្រាលៗ ដើម្បីពេញចិត្តនឹងភាពផ្ទុយគ្នាអតិបរមាដាច់ខាតសម្រាប់ព្រំដែន និងអត្ថបទចម្បង។ ឋានានុក្រមអក្សរសាស្ត្រគឺផ្អែកស្ទើរតែទាំងស្រុងលើទំហំ និងគម្លាតអក្សរអវិជ្ជមានយ៉ាងខ្លាំងក្លា ជាជាងការប្រែប្រួលពណ៌ ដែលប្រែក្លាយបន្ទាត់អត្ថបទធំៗទៅជាប្លុកក្រាហ្វិកក្រាស់ៗ។ តក្កវិជ្ជានៃកាំព្រំដែនបង្កើតភាពផ្ទុយគ្នាយ៉ាងច្បាស់៖ "ក្រចក" ខាងក្រៅ 50px សម្រាប់ធាតុរុករកសកល ផ្ទុយស្រឡះពីជ្រុង 0px យ៉ាងច្បាស់នៃធុងមាតិកា។
សមាសភាពត្រូវបានផ្អែកលើស៊ុមទទឹងអតិបរមាខ្លាំង (អតិបរមា 1440px) ដែលស្ថិតនៅចំកណ្តាលច្រកមើល និងរួមបញ្ចូលចង្កោមមាតិកាក្រាស់ៗដែលបំបែកដោយចន្លោះម៉ាក្រូដ៏ធំទូលាយ (ចន្លោះទទេ 96-120px រវាងផ្នែកនានា)។ គំរូ "វីរបុរស" ជារឿយៗប្រើប្រាស់វិចិត្រសាលរូបភាពមិនស៊ីមេទ្រីដែលតោងយ៉ាងរឹងមាំនៅក្រោមប្លុក UI អណ្តែត និងស្ថិតនៅចំកណ្តាលដ៏ល្អឥតខ្ចោះ។ នៅខាងក្រោមផ្នត់ ព័ត៌មានភ្លាមៗត្រូវគ្នាទៅនឹងក្រឡាចត្រង្គបួនជួរឈរដ៏តឹងរ៉ឹងដោយគ្មានរឹម ដោយដាក់ស៊ុមចង្កោមកាតដដែលៗ បង្កើនដង់ស៊ីតេវត្ថុអតិបរមា ខណៈពេលដែលលុបបំបាត់រឹមចេញពីស៊ុម។
ការរចនាដែលមើលឃើញគឺផ្អែកលើលទ្ធផលដែលផ្តោតលើអ្នកប្រើប្រាស់។ រូបភាពត្រូវបានបង្ហាញជាការ៉េរាបស្មើ គ្មានស៊ុម ឬបំណែករាយប៉ាយ ត្រួតស៊ីគ្នា ដែលរំលឹកដល់វត្ថុរូបវន្ត ទល់នឹងផ្ទៃខាងក្រោយទទេស្អាត។ រូបភាពគឺជាប្រភពពណ៌តែមួយគត់នៅលើគេហទំព័រ។ មិនមានធាតុផ្សំនៃការថតរូបរបៀបរស់នៅ ឬរូបភាពសាជីវកម្មស្តង់ដារទេ - ធាតុក្រាហ្វិកនីមួយៗគឺជារូបថតពិតប្រាកដនៃផ្ទាំងក្រណាត់ឌីជីថល ដែលដំណើរការក្នុងពេលដំណាលគ្នាជាភស្តុតាងផលិតផល និងជាធាតុផ្សំសោភ័ណភាពចម្បង។
ក្ដារលាយពណ៌
ម៉ាក
- Context Action Violet
#4d49fc— ការអំពាវនាវឱ្យធ្វើសកម្មភាពចម្បងដែលបានធ្វើមូលដ្ឋានីយកម្មនៅក្នុងបន្ទះរង - ពណ៌រំខានតែមួយកំណត់ចំណុចផ្តោត។
អព្យាក្រឹត
- Absolute Canvas
#ffffff— ផ្ទៃខាងក្រោយទំព័រ, របារឧបករណ៍អណ្តែត, មូលដ្ឋានបន្ទះដែលលើកឡើង។ - Structural Ink
#000000— ពុម្ពអក្សរមូលដ្ឋាន ផ្ទៃខាងក្រោយប៊ូតុងរឹង គ្រោងប៊ូតុង។ - Graphite Metadata
#595959— អត្ថបទនិពន្ធបន្ទាប់បន្សំ អត្ថបទរងដែលបានធ្វើមូលដ្ឋានីយកម្ម តម្លៃកន្លែងដាក់ - Boundary Frame
#e2e2e2— សញ្ញាបំបែកដ៏ស្រទន់ និងព្រំដែនវាលបញ្ចូលដែលអសកម្ម។ - Angular Teal
#33dfdf— បែបផែនតុបតែង សូចនាករផ្ទុក និងការមើលឃើញទស្សន៍ទ្រនិចសកម្ម។
អក្សរសាស្ត្រ
ពី 12 ដល់ 72px · 6 ជំហាន
- figmaSans — ការជំនួស៖ Inter · គ្រោង 320, 330, 340, 400, 450, 480, 520, 700 · ឧបករណ៍ដែលអាចប្រើប្រាស់បានច្រើនមុខងារ ដែលគ្រប់គ្រងអ្វីៗគ្រប់យ៉ាង ចាប់ពីចំណងជើងបង្ហាញរហូតដល់ស្លាករុករក។ វាបង្កើតរូបរាងប្លែកដោយកែប្រែការតាមដានអវិជ្ជមានអុបទិក។
- figmaMono — ការជំនួស៖ JetBrains Mono · គ្រោង 400 · មីក្រូស្លាក (Microtags) ការតាមដានកូអរដោនេ និងសំឡេងបច្ចេកទេសដែលដំណើរការជាធាតុចំណុចប្រទាក់អ្នកប្រើច្រើនជាងខ្លឹមសារ។
ចន្លោះពេល និងទម្រង់
| គោលបំណង | អត្ថន័យ |
|---|---|
| ដង់ស៊ីតេ | ក្រាស់ |
| ជំហានមូលដ្ឋាន | 24px |
| កាំប៊ូតុង | 8px |
| កាំកាត | 12px |
| ស្រមោល | គ្មានព្រំដែនជំនួសឱ្យស្រមោល |
| រវាងផ្នែកនានា | 96-120px |
| ទទឹងទំព័រ | 1440px |
បញ្ញាសិប្បនិម្មិត (AI) នឹងបង្កើតគេហទំព័ររបស់អ្នកតាមរចនាបថ Figma ហើយបំពេញវា
- បំពេញជាមួយផលិតផល និងការបង្ហោះតាមរយៈតំណភ្ជាប់ - Instagram, TikTok, Facebook ។
- ផ្ទេរខ្លឹមសារពីគេហទំព័រចាស់របស់អ្នក—គ្រាន់តែបញ្ជាក់អាសយដ្ឋាន។
- ការរចនាទំនើបលើម៉ាស៊ីនល្អបំផុត៖ React ( Next.js) ជាមួយនឹងការបង្ហាញម៉ាស៊ីនមេ និងការបង្កើនប្រសិទ្ធភាព SEO ភ្លាមៗ។
- ការបង្កើនប្រសិទ្ធភាព SEO ដោយស្វ័យប្រវត្តិយ៉ាងពេញលេញសម្រាប់លទ្ធផលស្វែងរក និងអនុសាសន៍បណ្តាញសរសៃប្រសាទ។
រចនាប័ទ្មស្រដៀងគ្នា
- Caldera — ដុតភ្លើងលើថ្មកំបោរក្តៅឧណ្ហៗ។ ផ្ទាំងក្រណាត់គឺជាម្នាងសិលាឆៅក្តៅឧណ្ហៗ ហើយធាតុពណ៌ទឹកក្រូចនីមួយៗមើលទៅដូចជាធ្យូងដែលកំពុងឆេះដែលត្រូវបានសង្កត់ទៅលើផ្ទៃ។
- Vercel — ស្ថានីយបោះពុម្ពលើក្រដាសពណ៌ស
- Dylanbrouwer — រោងស្មិតបែបឃោរឃៅនៅពេលថ្ងៃលិច
- Headspace — ជ្រុងសុខុមាលភាពដែលមានពន្លឺថ្ងៃនៅលើក្រដាសក្តៅ
- WHOOP — មន្ទីរពិសោធន៍សម្តែងនៅពាក់កណ្តាលអធ្រាត្រ - តុមន្ទីរពិសោធន៍គ្លីនិកពណ៌សនៅក្រោមចន្លោះប្រហោងល្ខោនពណ៌ខ្មៅ ជីពចរអគ្គិសនីពណ៌ស្វាយតែមួយ
- (dot)connect — គំនូរវិស្វកម្មស្វីសដោយប្រើធ្យូងតែមួយដុំ
- Together AI — កុងសូលស្រាវជ្រាវលើក្រដាសផ្ទាំងទឹកកក
- Vivid+Co — ពន្លឺព្រីស្ម៉ាទិចឆ្លងកាត់អូបស៊ីឌៀន
- Sequel — ការបញ្ចាំងភាពយន្តឯកជនបន្ទាប់ពីងងឹតគឺជាពន្លឺក្តៅតែមួយគត់នៅក្នុងរោងកុនដែលងងឹត។
- v0 by Vercel — គំនូរម៉ាស៊ីនក្រឡឹង។ ភាពជាក់លាក់ និងមុខងារគឺមានសារៈសំខាន់បំផុត ដោយធាតុនីមួយៗបម្រើគោលបំណងច្បាស់លាស់នៅលើផ្ទៃស្អាត និងល្អឥតខ្ចោះតាមបច្ចេកទេស។
- ThoughtLab — វិមានថ្មអប់ស៊ីឌានដែលមានសញ្ញាពណ៌ក្រហម។ ផ្ទាំងក្រណាត់ពណ៌ខ្មៅទទេ ដែលវត្ថុពណ៌ក្រហមឆ្អែតតែមួយគត់នៅក្នុងវិហារ ដែលបោះពុម្ពជាអក្សរពណ៌សធំៗ គឺជារូបពណ៌តែមួយ។
- Dovetail — គំរូក្រោមព្រះច័ន្ទខ្មៅមួយ—បន្ទាត់ក្រាហ្វស្ទើរតែមើលមិនឃើញ ពុម្ពអក្សរពណ៌ស ពន្លឺពណ៌ស្វាយមួយភ្លឺចែងចាំង