
Electronic Materials Office
ធ្យូងដែលកំពុងឆេះនៅក្នុងវិចិត្រសាលដែលតុបតែងដោយធ្យូង
ការិយាល័យសម្ភារៈអេឡិចត្រូនិចគឺជាសិក្ខាសាលាពេលយប់ជ្រៅមួយ៖ ផ្ទាំងក្រណាត់ពណ៌ខ្មៅរលោង ធ្យូងពណ៌ទឹកក្រូចភ្លឺតែមួយ និងពុម្ពអក្សរដែលខ្សឹបខ្សៀវជាជាងប្រកាស។ ចំណុចប្រទាក់ចាត់ទុកអេក្រង់នីមួយៗដូចជាស្ទូឌីយោងងឹត - រូបថតក្តារចុចគឺជាប្រភពពន្លឺពិតប្រាកដតែមួយគត់ ហើយ UI គោរពតាមវា។ ចំណងជើង ដែលកំណត់នៅក្នុង GT-Flexa ទម្ងន់ 200 អណ្តែតក្នុងលំហអវិជ្ជមានដ៏ធំ។ ច្បាប់ចម្លងតួគឺតូច និងមនុស្សធម៌ដោយចេតនា (Times)។ ពណ៌ត្រូវបានវាស់វែង៖ ពណ៌សសុទ្ធសម្រាប់អក្សរ ពណ៌ស្វាយស្រអាប់ (#9e9eff) សម្រាប់តំណភ្ជាប់ និងការអំពាវនាវឱ្យធ្វើសកម្មភាពពណ៌ទឹកក្រូចតែមួយ (#f45500) នៅលើទំព័រដែលភ្លឺជាមួយនឹងពន្លឺ 30px របស់វា។ សមាសធាតុសមយ៉ាងតឹងរ៉ឹងក្នុងកាំ 20px ស៊ុមស្ទើរតែមិនអាចកត់សម្គាល់បាននៅ #9d9d9d ហើយស្រមោលតែមួយគត់នៅក្នុងប្រព័ន្ធគឺហាឡូពណ៌ពីរនៅជុំវិញសកម្មភាពចម្បង។
ផ្ទាំងក្រណាត់ធ្យូងដែលមានទទឹងពេញ ជាមួយនឹងខ្លឹមសារដែលមានទទឹងអតិបរមានៅចំកណ្តាល (~1200px)។ អេក្រង់មេចាប់ផ្តើមជាមួយនឹងកាតមេឌៀដែលមានកាំ 20px ដែលមានវីដេអូផលិតផល ដែលកាន់កាប់ប្រហែល 80% នៃទទឹងច្រកមើល បន្ទាប់មកភ្លាមៗដោយចំណងជើង GT-Flexa 200 ច្រើនបន្ទាត់ ដែលរុំដល់ទទឹងខ្លឹមសារស្ទើរតែពេញលេញ។ ចង្វាក់នៃផ្នែក៖ ផ្នែកពិពណ៌នាផលិតផលតែមួយនៅក្នុងរចនាប័ទ្ម Tobias ដែលសរសេរអក្សរធំទាំងអស់ បន្ទាប់មកដោយក្រឡាចត្រង្គ 2x2 (នៅលើកុំព្យូទ័រលើតុ) នៃកាតពិពណ៌នាផលិតផល។ កាតប្រើស៊ុម #9d9d9d 1px និងបន្ទាត់ចែក 24px នៅចន្លោះពួកវា។ ការដកដង្ហើមបញ្ឈរដ៏ធំទូលាយ—ផ្នែកនានាត្រូវបានបំបែកដោយចន្លោះអវិជ្ជមានធ្យូង 48–128px ជាជាងបន្ទាត់បែងចែក។ ការរុករកគឺជាបន្ទះតែមួយដែលមានតម្លាភាព ដែលតោងនៅផ្នែកខាងលើ ជាមួយនឹងចង្កោមនៃតំណភ្ជាប់ដែលលាក់ និងការអំពាវនាវឱ្យធ្វើសកម្មភាព Ember តែមួយ។ គ្មានរបារចំហៀង គ្មានម៉ឺនុយមេ គ្មានការរុករកបន្ទាប់បន្សំទេ។
រូបភាពទាំងនេះគឺសម្រាប់គោលបំណងបង្ហាញផលិតផលតែប៉ុណ្ណោះ—រូបថតម៉ាក្រូជិតៗនៃក្តារចុច Altar I ទល់នឹងផ្ទៃខាងក្រោយពណ៌ខ្មៅទាំងស្រុង ជាមួយនឹងពន្លឺភ្លើងពីខាងលើ ដែលបណ្តាលឱ្យស្រោមភ្លឺ ហើយគម្របគ្រាប់ចុចឆ្លុះបញ្ចាំងពន្លឺជុំវិញគែម។ គ្មានរបៀបរស់នៅ គ្មានដៃមនុស្ស គ្មានបរិបទបរិស្ថាន។ រូបភាពមានភាពផ្ទុយគ្នាខ្ពស់ និងងងឹត។ ពណ៌តែមួយគត់នៅខាងក្រៅក្ដារលាយពណ៌តែមួយគឺកុងតាក់ថាមពលពណ៌ទឹកក្រូចនៅលើក្តារចុចខ្លួនឯង ដែលបន្ទរការអំពាវនាវឱ្យធ្វើសកម្មភាព Ember Orange។ រូបភាពមានរាងការ៉េ ឬ 16:9 ដែលតែងតែដាក់ក្នុងកាតដែលមានកាំ 20px និងលាតសន្ធឹងហួសពីគែមនៃកាត (មិនមានចន្លោះជុំវិញរូបថតទេ ហើយអក្សរនៅខាងក្រោមគែម)។ រចនាប័ទ្មរូបតំណាង៖ រូបតំណាងតែមួយគត់គឺរង្វង់តូចមួយដែលបំពេញ (●) មុនឡូហ្គោ—ចំណុចពណ៌ទឹកក្រូចតែមួយ កម្រាស់ ~6px។
ក្ដារលាយពណ៌
ម៉ាក
- Ember Orange
#f45500— ប៊ូតុងសកម្មភាពចម្បងដែលមានការបំពេញគឺជាផ្ទៃពណ៌តែមួយគត់នៅក្នុង UI ដែលតែងតែអមដោយហាឡូពណ៌ទឹកក្រូច 30px ដែលធ្វើឱ្យវាភ្លឺដូចខ្សែស្រឡាយ។ ពន្លឺខាងក្រៅ 30px នៅលើប៊ូតុងហៅចម្បងចម្លងនិមិត្តសញ្ញាឆកោន Ember Orange ប៉ុន្តែមានជាស្រមោលជាជាងការបំពេញ ដែលធ្វើឱ្យប៊ូតុងហាក់ដូចជាភ្លឺពីខាងក្នុង។
អព្យាក្រឹត
- Studio Charcoal
#202020— ផ្ទៃផ្ទាំងក្រណាត់ និងក្រដាសកាតុងធ្វើកេស គឺដូចជាកម្រាលឥដ្ឋនៃវិចិត្រសាលងងឹតមួយ មិនដែលខ្មៅទាំងស្រុងនោះទេ ដូច្នេះភ្នែកអាចសម្រាកលើគែមទន់ៗ។ - Bone White
#ffffff— អត្ថបទសំខាន់ ស៊ុមស្តើងៗនៅលើរូបភាព និងផ្ទៃបញ្ច្រាសដ៏កម្រមួយ។ ឋានានុក្រមពុម្ពអក្សរទាំងមូលត្រូវបានរក្សាទុកដោយឯករាជ្យ។ - Ash Gray
#9d9d9d— អត្ថបទដែលបានបិទសំឡេង ស៊ុមកាតស្រទន់ និងចំណងជើងដែលអសកម្ម គឺជាពណ៌ប្រផេះកណ្តាលតែមួយគត់នៅក្នុងគ្រោងពណ៌ ដែលប្រើនៅពេលដែលពណ៌សភ្លឺពេក។ - Mid Felt
#eaeaea— ការលាងសម្អាតផ្ទៃស្រាលសម្រាប់បន្ទះដាក់បញ្ច្រាស ឬក្រឡាចត្រង្គម៉ូឌុល - ពណ៌សដែលស្ថិតនៅចន្លោះផ្ទាំងក្រណាត់បន៍ត្នោតខ្ចី និងងងឹត។ - Carbon
#000000— ការសង្កត់សំឡេងដ៏គួរឱ្យចាប់អារម្មណ៍បំផុតគឺសម្រាប់ស្នាមរូបតំណាង និងស៊ុមផ្ទុយគ្នា ដែលផ្ទាំងក្រណាត់ធ្យូងស្រាលពេកមិនអាចរក្សារាងរបស់វាបានល្អ។ - Lavender Link
#9e9eff— ពណ៌នៃតំណភ្ជាប់ដែលបានបង្កប់ និងគ្រោងនៃស៊ុមសកម្មភាពបន្ថែម គឺជាភាពផ្ទុយគ្នាស្រទន់ និងត្រជាក់ទៅនឹងពណ៌ទឹកក្រូចក្តៅ ដែលធានាថាសកម្មភាពទាំងនោះអាចអានបានទល់នឹងផ្ទៃខាងក្រោយពណ៌ប្រផេះ។
អក្សរសាស្ត្រ
ពី 16 ដល់ 86px · 8 ជំហាន
- GT-Flexa — ការជំនួស៖ Inter (200/400) or Manrope (200/400) · គ្រោង 200, 400 · ពុម្ពអក្សរចម្បងសម្រាប់ចំណងជើង និងធាតុតុបតែង។ ទម្ងន់ 200 អនុញ្ញាតឱ្យចំណងជើងនីមួយៗលើសពី 24px—នេះគឺជារចនាប័ទ្មហត្ថលេខា៖ នៅទំហំ 68px និង 86px អក្សរហាក់ដូចជារលាយចូលទៅក្នុងបរិយាកាសជាជាងស្រែក។ ទម្ងន់ 400 គឺសមរម្យសម្រាប់ចំណងជើងរង និងចំណងជើងកាត ដែលពួកវាស្ទើរតែមិនអាចស្តាប់បាន។ គម្លាតបន្ទាត់ត្រូវបានកាត់បន្ថយមកត្រឹម 1.0 នៅទំហំធំបំផុត ដូច្នេះពុម្ពអក្សរតុបតែងដាក់លើគ្នាដូចជាជួរឈរខ្យល់។
- Tobias-light — ការជំនួស៖ Söhne Buch or Inter Tight · គ្រោង 400 · រចនាប័ទ្មអក្សរបន្ទាប់បន្សំសម្រាប់ចំណងជើងផ្នែក និងឡូហ្គោបាតកថា។ វាត្រូវបានប្រើមួយជំហានក្រោម GT-Flexa 200 ដើម្បីបង្កើតភាពផ្ទុយគ្នានៃសម្លេង—Tobias មានអារម្មណ៍ស្ថាបត្យកម្ម និងបង្ហាញអារម្មណ៍ច្រើនជាង ខណៈ GT-Flexa មានបរិយាកាសច្រើន។ គម្លាតអក្សរអវិជ្ជមានធ្វើឱ្យសមាមាត្រដ៏ធំទូលាយរបស់ Tobias Light រួមតូច។
- Times — ការជំនួស៖ Source Serif 4 or PT Serif · គ្រោង 400 · តួអត្ថបទ និងកថាខណ្ឌចំណងជើង គឺជាចំណុចផ្ទុយដោយចេតនាទៅនឹងពុម្ពអក្សរធរណីមាត្រ និងតុបតែងដោយប្រើអក្សរសៀរីហ្វ។ អក្សរសៀរីហ្វបន្ថែមភាពកក់ក្ដៅ និងអំណាចវិចារណកថាទៅនឹងការពិពណ៌នាផលិតផលដោយមិនលើសពីទំហំតួអត្ថបទឡើយ។
ចន្លោះពេល និងទម្រង់
| គោលបំណង | អត្ថន័យ |
|---|---|
| ដង់ស៊ីតេ | ក្រាស់ |
| ជំហានមូលដ្ឋាន | 4-8px |
| កាំប៊ូតុង | 20px |
| កាំកាត | 20px |
| ស្រមោល | គ្មានព្រំដែនជំនួសឱ្យស្រមោល |
| រវាងផ្នែកនានា | 48-128px |
| ទទឹងទំព័រ | 1200px |
បញ្ញាសិប្បនិម្មិត (AI) នឹងបង្កើតគេហទំព័ររបស់អ្នកតាមរចនាបថ Electronic Materials Office ហើយបំពេញវា
- បំពេញជាមួយផលិតផល និងការបង្ហោះតាមរយៈតំណភ្ជាប់ - Instagram, TikTok, Facebook ។
- ផ្ទេរខ្លឹមសារពីគេហទំព័រចាស់របស់អ្នក—គ្រាន់តែបញ្ជាក់អាសយដ្ឋាន។
- ការរចនាទំនើបលើម៉ាស៊ីនល្អបំផុត៖ React ( Next.js) ជាមួយនឹងការបង្ហាញម៉ាស៊ីនមេ និងការបង្កើនប្រសិទ្ធភាព SEO ភ្លាមៗ។
- ការបង្កើនប្រសិទ្ធភាព SEO ដោយស្វ័យប្រវត្តិយ៉ាងពេញលេញសម្រាប់លទ្ធផលស្វែងរក និងអនុសាសន៍បណ្តាញសរសៃប្រសាទ។
រចនាប័ទ្មស្រដៀងគ្នា
- OFFFICE : — វិចិត្រសាល Noir មួយដែលហ៊ុំព័ទ្ធដោយពុម្ពអក្សរ monolithic
- Bibliothèque — វិចិត្រសាលរាងគូបពណ៌ខ្មៅនៅក្រោមភ្លើងស្តុប - ចានភ្លឺឯកោមួយនៅក្នុងសាលធំងងឹតមួយ
- 21 TSI — ភាពទទេពណ៌ក្រហមឆ្អៅ ស្រមោលតែមួយ - អត្ថបទវិចារណកថាម៉ូដទាន់សម័យ ដែលចំណុចប្រទាក់អ្នកប្រើប្រាស់រលាយចូលទៅក្នុងបរិយាកាស
- Structured — វិចិត្រសាលក្រុមហ៊ុន Renaissance លើក្រដាសដូចផ្លាស្ទិច
- CHAIBOY — ជញ្ជាំងវិចិត្រសាលពណ៌ខ្មៅមួយដែលមានរូបថតមួយសន្លឹកដែលមានពន្លឺពីក្រោយ
- Holiday 100 — វិចិត្រសាលអំណោយនៅពាក់កណ្តាលអធ្រាត្រ—ចំណងជើងរាងជារង្វង់បម្រើជាពន្លឺភ្លើង ផ្ទាំងក្រណាត់ពណ៌ខ្មៅជាជញ្ជាំងកំរាលព្រំ ហើយរូបភាពផលិតផលនីមួយៗព្យួរដូចជាស៊ុមដែលបានជ្រើសរើសយ៉ាងប្រុងប្រយ័ត្ន។
- Apple (España) — វិចិត្រសាលសារមន្ទីរ នៅក្នុងពន្លឺថ្ងៃស្រទន់ គឺជាលំហពណ៌សតែមួយ ដ៏ទាក់ទាញ និងគ្មានទម្ងន់ ជាមួយនឹងការតាំងពិព័រណ៍នីមួយៗត្រូវបានបំភ្លឺដោយភ្លើងស្តុបទល់នឹងជញ្ជាំងដែលមានពណ៌ស្រាល។
- Analogue — ប្រអប់តាំងបង្ហាញវិចិត្រសាលពណ៌ខ្មៅ - ទំនិញអណ្តែតក្នុងភាពទទេ
- Apple (España) — ការតាំងពិព័រណ៍ Obsidian Gallery គឺជាសាលតាំងពិព័រណ៍ងងឹតមួយ ជាកន្លែងដែលវត្ថុទីតានីញ៉ូមតែមួយភ្លឺចែងចាំងប្រឆាំងនឹងផ្ទៃខាងក្រោយដ៏ខ្មៅងងឹត។
- Studio Oker — វិចិត្រសាលងងឹតមួយដែលមានការសង្កត់សំឡេងពណ៌ក្រហមឆ្អៅ — បន្ទប់ឯកសារដែលមានជញ្ជាំងពណ៌ខ្មៅជាជួរ ជាកន្លែងដែលអក្សរពណ៌សហាក់ដូចជាអណ្តែត ហើយសំឡេងខ្សឹបខ្សៀវពណ៌ក្រហមតែមួយបានកាត់ផ្តាច់ភាពស្ងៀមស្ងាត់។
- 099 SUPPLY — ជញ្ជាំងវិចិត្រសាលពោរពេញទៅដោយវត្ថុពណ៌ខ្មៅ និងស
- Retool — សិក្ខាសាលាថ្មអប់ស៊ីឌានដ៏កក់ក្តៅមួយ - ផ្ទៃសម្រាប់ឧបករណ៍ដែលមានភាពជាក់លាក់ខ្ពស់ បំភ្លឺដោយធ្យូងដែលកំពុងឆេះ ជាកន្លែងដែលអ្វីៗត្រូវបានបង្កើតឡើង