Superhuman
បន្ទះវិចារណកថាម៉ោងមាស
តួអង្គអមនុស្សអស្ចារ្យឈរនៅលើចំណុចប្រសព្វនៃការថតរូបវិចារណកថា និង UI កម្មវិធី—ផ្ទាំងក្រណាត់ក្តៅដូចស្បែកសត្វ (មិនដែលមានពណ៌សសុទ្ធ) ស៊ុមធាតុម៉ាកពណ៌ត្នោតខ្ចី និងការសង្កត់ពណ៌ស្វាយរស់រវើក។ ចំណងជើង ដែលកំណត់ជាពុម្ពអក្សរ 460 ខ្សឹបជាជាងស្រែក ដែលអនុញ្ញាតឱ្យការថតរូបភាពយន្តពេញទំព័រធ្វើការធ្ងន់ ខណៈកាត UI ផលិតផលថ្លាអណ្តែតដូចកញ្ចក់នៅពីលើរូបភាព។ ក្ដារលាយនៅតែស្ងប់ស្ងាត់ និងវិចារណកថាភាគច្រើននៃពេលវេលា៖ ផ្ទៃពណ៌ក្រែម អត្ថបទពណ៌ធ្យូង ព្រំដែនពណ៌ប្រផេះក្តៅស្រទន់ និងចន្លោះធំទូលាយរវាងធាតុ ជាមួយនឹងពណ៌ដែលរក្សាទុកសម្រាប់សញ្ញាវណ្ណយុត្តិម៉ាកដោយចេតនា—ការអំពាវនាវឱ្យធ្វើសកម្មភាពពណ៌ត្នោតខ្ចីតែមួយ តំណពណ៌ស្វាយ ប៊ូតុងបន្ថែមពណ៌ស្វាយស្រាល។ ប្រព័ន្ធនេះជៀសវាងស្រមោលខ្លាំង និងជម្រាលលើផ្ទៃ UI ដោយចេតនា។ ជម្រៅត្រូវបានសម្រេចតាមរយៈការថតរូបជាស្រទាប់ៗ និងភាពព្រិលផ្ទៃខាងក្រោយស្រទន់នៅក្នុងចំណងជើង ជាជាងតាមរយៈឥទ្ធិពលជង់។
ធាតុសំខាន់គឺជារូបថតទទឹងពេញដែលមានចំណងជើងកណ្តាល (48-64px/460) និងការអំពាវនាវឱ្យធ្វើសកម្មភាពតែមួយដែលពោរពេញទៅដោយរូបភាពស្រា ជាមួយនឹងកាត UI ផលិតផលថ្លាអណ្តែតលើគែមខាងឆ្វេង និងខាងស្តាំ។ នៅខាងក្រោមធាតុសំខាន់គឺជាបន្ទះឡូហ្គោឆ្នូតពណ៌ស (6 ក្រឡាក្នុងមួយជួរ ទទឹងអតិបរមាមានកំណត់) បន្ទាប់មកផ្នែកផ្ទាំងដែលមានផ្ទៃកាតពណ៌សនៅលើផ្ទាំងក្រណាត់ parchment ។ ឆ្នូតពណ៌ខៀវងងឹតបំបែកចង្វាក់ប្រហែលពីរភាគបីនៃផ្លូវឆ្លងកាត់ទំព័រ - ទទឹងពេញ ជួរឈរពីរ (រូបភាពនៅខាងឆ្វេង អត្ថបទនៅខាងស្តាំ) - បង្កើតភាពផ្ទុយគ្នានៃសម្លេងតែមួយគត់នៅពេលអ្នករមូរ។ ឆ្នូតបរិយាកាសជម្រាលនឹងតាមពីក្រោយ។ គម្លាតបញ្ឈររវាងផ្នែកគឺ 64-96px ។ ទទឹងមាតិកាអតិបរមាគឺ ~1200px នៅកណ្តាល ដោយធាតុសំខាន់ និងឆ្នូតពណ៌ខ្មៅលាតសន្ធឹងទទឹងពេញនៃ viewport ។ ការរុករកគឺជាបឋមកថាថេរតែមួយដែលមានផ្ទៃខាងក្រោយព្រិលៗ។ គ្មានរបារចំហៀង គ្មានម៉ឺនុយធំ។ បាតកថាគឺជាទំព័រពណ៌ burgundy ទទឹងពេញដែលមានប្លង់តំណភ្ជាប់ច្រើនជួរឈរ។ ចង្វាក់ទូទៅគឺ៖ ស៊ុមមេ → មាតិកាពណ៌ស/ក្រែមស្ងប់ស្ងាត់ → ឆ្នូតខ្មៅជាមួយរូបភាពមេ → ជម្រាលបរិយាកាស → បាតពណ៌ប៊ឺហ្គូឌី ឆ្នូតស្រាល និងងងឹតឆ្នូតខ្មៅឆ្លាស់គ្នាដើម្បីបង្កើតចង្វាក់អត្ថបទ។
ធាតុដែលមើលឃើញចម្បងគឺការថតរូបបែបភាពយន្ត៖ រូបបញ្ឈរទទឹងពេញទល់នឹងមេឃបើកចំហរបម្រើជាចំណុចកណ្តាល ជាមួយនឹងឆ្នូតបរិយាកាសទីពីរដែលមានទីតាំងនៅខាងក្រោមទំព័រ។ រូបភាពនេះមានពណ៌ក្តៅ ស្រអាប់បន្តិចបន្តួច និងថតជាទម្រង់ ដែលរំលឹកដល់ម៉ោងមាស ដែលបង្កើតអារម្មណ៍វិចារណកថាច្រើនជាងអារម្មណ៍សាជីវកម្ម។ ឆ្នូតងងឹតដែលមានចតុកោណកែងធរណីមាត្រថ្លា និងសិលាចារឹកដែលសរសេរដោយដៃត្រូវបានដាក់ពីលើរូបថតបុរសម្នាក់ដែលវង្វេងក្នុងគំនិត - ជារូបភាពផ្គុំនៃផ្ទៃជាជាងរូបភាពតែមួយ។ ចំណុចប្រទាក់អ្នកប្រើប្រាស់ត្រូវបានបង្ហាញជាកាតកញ្ចក់អណ្តែតដែលដាក់ដោយផ្ទាល់នៅលើរូបថត ជាជាងជារូបថតអេក្រង់ដាច់ដោយឡែក។ មិនមានរូបភាពស្តុក គ្មានការបង្ហាញ 3D និងគ្មានទម្រង់តុបតែងអរូបីទេ លើកលែងតែឆ្នូតបរិយាកាសជម្រាល។ រូបតំណាងគឺជារូបតំណាងបន្ទាត់ពណ៌តែមួយសាមញ្ញ ទទឹង ~16-20px ដែលមានទទឹងតែមួយដែលត្រូវគ្នានឹងទម្ងន់អត្ថបទ 460 ចំណុច។
ក្ដារលាយពណ៌
ម៉ាក
- Midnight Wine
#421d24— ប៊ូតុងសកម្មភាពសំខាន់ៗ បដាផ្សាយពាណិជ្ជកម្ម និងបាតកថា គឺជាពណ៌ប៊ឺហ្គូឌីក្តៅៗ ស្ទើរតែខ្មៅ ដែលមានអារម្មណ៍ដូចជាទឹកថ្នាំជាជាងពណ៌ក្រហម ដែលបញ្ជាក់ពីក្ដារលាយពណ៌ដោយមិនមានឥទ្ធិពលខ្លាំងពេក។ - Royal Violet
#714cb6— ពណ៌ស្វាយត្រូវបានប្រើដើម្បីបន្លិចតំណភ្ជាប់ ស្លាក និងឃ្លាខ្លីៗ។ វាមិនគួរត្រូវបានប្រើជាពណ៌ចម្បងសម្រាប់ការអំពាវនាវឱ្យធ្វើសកម្មភាពនោះទេ។
អព្យាក្រឹត
- Lilac Mist
#d4c7ff— ការបំពេញផ្ទៃបន្ទាប់បន្សំ រូបតំណាងស្រាលៗ និងផ្ទៃខាងក្រោយប៊ូតុងខ្មោច សុទ្ធតែមានពណ៌ស្វាយស្រាលៗ ដែលបង្ហាញពីរចនាប័ទ្មរបស់ម៉ាកយីហោដោយមិនទាក់ទាញការចាប់អារម្មណ៍ហួសហេតុពេកមកលើខ្លួនវាឡើយ។ - Deep Lagoon
#0c4243— ផ្ទៃខាងក្រោយងងឹតសម្រាប់បន្ទះនេះ ដែលប្រើជាធាតុនិទានរឿងសំខាន់ គឺជាផ្ទៃងងឹតតែមួយគត់នៅក្នុងប្រព័ន្ធ រួមផ្សំជាមួយនឹងលំនាំធរណីមាត្រដែលគ្របដណ្ដប់។ - Warm Parchment
#f2f0eb— ផ្ទៃធ្វើការរបស់ទំព័រគឺជាធាតុលេចធ្លោ។ ពណ៌ក្រែមក្តៅជំនួសពណ៌សជាមូលដ្ឋាន ដែលផ្តល់ឱ្យប្រព័ន្ធទាំងមូលនូវភាពកក់ក្តៅផ្នែកវិចារណកថា។ - Soft Mist
#e3e3e2— ស៊ុមល្អៗ គ្រោងកាត បន្ទាត់បែងចែក — ពណ៌ប្រផេះស្រាលក្តៅ ដែលលាយឡំជាមួយក្រដាស់ parchment ប៉ុន្តែកំណត់គែមយ៉ាងច្បាស់។ - Ink Charcoal
#292827— អត្ថបទតួអត្ថបទ ចំណងជើង គ្រោងរូបតំណាង - ពណ៌ក្តៅស្ទើរតែខ្មៅ ជាមួយនឹងពណ៌ត្នោតគ្រប់គ្រាន់ដើម្បីឲ្យមានអារម្មណ៍ដូចទឹកថ្នាំលើក្រដាស មិនដែលត្រជាក់ #000 - Stone Gray
#666666— អត្ថបទបន្ទាប់បន្សំ អត្ថបទគាំទ្រ ការពិពណ៌នាសម្ងាត់ - ពណ៌ប្រផេះមធ្យមតែមួយ ត្រូវបានប្រើតិចតួចដើម្បីកុំឲ្យប្រកួតប្រជែងជាមួយអត្ថបទសំខាន់។
អក្សរសាស្ត្រ
ពី 12 ដល់ 64px · 8 ជំហាន
- Super Sans VF — ការជំនួស៖ Inter (closest open equivalent for variable weight range) · គ្រោង 460, 500, 540, 600, 700 · ពុម្ពអក្សរតែមួយនៅក្នុងប្រព័ន្ធទាំងមូល។ អថេរអ័ក្សគ្របដណ្តប់ជួរពី 460 (ពុម្ពអក្សរហត្ថលេខា ច្រឹបបន្តិចសម្រាប់អត្ថបទចំណងជើងធំៗទាំងអស់) ដល់ 540 (អត្ថបទដែលសង្កត់ធ្ងន់) និង 700 (ចំណងជើងតូច ដិត)។ VF ដែលត្រូវបានរចនាឡើងជាពិសេសធ្វើឱ្យចំណងជើងទម្ងន់ 460 មើលទៅហាក់ដូចជាចេតនាជាងចៃដន្យ - នៅ 48-64px ជាមួយនឹងចន្លោះអក្សរតូចចង្អៀត ឥទ្ធិពល "ច្រឹបបន្តិច" ត្រូវបានគេយល់ថាមានទំនុកចិត្តជាជាងស្តើង។
ចន្លោះពេល និងទម្រង់
| គោលបំណង | អត្ថន័យ |
|---|---|
| ដង់ស៊ីតេ | ក្រាស់ |
| ជំហានមូលដ្ឋាន | 8px |
| កាំប៊ូតុង | 16px |
| កាំកាត | 16px |
| ស្រមោល | គ្មានព្រំដែនជំនួសឱ្យស្រមោល |
| រវាងផ្នែកនានា | 64-96px |
| ទទឹងទំព័រ | 1200px |
បញ្ញាសិប្បនិម្មិត (AI) នឹងបង្កើតគេហទំព័ររបស់អ្នកតាមរចនាបថ Superhuman ហើយបំពេញវា
- បំពេញជាមួយផលិតផល និងការបង្ហោះតាមរយៈតំណភ្ជាប់ - Instagram, TikTok, Facebook ។
- ផ្ទេរខ្លឹមសារពីគេហទំព័រចាស់របស់អ្នក—គ្រាន់តែបញ្ជាក់អាសយដ្ឋាន។
- ការរចនាទំនើបលើម៉ាស៊ីនល្អបំផុត៖ React ( Next.js) ជាមួយនឹងការបង្ហាញម៉ាស៊ីនមេ និងការបង្កើនប្រសិទ្ធភាព SEO ភ្លាមៗ។
- ការបង្កើនប្រសិទ្ធភាព SEO ដោយស្វ័យប្រវត្តិយ៉ាងពេញលេញសម្រាប់លទ្ធផលស្វែងរក និងអនុសាសន៍បណ្តាញសរសៃប្រសាទ។
រចនាប័ទ្មស្រដៀងគ្នា
- AI for Business — បន្ទប់តាំងបង្ហាញវិចារណកថាបែបឃោរឃៅក្នុងសម្លេងពណ៌ប្រផេះក្តៅ
- Jeton — អត្ថបទវិចារណកថាអំពីបច្ចេកវិទ្យាហិរញ្ញវត្ថុលើថ្មម៉ាបក្តៅ
- Airtable — សិក្ខាសាលាកក់ក្ដៅមួយដែលមានជំពូកជាច្រើនត្រូវបានសម្គាល់ជាពណ៌ផ្សេងៗគ្នា
- Osmo — សារមន្ទីរអ្នកអភិវឌ្ឍន៍នៅលើបេតុងពណ៌ប្រផេះ
- Linktr — ផ្ទាំងរូបភាពវិចារណកថាត្រូវបានដាក់ជង់ដូចស្ករគ្រាប់។ គេហទំព័រនេះត្រូវបានរចនាឡើងជាប្លុកពណ៌ ជាមួយនឹងចំណងជើងពណ៌បៃតងភ្លឺដាក់លើជញ្ជាំងពណ៌ខៀវ cobalt និងធាតុរុករករាងដូចថ្នាំគ្រាប់ពណ៌សអណ្តែតពីលើវាលស្រែ burgundy។
- Outsource Consultants — សន្លឹកស្ថាបត្យកម្មទ្រង់ទ្រាយធំមួយនៅលើក្រដាសឆ្អឹង។ សោភ័ណភាពឯកឯង ដែលបំណះពណ៌ស្វាយភ្លឺតែមួយបំបែកក្រឡាចត្រង្គក្តៅ និងមានលក្ខណៈអក្សរសាស្ត្រអតិបរមា។
- Streamtime — ក្ដារអារម្មណ៍ច្នៃប្រឌិត - តុ Scrapbooking រចនា
- Switch-Lit — ក្រឡាចត្រង្គវិចារណកថាបោះពុម្ពដោយទឹកថ្នាំលើក្រដាសពណ៌ក្រែម
- HubSpot — ក្រដាសពណ៌ក្រែមក្តៅដែលមានពណ៌ទឹកក្រូចសង្កត់តែមួយ។ HubSpot ស្រដៀងនឹងទស្សនាវដ្តីរចនាម៉ូដដែលបោះពុម្ពលើក្រដាសធ្ងន់ - ចំណងជើងជាអក្សរ serif ទំព័រពណ៌ក្រែមក្តៅ និងការសង្កត់ពណ៌ទឹកក្រូចក្តៅតែមួយដែលបន្លិចតែចំណុចសំខាន់បំផុតប៉ុណ្ណោះ។
- Granola — កំណត់ចំណាំលើក្រដាស vellum ក្តៅៗ—Granola អានដូចជាសៀវភៅកត់ត្រា Moleskine ដែលពាក់រួចដែលបើកនៅលើតុដែលមានពន្លឺថ្ងៃ៖ ចំណងជើង serif ផ្តល់នូវអារម្មណ៍រឹងមាំ ការសង្កត់សំឡេងពណ៌បៃតងសរីរាង្គដូចជាទឹកថ្នាំដែលមានមូលដ្ឋានលើរុក្ខជាតិ និងបន្ទាត់ល្អិតៗនៅគែមកាតដែលស្រដៀងនឹងកំណត់ចំណាំដែលសរសេរដោយដៃ។
- Secure — ការសន្ទនានៅក្នុងហាងកាហ្វេអឺរ៉ុបមួយក្នុងពន្លឺថ្ងៃស្រទន់ៗ គឺជាការទទួលយកការហៅជាវីដេអូដ៏កក់ក្តៅ និងទាន់សម័យ ដែលចំណងជើងអក្សរ serif អានដូចជាអត្ថបទទស្សនាវដ្តីដ៏គួរឱ្យគិត ជាជាងទំព័រផលិតផលបច្ចេកវិទ្យា។
- Mockups made easy — ស្ទូឌីយោរចនាវិចារណកថាលើក្រដាសស