
Glossier
ការថតរូបពន្លឺថ្ងៃ - ក្រដាសពណ៌ស ទឹកថ្នាំខ្មៅ ពណ៌លឿងភ្លឺមួយម៉ាត់
Glossier ដំណើរការដូចជាទស្សនាវដ្តីសម្រស់ឌីជីថល៖ ផ្ទាំងក្រណាត់ស្ទើរតែពណ៌តែមួយដែលមានពណ៌ស និងខ្មៅ ដែលត្រូវបានសម្គាល់ដោយការសង្កត់សំឡេងពណ៌លឿងដ៏រស់រវើកតែមួយ ដែលដើរតួជាឡូហ្គោរបស់ម៉ាក និងជាការអំពាវនាវតែមួយគត់ឱ្យធ្វើសកម្មភាព។ ប្រព័ន្ធនេះត្រូវបានកំណត់យ៉ាងតឹងរ៉ឹង — ចំណងជើង Apercu ដែលមានទំហំធំ ទំហំអត្ថបទច្រើន រូបថតរបៀបរស់នៅពេញទំព័រដែលផ្ទុកបន្ទុកអារម្មណ៍ភាគច្រើន — និងមានប្រយោជន៍ក្នុងការអនុវត្ត៖ កាតផលិតផលរាបស្មើ ស៊ុមស្តើង និងខ្វះការតុបតែងលម្អទាំងស្រុង។ ពណ៌លឿងមិនមែនជាពណ៌បន្ទាប់បន្សំរបស់ម៉ាកទេ។ វាគឺជាម៉ាក ដែលប្រើប្រាស់តិចតួច ដូច្នេះរូបរាងនីមួយៗមានអារម្មណ៍ដូចជាពន្លឺកាមេរ៉ា។ អ្វីៗផ្សេងទៀតត្រូវបានបង្កើតឡើងដើម្បីរសាត់ទៅក្នុងផ្ទៃខាងក្រោយ៖ ពណ៌អព្យាក្រឹតគឺជាពណ៌ប្រផេះក្តៅជាមួយនឹងពណ៌ស្រាលៗ ស៊ុមមានលក្ខណៈស្រទន់ ហើយប្រភេទមានភាពក្រាស់ និងបង្រួម។ លទ្ធផលគឺជាហាងដែលមានអារម្មណ៍ជឿជាក់ សាមញ្ញ និងទំនើប។
ទំព័រនេះមានផ្នែកពេញអេក្រង់ដែលរៀបចំបញ្ឈរ ដែលផ្នែកនីមួយៗត្រូវបានរចនាឡើងជាការបោះពុម្ពផ្សាយដាច់ដោយឡែកពីគ្នា។ ផ្នែកសំខាន់គឺជារូបថតពេញទទឹងដែលមានស្រទាប់ពណ៌សអណ្តែត (ខាងលើឆ្វេង) និងឡូហ្គោពណ៌លឿងដ៏ធំមួយដែលកាន់កាប់ផ្នែកខាងក្រោមទាំងមូលនៃទំព័រ។ នៅខាងក្រោមផ្នែកសំខាន់ ផ្នែកនានាឆ្លាស់គ្នារវាងរូបភាពពេញអេក្រង់ និងក្រឡាចត្រង្គនៃកាតនីមួយៗ។ ការបែងចែកប្រភេទ (ការថែរក្សាស្បែក/ការតុបតែងមុខ) ជាពីរជួរឈរដែលមានសមាមាត្ររូបភាពស្មើគ្នា (50/50) កើតឡើងដោយគ្មានព្រំដែនដែលអាចមើលឃើញ — មានតែបន្ទាត់មួយដែលភ្ជាប់រូបភាពប៉ុណ្ណោះដែលបំបែកពួកវា។ កាតាឡុកផលិតផលប្រើក្រឡាចត្រង្គបួនជួរឈរនៃកាតការ៉េនៅលើផ្ទាំងក្រណាត់ #f7f7f7។ ការរុករកគឺជារបារកំពូលសាមញ្ញបំផុតដែលមានបន្ទះផ្សាយពាណិជ្ជកម្មបន្ទាប់បន្សំនៅពីលើវា។ គម្លាតរវាងផ្នែកនានាមានទំហំធំល្មម (64px) ប៉ុន្តែការផ្លាស់ប្តូររវាងផ្នែកនានាគឺរលូន — ដោយគ្មានបន្ទាត់បែងចែក ឬពណ៌ផ្ទៃខាងក្រោយឆ្លាស់គ្នា លើកលែងតែបាតកថាក្តៅ។ ចង្វាក់រួមគឺ៖ រូបថត អត្ថបទ រូបថត ក្រឡាចត្រង្គ រូបថត — ដូចជាការត្រឡប់ទស្សនាវដ្ដីម៉ូដ។
ការថតរូបគឺជាភាសាដែលមើលឃើញលេចធ្លោ។ តំបន់មើលទាំងមូលពោរពេញទៅដោយរូបភាពរបៀបរស់នៅ និងរូបបញ្ឈរ - ពន្លឺម៉ោងមាសក្តៅៗ ការថតជិតស្បែកយ៉ាងស្រទន់ ដៃកាន់ដបផលិតផលទល់នឹងផ្ទៃខាងក្រោយនៃពន្លឺថ្ងៃ។ ក្ដារលាយពណ៌នៅក្នុងរូបថតមានភាពកក់ក្តៅ និងមិនឆ្អែត៖ មេឃពណ៌ស្វាយ ស្បែកពណ៌ terracotta ពណ៌ខៀវសមុទ្រជ្រៅ។ រូបភាពតែងតែកាន់កាប់ផ្ទៃទំព័រទាំងមូល ដោយគ្មានជ្រុងមូល ស៊ុម ឬការត្រួតលើគ្នា លើកលែងតែកាតអត្ថបទពណ៌ស ឬឡូហ្គោពណ៌លឿង។ រូបថតផលិតផលនៅលើកាតកាតាឡុកត្រូវបានថតទល់នឹងផ្ទៃខាងក្រោយពណ៌សសុទ្ធគ្មានថ្នេរ ជាមួយនឹងពន្លឺរាបស្មើ។ សមាមាត្ររូបភាពទៅនឹងអត្ថបទគឺប្រហែល 70/30 - រូបភាពបង្ហាញពីអារម្មណ៍ អត្ថបទ និងមុខងារ។ គ្មានរូបភាព គ្មានក្រាហ្វិកអរូបី គ្មានការបង្ហាញ 3D ទេ។
ក្ដារលាយពណ៌
ម៉ាក
- Glossier Yellow
#fff116— ពណ៌លឿងត្រូវបានប្រើជាការសង្កត់សំឡេងបន្ទាប់បន្សំសម្រាប់ព័ត៌មានលម្អិតតុបតែង និងដើម្បីបន្លិចសំណួរស្វែងរកដែលមិនសូវប្រើញឹកញាប់។ វាមិនគួរត្រូវបានប្រើជាពណ៌ចម្បងសម្រាប់ការអំពាវនាវឱ្យធ្វើសកម្មភាពទេ។
អព្យាក្រឹត
- Ink
#000000— អត្ថបទតួអត្ថបទ តំណភ្ជាប់រុករក អត្ថបទចម្បង អត្ថបទបាតកថា គ្រោងរូបតំណាង ស៊ុមស្តើងៗ; ពណ៌អក្សរលេចធ្លោ និងពណ៌រចនាសម្ព័ន្ធ។ - Paper
#ffffff— ផ្ទៃកាតផលិតផល តំបន់បំពេញ បន្ទះដែលលើកឡើង; កម្រិតផ្ទៃភ្លឺបំផុតនៅក្នុងជង់។ - Fog
#f7f7f7— ផ្ទាំងក្រណាត់ទំព័រ ផ្ទៃខាងក្រោយផ្នែក ការផ្លាស់ប្តូររវាងរូបភាពនៅលើទំព័រ; ផ្ទៃមូលដ្ឋានដែលគេហទំព័រទាំងមូលស្ថិតនៅ។ - Blush
#faf2f4— ផ្ទៃខាងក្រោយបាតកថា បន្ទះបែងចែកផ្នែកទន់ៗក្តៅៗ; ពណ៌ផ្កាឈូក-សស្រាលៗបន្ថែមភាពកក់ក្តៅដល់ផ្នែកខាងក្រោមនៃទំព័រ។ - Mist
#f0f0f0— ផ្ទៃទ្រទ្រង់ស្រាលសម្រាប់បង្កើតផ្ទៃខាងក្រោយដែលមិនរំខាន និងបំបែកផ្នែកនានា។ វាមិនគួរត្រូវបានប្រើជាពណ៌ចម្បងសម្រាប់ការអំពាវនាវឱ្យធ្វើសកម្មភាពទេ។ - Ash
#e8e8e8— ស៊ុមវាលបញ្ចូល ផ្ទៃខាងក្រោយរូបតំណាង បន្ទាត់បំបែកស្តើងៗ; ពណ៌ស៊ុមរចនាសម្ព័ន្ធសម្រាប់កាត និងធាតុទម្រង់។
អក្សរសាស្ត្រ
ពី 12 ដល់ 32px · 5 ជំហាន
- Apercu — ការជំនួស៖ Inter · គ្រោង 400, 500, 700 · ពុម្ពអក្សរចម្បងត្រូវបានប្រើនៅទូទាំងចំណុចប្រទាក់អ្នកប្រើប្រាស់ - ច្បាប់ចម្លងតួនៅ 16px/400 ការរុករក និងចំណងជើងនៅ 12–14px/500 ចំណងជើងរងនៅ 20px/500 និងចំណងជើងវិចារណកថានៅ 32px/700។ ការរចនាធរណីមាត្រ និងមនុស្សធម៌របស់ Apercu ផ្តល់ឱ្យម៉ាកនូវរចនាប័ទ្មទំនើប និងបង្រួម។ គម្លាតអក្សរជិតសូន្យ (0.002–0.003em) ធ្វើឱ្យពុម្ពអក្សរមានទំហំតូច និងដូចទស្សនាវដ្តី ជាជាងមានខ្យល់ចេញចូល ឬងាយស្រួលប្រើ។ ទម្ងន់ 700 ត្រូវបានរក្សាទុកសម្រាប់ធាតុបង្ហាញនៅក្នុងវិចារណកថា មិនមែនធាតុ UI ទេ។
- Apercu Mono — ការជំនួស៖ JetBrains Mono or IBM Plex Mono · គ្រោង 400 · ហ្វុនអក្សរដែលមានប្រយោជន៍តិចតួចសម្រាប់ទិន្នន័យមេតាលំដាប់ទំនិញ លេខតាមដាន និងស្លាកនៅជាប់នឹងកូដ។ កំណែដែលមានចន្លោះតែមួយបង្កើតវាយនភាពបច្ចេកទេសប្រឆាំងនឹងប្រភេទរាងកាយសមាមាត្រ។
- GTStandard-M — ការជំនួស៖ Inter · គ្រោង 400 · GTStandard-M - បានរកឃើញនៅក្នុងទិន្នន័យដែលបានស្រង់ចេញ ប៉ុន្តែមិនត្រូវបានពិពណ៌នាដោយ AI ទេ។
ចន្លោះពេល និងទម្រង់
| គោលបំណង | អត្ថន័យ |
|---|---|
| ដង់ស៊ីតេ | មធ្យម |
| ជំហានមូលដ្ឋាន | 8px |
| កាំប៊ូតុង | 0px |
| កាំកាត | 0px |
| ស្រមោល | គ្មានព្រំដែនជំនួសឱ្យស្រមោល |
| រវាងផ្នែកនានា | 64px |
| ទទឹងទំព័រ | 1440px |
បញ្ញាសិប្បនិម្មិត (AI) នឹងបង្កើតគេហទំព័ររបស់អ្នកតាមរចនាបថ Glossier ហើយបំពេញវា
- បំពេញជាមួយផលិតផល និងការបង្ហោះតាមរយៈតំណភ្ជាប់ - Instagram, TikTok, Facebook ។
- ផ្ទេរខ្លឹមសារពីគេហទំព័រចាស់របស់អ្នក—គ្រាន់តែបញ្ជាក់អាសយដ្ឋាន។
- ការរចនាទំនើបលើម៉ាស៊ីនល្អបំផុត៖ React ( Next.js) ជាមួយនឹងការបង្ហាញម៉ាស៊ីនមេ និងការបង្កើនប្រសិទ្ធភាព SEO ភ្លាមៗ។
- ការបង្កើនប្រសិទ្ធភាព SEO ដោយស្វ័យប្រវត្តិយ៉ាងពេញលេញសម្រាប់លទ្ធផលស្វែងរក និងអនុសាសន៍បណ្តាញសរសៃប្រសាទ។
រចនាប័ទ្មស្រដៀងគ្នា
- Lightship — ឌីអូរ៉ាម៉ាភាពយន្តនៃផ្លូវបើកចំហ។ ជញ្ជាំងវិចិត្រសាលពណ៌ក្រែមក្តៅឧណ្ហៗ តុបតែងដោយរូបថតទេសភាពធំៗដែលដាក់នៅចន្លោះពេលជិតៗ អក្សរខ្មៅស្តើងៗមើលមិនឃើញនៅលើស៊ុម និងការសង្កត់សំឡេងពណ៌ទឹកក្រូចភ្លឺតែមួយបំបែកពណ៌តែមួយដូចជាភ្លើងឆេះក្នុងវាលស្មៅ។
- Faire ES — កាតាឡុកលក់ដុំនៃក្រែមក្តៅ
- Adanola — សៀវភៅរចនាវិចារណកថាលើក្រដាសស។ ការថតម៉ូដដែលរចនាបថអក្សរ និងការថតរូបលេចធ្លោលើផ្ទៃពណ៌សស្អាត ជាមួយនឹងទឹកថ្នាំពណ៌ខ្មៅសម្រាប់ពុម្ពអក្សរ និងពុម្ពអក្សរ sans-serif ដ៏ទាក់ទាញ (Favorit) ដែលឆ្លុះបញ្ចាំងពីរចនាបថទាំងមូលរបស់ម៉ាក។
- Oura Ring — សិក្ខាសាលាធ្វើអូតមីលដ៏កក់ក្ដៅមួយ ក្រោមពន្លឺថ្ងៃស្រទន់ៗ
- Stykka — សិក្ខាសាលាស្កែនឌីណាវីក្នុងពន្លឺពណ៌ស - បន្ទប់តាំងបង្ហាញដ៏ស្ងប់ស្ងាត់ និងផលិតដោយដៃ ជាកន្លែងដែលសំឡេងតែមួយគត់គឺការថតរូប
- DJI — ផ្ទាំងក្រណាត់ពណ៌ខ្មៅសម្រាប់អវកាសយានិក ជាមួយនឹងពណ៌ខៀវអគ្គិសនីតែមួយ
- Altitude Beverages — ការរីករាលដាលនៃទស្សនាវដ្តីពណ៌តែមួយ។ ស្រមៃមើលការរីករាលដាលនៃទស្សនាវដ្តីម៉ូដដែលគ្មានពណ៌អ្វីទាំងអស់ លើកលែងតែរូបថត - អត្ថបទ និងចន្លោះពណ៌សប្រាប់រឿងរ៉ាវទាំងមូល។
- AATHER — បាតដៃបើកចំហ អណ្តាតភ្លើងតែមួយ - ភាពប្រណីតស្ងប់ស្ងាត់ដែលមាននៅក្នុងភាពស្ងប់ស្ងាត់
- Cowboy — វិចិត្រសាលកង់បែលហ្ស៊ិកមួយក្នុងរចនាបថប៉សឺឡែនពណ៌សដូចព្រិល។ បន្ទប់តាំងបង្ហាញមួយដែលផ្ទៃម៉ាត់ ពុម្ពអក្សរធំៗដែលប្រើក្នុងសម្ភារៈវិចារណកថា និងអវត្តមាននៃការតុបតែងទាក់ទាញភ្នែកទៅកាន់កង់ និងរបស់របរនៅក្នុងនោះ។
- Refero — ប្លង់វិចារណកថាលើថ្មម៉ាបពណ៌ស - ទំព័រផលិតផលដែលបង្កើតឡើងដោយអ្នកសរសេរអក្សរ ដែលចំណងជើង serif គឺជាកាតហៅរបស់ម៉ាក ហើយអ្វីៗផ្សេងទៀតគឺមិនមានភាពរំខាន។
- Face Formula — រូបគំនូរវិចារណកថាស្កែនឌីណាវី។ ការរីករាលដាលដ៏ស្ងប់ស្ងាត់តាមបែបទស្សនាវដ្ដី ដែលការសម្លឹងរបស់តារាម៉ូដែល និងចំណងជើង ដែលសរសេរជាពុម្ពអក្សរ serif ខ្លីៗ និយាយដោយខ្លួនឯងប្រឆាំងនឹងផ្ទៃខាងក្រោយដ៏ត្រជាក់ និងមានអ័ព្ទ។
- Shupatto — ប្រអប់តាំងបង្ហាញសារមន្ទីរលើថ្មម៉ាបពណ៌ស