
Substack
ទឹកថ្នាំពណ៌ទឹកក្រូចនៅលើតុក្នុងការិយាល័យវិចារណកថា
Substack មើលទៅដូចជាផ្ទាំងគ្រប់គ្រងបន្ទប់ព័ត៌មានដែលពាក់រួចជាស្រេច - ផ្ទាំងក្រណាត់ពណ៌ស អក្សរក្តៅស្ទើរតែខ្មៅ និងការសង្កត់សំឡេងពណ៌ទឹកក្រូចភ្លឺតែមួយដែលសម្គាល់ដំណាក់កាលនីមួយៗនៃការបង្កើតខ្លឹមសារ។ ឋានានុក្រមដែលមើលឃើញត្រូវបានបង្កើតឡើងនៅលើដង់ស៊ីតេជាជាងការតុបតែង៖ បន្ទាត់ពណ៌ប្រផេះស្តើងៗបំបែកធាតុព័ត៌មាន រូបភាពតំណាងមានទំហំតូច ទិន្នន័យមេតាត្រូវបានបិទ ហើយភ្នែករបស់អ្នកអានត្រូវបានបណ្តុះបណ្តាលឱ្យផ្តោតលើការអំពាវនាវឱ្យធ្វើសកម្មភាពពណ៌ទឹកក្រូច ឡូហ្គោពណ៌ទឹកក្រូច តំណភ្ជាប់ "ជាវ" ពណ៌ទឹកក្រូច និងប៊ូតុង "បង្កើត" ពណ៌ទឹកក្រូច។ ផ្ទៃត្រូវបានរក្សាឱ្យរាបស្មើ និងមិនមានកម្រិត - គ្មានស្រមោលកាត គ្មានធាតុបន្ទះ chrome - អនុញ្ញាតឱ្យអក្សរ (ធាតុ UI ប្រព័ន្ធ chrome តូច ផ្គូផ្គងជាមួយពុម្ពអក្សរចំណងជើង serif ផ្ទាល់ខ្លួន) ផ្ទុកបន្ទុកនៃទម្ងន់វិចារណកថា។ រចនាប័ទ្មហត្ថលេខាគឺជាធាតុ chrome ដែលមានកម្រិត និងការលេចឡើងពណ៌តែមួយដ៏រស់រវើក៖ កម្មវិធីអានដែលមានអារម្មណ៍ដូចជាឧបករណ៍បោះពុម្ពផ្សាយ។
ប្លង់ផ្ទៃតុបីជួរឈរ៖ របារចំហៀងខាងឆ្វេងថេរ (~200px ការរុករកជាមួយរូបតំណាង និងស្លាក ស្អិត) ចំណីកណ្តាល (ទទឹងអតិបរមា ~600px បញ្ជីប្រកាសរមូរបញ្ឈរ) និងរបារចំហៀងខាងស្តាំថេរ (~300px ការស្វែងរក + អនុសាសន៍ + ការចុះឈ្មោះ)។ ចំណីកណ្តាលគឺជាស្នូលវិចារណកថា - គ្មានកាតទេ គ្រាន់តែប្រកាសដែលដាក់ជង់លើគ្នាជាមួយនឹងបន្ទាត់បែងចែកស្តើងៗ និងចន្លោះ 32px រវាងផ្នែក។ បដាសំខាន់ស្ថិតនៅផ្នែកខាងលើនៃចំណីជាកាតទទឹងពេញតែមួយ។ របារចំហៀងខាងឆ្វេងមានឡូហ្គោម៉ាក (សញ្ញាពណ៌ទឹកក្រូចដែលមានបន្ទាត់ត្រួតលើគ្នា) ធាតុរុករកចំនួនប្រាំមួយ និងប៊ូតុង "បង្កើត" ពណ៌ទឹកក្រូចទទឹងពេញនៅខាងក្រោម។ របារចំហៀងខាងស្តាំមានវាលស្វែងរក កាតចុះឈ្មោះ និងបញ្ជី "បន្ទាប់" សម្រាប់អាន។ ការរុករកគឺតិចតួចបំផុត - គ្មានរបារខាងលើ គ្មាន breadcrumbs; របារចំហៀងគឺជាការរុករក។ ដង់ស៊ីតេមាតិកាគឺខ្ពស់៖ ប្រកាសប្រើទិន្នន័យមេតា 12-13px និងអត្ថបទតួ 15-19px ដែលបង្កើតចង្វាក់ដូចកាសែតជាជាងអារម្មណ៍នៃក្រឡាចត្រង្គកាតរបស់ទីផ្សារ។
រូបថតគឺជាខ្លឹមសារដែលបង្កើតឡើងដោយអ្នកប្រើប្រាស់ (រូបតំណាងអ្នកនិពន្ធ រូបភាពតូចៗនៃប្រកាស រូបភាពប្រកាស)—Substack មិនផ្តល់រូបថតតុបតែងផ្ទាល់ខ្លួនរបស់វាទេ។ កាតមេប្រើជម្រាលពណ៌ខៀវខ្ចីទៅជាពណ៌បៃតងជាមួយនឹងធាតុបង្ហាញអរូបី (រាងធរណីមាត្រ វត្ថុដែលមានរចនាប័ទ្មដូចជាប៊ិច និងកំណត់ចំណាំ) ជាផ្ទៃខាងក្រោយ។ រូបភាពតូចៗនៃប្រកាសនៅក្នុងរបារចំហៀងខាងស្តាំមានទំហំតូច (64px) រុំព័ទ្ធក្នុងកាំ 8px ហើយដំណើរការជាការមើលជាមុននៃបញ្ជីអាន។ ភាសាដែលមើលឃើញទាំងមូលគឺផ្អែកលើអត្ថបទ៖ ចំណុចប្រទាក់គឺជាផ្ទាំងក្រណាត់អាន ហើយរូបភាពបម្រើជាយុថ្កាដែលមើលឃើញតូចៗជាជាងបង្កើតបរិយាកាស។
ក្ដារលាយពណ៌
ម៉ាក
- Signal Orange
#ff6719— ពណ៌ទឹកក្រូចត្រូវបានប្រើជាការសង្កត់សំឡេងបន្ទាប់បន្សំសម្រាប់ព័ត៌មានលម្អិតតុបតែង និងដើម្បីបន្លិចសញ្ញាដែលកម្រមាន។ វាមិនគួរត្រូវបានប្រើជាពណ៌ចម្បងសម្រាប់ការអំពាវនាវឱ្យធ្វើសកម្មភាពទេ។
អព្យាក្រឹត
- Ink
#363737— អត្ថបទដើម—អត្ថបទសំខាន់ ចំណងជើង ចំណងជើងប្រកាស ត្រាពេលវេលា និងឈ្មោះអ្នកនិពន្ធ; ពណ៌ក្តៅស្ទើរតែខ្មៅ ជំនួសឲ្យពណ៌ #000 សុទ្ធ ដើម្បីងាយស្រួលអាន។ - Paper
#ffffff— ផ្ទាំងទំព័រ ផ្ទៃកាត វាលបញ្ចូល និងផ្ទៃខាងក្រោយរុករក គឺជាផ្ទៃលេចធ្លោដែលកាន់កាប់ភាគច្រើននៃចំណុចប្រទាក់។ - Charcoal
#232525— សង្កត់ស្ថានភាពលើក្ដារអានសម្រាប់អត្ថបទ និងតំណបន្ថែមដែលមានកម្រិតជ្រើសរើសខ្ពស់។ ជ្រៅជាងរបៀបទឹកថ្នាំសម្រាប់ប្លុកកូដ និងប្លុកជ្រើសរើស។ - Stone
#777777— ពណ៌អព្យាក្រឹតត្រូវបានគាំទ្រសម្រាប់ធាតុ UI បន្ទាប់បន្សំ បន្ទាត់បែងចែក និងស្លាកដែលបានបិទសំឡេង។ វាមិនគួរត្រូវបានប្រើជាពណ៌ចម្បងសម្រាប់ការអំពាវនាវឱ្យធ្វើសកម្មភាពទេ។ - Ash
#b6b6b6— បន្ទាត់ព្រំដែនស្តើង គ្រោងប៊ូតុង គ្រោងរូបតំណាង ព្រំដែនលើការគ្រប់គ្រងដែលបានបិទ។ - Mist
#c8c8c8— បន្ទាត់បែងចែក ផ្ទៃខាងក្រោយមិនច្បាស់លាស់សម្រាប់រូបតំណាង បំពេញក្រឡាទទេក្នុងទម្រង់ជាគ្រោងឆ្អឹង។
អក្សរសាស្ត្រ
ពី 12 ដល់ 32px · 5 ជំហាន
- system-ui — ការជំនួស៖ -apple-system · គ្រោង 400, 500, 600 · ពុម្ពអក្សរចម្បងសម្រាប់ចំណុចប្រទាក់អ្នកប្រើប្រាស់ និងអត្ថបទតួ ត្រូវបានប្រើសម្រាប់ស្លាករុករក ប៊ូតុង អត្ថបទសារ ទិន្នន័យមេតា វាលបញ្ចូល និងធាតុចំណុចប្រទាក់ទាំងអស់។ ទំហំបង្រួម 12-13px សម្រាប់ទិន្នន័យមេតា និង 15-19px សម្រាប់អត្ថបទតួ បង្កើតអារម្មណ៍នៃព័ត៌មានដ៏ក្រាស់ក្រែល។ ទម្ងន់គឺ 400 សម្រាប់អត្ថបទតួ 500 សម្រាប់ធាតុរុករក និងស្លាកប៊ូតុង និង 600 សម្រាប់ចំណងជើងសារដែលបានបន្លិច និងចំណងជើងផ្នែក។
- Cahuenga — ការជំនួស៖ Charter · គ្រោង 500 · ពុម្ពអក្សរ serif តុបតែងពិសេសសម្រាប់ចំណងជើងកម្រិតផលិតផល (ចំណងជើងរបារចំហៀង ចំណងជើងកាតចុះឈ្មោះ អត្ថបទសំខាន់)។ ទម្ងន់មធ្យម និងកម្ពស់បន្ទាត់បន្តិចរបស់វាផ្តល់ឱ្យវានូវរូបរាងលេចធ្លោដោយមិនមានអារម្មណ៍ថាធំពេក។ វាជាពុម្ពអក្សរតែមួយគត់ដែលក្រៅពីពណ៌ទឹកក្រូច គឺជាសញ្ញាណរបស់ Substack។
- Spectral — ការជំនួស៖ Charter · គ្រោង 400 · ពុម្ពអក្សរ serif សម្រាប់ការបង្ហោះវែងៗ—ប្រើក្នុងបន្ទប់អាន និងក្នុងខ្លឹមសារព័ត៌មាន ដើម្បីបង្កើនភាពងាយស្រួលអាននៃសម្ភារៈវិចារណកថា។ គម្លាតបន្ទាត់តូចជាងបន្តិច (1.20) ធានាបាននូវការអានកថាខណ្ឌប្រកបដោយផាសុកភាព ខណៈពេលដែលរក្សាបាននូវភាពតូចចង្អៀតធម្មតានៃបន្ទប់ព័ត៌មាន។
ចន្លោះពេល និងទម្រង់
| គោលបំណង | អត្ថន័យ |
|---|---|
| ដង់ស៊ីតេ | ក្រាស់ |
| ជំហានមូលដ្ឋាន | 8px |
| កាំប៊ូតុង | 9999px |
| កាំកាត | 12px |
| ស្រមោល | គ្មានព្រំដែនជំនួសឱ្យស្រមោល |
| រវាងផ្នែកនានា | 32px |
| ទទឹងទំព័រ | 1200px |
បញ្ញាសិប្បនិម្មិត (AI) នឹងបង្កើតគេហទំព័ររបស់អ្នកតាមរចនាបថ Substack ហើយបំពេញវា
- បំពេញជាមួយផលិតផល និងការបង្ហោះតាមរយៈតំណភ្ជាប់ - Instagram, TikTok, Facebook ។
- ផ្ទេរខ្លឹមសារពីគេហទំព័រចាស់របស់អ្នក—គ្រាន់តែបញ្ជាក់អាសយដ្ឋាន។
- ការរចនាទំនើបលើម៉ាស៊ីនល្អបំផុត៖ React ( Next.js) ជាមួយនឹងការបង្ហាញម៉ាស៊ីនមេ និងការបង្កើនប្រសិទ្ធភាព SEO ភ្លាមៗ។
- ការបង្កើនប្រសិទ្ធភាព SEO ដោយស្វ័យប្រវត្តិយ៉ាងពេញលេញសម្រាប់លទ្ធផលស្វែងរក និងអនុសាសន៍បណ្តាញសរសៃប្រសាទ។
រចនាប័ទ្មស្រដៀងគ្នា
- ElevenLabs — អត្ថបទរូបថតមួយក្នុងពណ៌ក្រែមក្តៅឧណ្ហៗ ជាមួយនឹងចំណងជើងស្រាលៗ។ សៀវភៅកត់ត្រារចនាប័ទ្ម Bauhaus—ក្រដាសពណ៌សំបកស៊ុត ទឹកថ្នាំពណ៌ខ្មៅ និងពណ៌ស្វាយ និងពណ៌ទឹកក្រូចតែមួយសម្រាប់បង្ហាញផលិតផល។
- Awesomic — សំណាញ់ស័ង្កសីសម្រាប់សរសេរអត្ថបទ ដែលមានសញ្ញាវណ្ណយុត្តិពណ៌ទឹកក្រូច ដែលរំលឹកដល់ក្រដាសពណ៌
- Monad — ទិនានុប្បវត្តិបច្ចេកទេសវិចារណកថាលើក្រដាសក្តៅ
- Dub — បន្ទះត្រួតពិនិត្យក្រដាសអង្ករម៉ាត់របស់ Link
- Seline Analytics — តុវិភាគស្ងាត់ៗលើក្រដាសក្តៅឧណ្ហៗ
- Notion — សៀវភៅកត់ត្រាក្រដាសក្តៅមួយនៅក្រោមពន្លឺថ្ងៃត្រង់
- Anthropic — ទិនានុប្បវត្តិវិទ្យាសាស្ត្រលើក្រដាស vellum ក្តៅៗ—ផ្ទៃភ្លុកស្ងប់ស្ងាត់ ចំណងជើងវិចារណកថាដែលមានស្នាមឆ្នូតៗ និងការសង្កត់សំឡេងដីឥដ្ឋតែមួយ ដែលលេចឡើងតែនៅពេលត្រូវការសកម្មភាពប៉ុណ្ណោះ។
- Calendly — ទឹកថ្នាំពណ៌ខៀវចាស់លើថ្មម៉ាបត្រជាក់
- Augen Pro — ការបង្ហាញពណ៌សរបស់ក្រុមហ៊ុន Apple មានពណ៌ខៀវអគ្គិសនី គ្មានទម្ងន់ ជាចំណុចលេចធ្លោតែមួយគត់នៅក្នុងលំហពណ៌តែមួយ។
- Antimetal — កំណត់ហេតុវិចារណកថាមួយនៅលើក្រដាសពណ៌ក្រែម—ព្រឹកដ៏ស្ងប់ស្ងាត់មួយនៅក្នុងទិនានុប្បវត្តិវិទ្យាសាស្ត្រមួយ ដែលការអត់ធ្មត់បង្ហាញពីទំនុកចិត្ត ហើយអក្សរ serifs ធ្វើការងារធ្ងន់ៗ។
- Perk — កំបោរអគ្គិសនីលើក្រដាស parchment ក្តៅ
- Ditto — សិក្ខាសាលាមួយដែលមានពន្លឺថ្ងៃបង្កើតគំរូផ្កាព្រៃ។ ផ្ទៃក្រែមក្តៅឧណ្ហៗ ពណ៌មូលដ្ឋានពណ៌លឿងភ្លឺ ទឹកថ្នាំពណ៌ខៀវចាស់ និងទម្រង់ពណ៌សរីរាង្គរីកដុះដាលនៅពីក្រោយស្នាដៃ។