Medium
កាសែតពណ៌សក្រែមនៅម៉ោងមាស
មុខងារមធ្យមដូចជាបន្ទប់អានអក្សរសាស្ត្រដែលបានប្តូរទៅគេហទំព័រ៖ ផ្ទៃខាងក្រោយក្តៅ និងក្រែម (#f7f4ed) ជំនួសពណ៌សស្អាតធម្មតានៃ SaaS ដែលធ្វើឱ្យអត្ថបទវែងៗមានអារម្មណ៍ដូចជាទំព័របោះពុម្ព។ ប្រព័ន្ធដែលមើលឃើញគឺជាពណ៌តែមួយ - ផ្ទៃ UI អត្ថបទ និងស៊ុមស្ទើរតែទាំងអស់ស្ថិតនៅក្នុងក្រុមតូចចង្អៀតនៃពណ៌ប្រផេះក្តៅចាប់ពី #242424 ដល់ #6b6b6b - ដូច្នេះការយកចិត្តទុកដាក់របស់អ្នកអានផ្តោតទាំងស្រុងលើខ្លឹមសារ។ កាយវិការហត្ថលេខាតែមួយគត់គឺចំណងជើង serif (GT Super, 120px, ទម្ងន់ 400, គម្លាតអក្សរ -0.055em) ដែលជាជម្រើសប្រឆាំងនឹងនិន្នាការដោយចេតនា៖ ពុម្ពអក្សរសៀវភៅអន្តរកាលដែលមានមាត្រដ្ឋានសម្រាប់បង្ហាញ ស្ទើរតែមិនអាចកត់សម្គាល់បានជាជាងធរណីមាត្រ sans-serif ដិត សញ្ញា៖ "យើងបោះពុម្ពសៀវភៅ មិនមែនកម្មវិធីទេ"។ ប៊ូតុងគឺជា "គ្រាប់" ពេញនៃពណ៌ខ្មៅស្ទើរតែ - ទឹកថ្នាំរឹងតែមួយគត់នៅលើទំព័រ។
ទំព័រដើមមានជួរឈរពីរ៖ ផ្នែកខាងឆ្វេងកាន់កាប់ប្រហែល 55% នៃទំហំទំព័រ ជាមួយនឹងចំណងជើង អត្ថបទរង និងការអំពាវនាវឱ្យធ្វើសកម្មភាពដែលបានរៀបចំបញ្ឈរជាមួយនឹងចន្លោះខាងក្នុងធំទូលាយ។ ផ្នែកខាងស្តាំកាន់កាប់ប្រហែល 45% នៃទំហំទំព័រ ជាមួយនឹងបន្ទះរូបភាព។ ជួរឈរខាងឆ្វេងត្រូវបានតម្រឹមខាងឆ្វេង (មិនកណ្តាល) ដោយចងទំព័រទៅនឹងអ័ក្សអាន។ នៅខាងក្រោមទំព័រដើម ទំព័រគឺជាបន្ទះពណ៌ក្រែមទទឹងពេញតែមួយ ដែលមានតំណភ្ជាប់កណ្តាលនៅក្នុងបាតកថា។ គ្មានក្រឡាចត្រង្គកាត ផ្នែកលក្ខណៈពិសេស ឬឆ្នូតឆ្លាស់គ្នានៅលើទំព័រដើមទេ—ទំព័រដើមគឺជាទំព័រមួយ។ ដង់ស៊ីតេមាតិកាមានចេតនាទាប៖ ចំណងជើងមួយ ប្រយោគមួយ ប៊ូតុងមួយ រូបភាពមួយ។ ទំព័រនេះគឺជាគម្រប មិនមែនជាផ្ទាំងគ្រប់គ្រងទេ។
រូបភាពទាំងនេះគឺជារូបភាពវិចារណកថា និងជារូបភាពតាមដំណាក់កាល មិនមែនជារូបភាពជាប្រព័ន្ធទេ។ ទំព័រមេមានរូបភាពគូរដោយដៃតែមួយ (ផ្កាពណ៌បៃតង ដៃធរណីមាត្រ ខ្សែបន្ទាត់តារានិករ) ក្នុងរចនាប័ទ្មធូររលុង និងឆោតល្ងង់បន្តិច។ រូបភាពទាំងនេះមើលទៅដូចជាស្នាដៃដែលត្រូវបានបញ្ជាឱ្យធ្វើ ដែលផ្លាស់ប្តូរតាមរដូវកាល ជាជាងមកពីបណ្ណាល័យអចិន្ត្រៃយ៍។ មិនមានរូបថតនៅលើទំព័រមេទេ។ មិនមានរូបតំណាងនៅលើទំព័រមេទេ—ការងារទាំងអស់ត្រូវបានធ្វើឡើងដោយឡូហ្គោអត្ថបទ និងអត្ថបទ។ ភាសាដែលមើលឃើញភាគច្រើនផ្តោតលើអត្ថបទ ដោយរូបភាពបម្រើជាសញ្ញាវណ្ណយុត្តិ។
ក្ដារលាយពណ៌
អព្យាក្រឹត
- Newsprint Cream
#f7f4ed— ផ្ទាំងទំព័រ ផ្ទៃខាងក្រោយបង្អួចមេ និងផ្ទៃខាងក្រោយផ្នែក គឺជាពណ៌ក្តៅស្រាលបន្តិច ដែលបង្កើតអារម្មណ៍នៃចំណុចប្រទាក់ដែលបានបោះពុម្ព ជាជាងចំណុចប្រទាក់ឌីជីថល។ - Paper White
#ffffff— ផ្ទៃកាត បន្ទះដែលលើកខ្ពស់ វាលបញ្ចូលទម្រង់បែបបទ និងផ្ទៃណាមួយដែលត្រូវការបំបែកចេញពីផ្ទាំងក្រណាត់ពណ៌ក្រែម។ - Ink
#242424— អត្ថបទតួ អត្ថបទតួ តំណភ្ជាប់ ចំណងជើង - ក្តៅជាងពណ៌ខ្មៅសុទ្ធបន្តិច មើលទៅល្អនៅលើផ្ទៃខាងក្រោយពណ៌ក្រែម។ - Body Gray
#333333— ពណ៌អក្សរបន្ទាប់បន្សំ និងពណ៌ផ្ទៃខាងមុខលំនាំដើម ត្រូវបានប្រើក្នុងករណីដែលពណ៌ស្រាលជាងពណ៌ទឹកថ្នាំបន្តិចដោយមិនបាត់បង់កម្រិតពណ៌។ - Button Black
#191919— ពណ៌អព្យាក្រឹតត្រូវបានគាំទ្រសម្រាប់ធាតុ UI បន្ទាប់បន្សំ បន្ទាត់បែងចែក និងស្លាកដែលបានបិទសំឡេង។ វាមិនគួរត្រូវបានប្រើជាពណ៌ចម្បងសម្រាប់ការអំពាវនាវឱ្យធ្វើសកម្មភាពទេ។ - Marginalia Gray
#6b6b6b— ការគាំទ្រពណ៌អព្យាក្រឹតសម្រាប់ UI បន្ទាប់បន្សំ បន្ទាត់បែងចែក និងស្លាកដែលបិទសំឡេង។
អក្សរសាស្ត្រ
ពី 13 ដល់ 120px · 5 ជំហាន
- medium-content-sans-serif-font — ការជំនួស៖ Inter · គ្រោង 400 · ពុម្ពអក្សរ medium-content-sans-serif - ត្រូវបានរកឃើញនៅក្នុងទិន្នន័យដែលបានស្រង់ចេញ ប៉ុន្តែមិនត្រូវបានពិពណ៌នាដោយ AI ទេ។
- GT Super — ការជំនួស៖ Playfair Display · គ្រោង 400 · ចំណងជើង និងអត្ថបទដើម គឺជាពុម្ពអក្សរស៊េរីសៀវភៅអន្តរកាលក្នុងមាត្រដ្ឋានខ្លាំងជាមួយនឹងគម្លាតអក្សរតូចចង្អៀត និងគម្លាតបន្ទាត់ 0.83។ ជម្រើសនៃទម្ងន់ 400 (មិនមែនដិត) នៅ 120px គឺជាលក្ខណៈពិសេសដ៏លេចធ្លោ៖ ទម្រង់អក្សរ មិនមែនទម្ងន់ទេ ធ្វើការងារ។ គម្លាតអក្សរអវិជ្ជមានបង្រួមគម្លាតអុបទិក ដែលធ្វើឱ្យ "រឿងរ៉ាវ និងគំនិតរបស់មនុស្ស" មានអារម្មណ៍ដូចជាប្លុកអក្សរសាស្ត្រដ៏ស៊ីសង្វាក់គ្នា។
- Söhne — ការជំនួស៖ Inter · គ្រោង 400 · ពុម្ពអក្សរ UI sans-serif ត្រូវបានប្រើសម្រាប់ការរុករក ប៊ូតុង ចំណងជើងរង និងចំណងជើងតូចៗ។ ចន្លោះពី 13–14px គឺសម្រាប់ស្លាក និងប៊ូតុងរុករក; 20–22px គឺសម្រាប់ចំណងជើងរង និងអត្ថបទបន្ទាប់បន្សំនៅក្នុងចំណងជើង។ ពុម្ពអក្សរ sans-serif ស្អាតជាមួយនឹងសមាមាត្រមនុស្សធម៌អាចអានបាននៅទំហំតូចៗ និងមិនរំខាននៅទំហំធំជាង។
ចន្លោះពេល និងទម្រង់
| គោលបំណង | អត្ថន័យ |
|---|---|
| ដង់ស៊ីតេ | មធ្យម |
| ជំហានមូលដ្ឋាន | 16-24px |
| កាំប៊ូតុង | 9999px |
| កាំកាត | 0px |
| ស្រមោល | គ្មានព្រំដែនជំនួសឱ្យស្រមោល |
| រវាងផ្នែកនានា | 64px |
| ទទឹងទំព័រ | 1200px |
បញ្ញាសិប្បនិម្មិត (AI) នឹងបង្កើតគេហទំព័ររបស់អ្នកតាមរចនាបថ Medium ហើយបំពេញវា
- បំពេញជាមួយផលិតផល និងការបង្ហោះតាមរយៈតំណភ្ជាប់ - Instagram, TikTok, Facebook ។
- ផ្ទេរខ្លឹមសារពីគេហទំព័រចាស់របស់អ្នក—គ្រាន់តែបញ្ជាក់អាសយដ្ឋាន។
- ការរចនាទំនើបលើម៉ាស៊ីនល្អបំផុត៖ React ( Next.js) ជាមួយនឹងការបង្ហាញម៉ាស៊ីនមេ និងការបង្កើនប្រសិទ្ធភាព SEO ភ្លាមៗ។
- ការបង្កើនប្រសិទ្ធភាព SEO ដោយស្វ័យប្រវត្តិយ៉ាងពេញលេញសម្រាប់លទ្ធផលស្វែងរក និងអនុសាសន៍បណ្តាញសរសៃប្រសាទ។
រចនាប័ទ្មស្រដៀងគ្នា
- Steep — ការវិភាគពុម្ពអក្សរ Serif លើក្រដាសក្តៅ
- Newformcap — កាសែតវិចារណកថានៅក្នុងបន្ទប់ផ្លាស់សំលៀកបំពាក់
- Claude — វត្ថុបុរាណមួយដែលបានបោះពុម្ពលើក្រដាស់ក្តៅឧណ្ហៗ—ទឹកថ្នាំលើក្រដាសឆ្អឹង ដីឥដ្ឋជាដង្ហើមតែមួយគត់នៃពណ៌
- 11x– Digital workers — ដីទំនេរបែបវិចារណកថាភាពយន្ត — រូបថតទេសភាពបែប Panoramic ដែលថតជាប់នឹងចំណងជើងធំៗដែលអានដូចជាការផ្សព្វផ្សាយទស្សនាវដ្តីប្រណីត
- Revolut — ស្នាដៃវិចារណកថាពណ៌តែមួយពណ៌ ដែលផ្អែកលើរូបថតពពក—ទឹកថ្នាំពណ៌ស ប៊ូតុងប្រអប់ថ្នាំគ្រាប់ ឆ្នូតពណ៌ខៀវតែមួយពណ៌ នៅក្នុងពិភពពណ៌ប្រផេះ។
- Scheduling — ទឹកថ្នាំនិពន្ធលើក្រដាសពណ៌ក្រែម
- Titan — បណ្ណសារពណ៌ក្តៅ
- Programa — ស្ទូឌីយោរចនាស្វីសមួយនៅពាក់កណ្តាលថ្ងៃ។ ជញ្ជាំងវិចិត្រសាលពណ៌សត្រូវបានបំភ្លឺដោយចង្កៀងតុពណ៌លឿងតែមួយ - អ្វីៗទាំងអស់មានពណ៌ប្រផេះរហូតដល់ប៊ូតុង រូបតំណាង ឬការសង្កត់សំឡេងទាក់ទាញភ្នែក ហើយបន្ទាប់មកការសង្កត់សំឡេងពណ៌លឿងតែមួយនោះកំណត់បន្ទប់ទាំងមូល។
- Sana Agents — ពន្លឺចែងចាំងពណ៌ក្រូចឆ្មារលើផ្ទៃខាងក្រោយពណ៌សក្នុងអត្ថបទវិចារណកថា
- Visual — អត្ថបទវិចារណកថាក្តៅៗ samizdat។ ក្រដាសពណ៌ក្រែម ផ្ទាំងរូបភាព serif ម៉ាហ្គីណាលីយ៉ាពណ៌តែមួយ ប៊ិចពណ៌លឿងមួយ។
- Midday — ខិត្តប័ណ្ណវិចារណកថាស្តីពីក្រដាស vellum - ចំណងជើង serif 72px លើផ្ទៃខាងក្រោយថ្មក្តៅ ច្បាប់ចម្លងតួ sans-serif ជាមួយចន្លោះ ការគ្រប់គ្រងរាងគ្រាប់ គ្មានស្រមោល
- Chat for impact — គ្លីនិកបៃតងព្រៃដែលមានបន្ទប់ពណ៌ pastel