FRANKY'S
តូបហ្គេមបែបបុរាណនៅលើតុហាងស្គី
ភាសាដែលមើលឃើញរបស់ Franky គឺជាការរួមបញ្ចូលគ្នារវាងហាង arcade បែបបុរាណ និងហាង skateboard៖ ផ្ទាំងក្រណាត់ពណ៌ក្រែមក្តៅ (#f3e5df) ដែលហ៊ុមព័ទ្ធដោយស៊ុមភីកសែលរឹង ក្ដារចតុកោណពណ៌ខ្មៅ និងស ដែលមានគ្រប់ទីកន្លែង និងពុម្ពអក្សរភីកសែលតែមួយគឺ Arcade ដែលប្រើសម្រាប់ពាក្យនីមួយៗនៅលើគេហទំព័រ។ ក្ដារលាយពណ៌មានចេតនាតិចតួច — មានតែពណ៌ chromatic ពីរប៉ុណ្ណោះដែលនៅសល់ (សញ្ញាពណ៌ទឹកក្រូច #faa21f សម្រាប់សញ្ញា និងពណ៌បៃតងឆ្អែត #128e44 សម្រាប់ប៊ូតុងទិញ) ដោយឋានានុក្រមទាំងមូលត្រូវបានបង្ហាញដោយការបង្កើនទម្ងន់ពុម្ពអក្សរ Arcade ពី 400 ទៅ 700 និងដោយប្រើពណ៌ខ្មៅទល់នឹងផ្ទៃខាងក្រោយពណ៌ក្រែម។ ផ្ទៃនៅតែរាបស្មើ និងរឹងមាំ។ ជម្រៅត្រូវបានសម្រេចតែតាមរយៈបន្ទាត់ពណ៌ក្រែម 1px ដែលបានបញ្ចូលនៅលើប៊ូតុង និងការលេងសម្លេងនៃក្ដារចតុកោណ។ សមាសធាតុទាំងនេះគឺរំលឹកដល់រូបភាពព្រាងៗនៅហាងទសវត្សរ៍ឆ្នាំ 1990៖ ស៊ុមខ្មៅក្រាស់ កាំព្រំដែនតឹង 6-12px ចន្លោះ 4-8px តូច និងប៊ូតុងបិទ/បើក 3D/AR ដែលមើលទៅដូចជារូបតំណាងដែលមានភីកសែលជាជាងធាតុ chrome។ ទំព័រថ្មីៗទាំងនេះមានបំណងរក្សាបរិយាកាសដូចហ្គេមអាខេដ៖ គ្មានការជម្រាលក្រៅពីអក្សររមូរពណ៌ទឹកក្រូច គ្មានស្រមោលទន់ គ្មានអក្សរតុបតែងទេ—មានតែក្រដាសពណ៌ក្រែម បន្ទាត់ពណ៌ខ្មៅដែលមានភីកសែល និងពណ៌ទឹកក្រូចក្តៅតែមួយប៉ុណ្ណោះ។
នៅលើកុំព្យូទ័រលើតុ ទំព័រផលិតផលបង្ហាញប្លង់ទទឹងពេញ និងកណ្តាល ដែលមានទទឹងអតិបរមា 1200px។ ចង្វាក់ពីលើចុះក្រោមគឺ៖ អត្ថបទរមូរពណ៌ទឹកក្រូច → បឋមកថាពណ៌ក្រែមជាមួយបន្ទាត់ខ្មៅ → ការបំបែកជួរឈរពីរ (55% នៃក្ដារអុកនៅលើទំព័រដើម / 45% នៃក្រឡាចត្រង្គពីរជួរឈរនៃកាតផលិតផល) → ឆ្នូតពណ៌ក្រែមនៅក្នុងបាតកថា។ នៅលើទូរស័ព្ទ ទំព័រដើមបង្រួមទៅជាក្ដារអុកទទឹងពេញ ហើយក្រឡាចត្រង្គក្លាយជាប្លង់ជួរឈរតែមួយ។ កាតត្រូវបានចែកចាយស្មើៗគ្នានៅក្នុងក្រឡាចត្រង្គពីរជួរឈរ ជាមួយនឹងបន្ទាត់បែងចែកភីកសែលពណ៌ប្រផេះ (#e5e7eb) រវាងពួកវា។ គម្លាតរវាងផ្នែកនានាគឺតិចតួចបំផុត (43–61px) ហើយចំណុចប្រទាក់មិនដែលប្រើឆ្នូតងងឹតដែលលាតសន្ធឹងទទឹងទាំងមូលនៃទំព័រនោះទេ - ផ្ទាំងក្រណាត់ពណ៌ក្រែមត្រូវបានបង្ហាញដោយគ្មានការរំខាន។
រូបថតមួកប្រឆាំងនឹងផ្ទៃខាងក្រោយពណ៌ក្រែមស្អាត កណ្តាល និងកាត់យ៉ាងតឹង ជាមួយនឹងស្រមោលខ្មៅស្រាលៗនៅខាងក្រោម។ គ្មានរបៀបរស់នៅ គ្មានម៉ូដែល គ្មានបរិបទ - មួកគឺជាផ្កាយ។ លំនាំក្តារអុកនៅពីក្រោយធាតុសំខាន់បម្រើជាផ្ទៃក្រាហ្វិក។ គ្មានរូបភាព គ្មានការបង្ហាញ 3D លើកលែងតែប៊ូតុងបិទបើកការពិតបន្ថែម គ្មានរូបតំណាងតុបតែង លើកលែងតែឈើឆ្កាងដែលមានភីកសែលនៅក្នុងឡូហ្គោ។
ក្ដារលាយពណ៌
ម៉ាក
- Marquee Orange
#faa21f— របារជូនដំណឹងនៅផ្នែកខាងលើនៃអេក្រង់ ធាតុសង្កត់សំឡេង ម៉ាកយីហោ។ - Buy Green
#128e44— ប៊ូតុង "បន្ថែមទៅក្នុងរទេះ" ត្រូវបានបំពេញ - សកម្មភាពទិញតែមួយគត់ដែលសម្គាល់ដោយពណ៌បៃតង។
អព្យាក្រឹត
- Arcade Cream
#f3e5df— ផ្ទៃខាងក្រោយទំព័រ ផ្ទៃកាតផលិតផល ការបញ្ចូលប៊ូតុង។ - Ink Black
#000000— អត្ថបទសំខាន់ ប្លង់ក្ដារអុក ស៊ុម UI ទាំងអស់ គ្រោងកាត ស៊ុមរូបតំណាង។ - Pixel Gray
#e5e7eb— ស៊ុមស្តើងៗ ឧបករណ៍បែងចែកកាត ច្បាប់រចនាសម្ព័ន្ធរវាងក្រឡាចត្រង្គ។ - Charcoal
#333333— សម្លេងផ្ទៃបន្ទាប់បន្សំ ស្រមោលការ៉េក្តារបន្ទះពណ៌ស្រមោល - Carbon
#151515— សម្លេងអព្យាក្រឹតសម្បូរបែបសម្រាប់ការបំពេញរូបភាព និងក្បឿងក្តារអុកដែលក្រាស់បំផុត។ - Muted Gray
#737373— អត្ថបទដែលបានបិទ/បិទសំឡេងនៅលើប៊ូតុង និងនៅក្នុងអត្ថបទ
អក្សរសាស្ត្រ
ពី 10 ដល់ 18px · 4 ជំហាន
- Arcade — ការជំនួស៖ VT323 · គ្រោង 400, 700 · ពុម្ពអក្សរតែមួយត្រូវបានប្រើនៅទូទាំងចំណុចប្រទាក់ - ចំណងជើង ស្លាក តម្លៃ ប៊ូតុង អត្ថបទតួ និងរូបតំណាងទាំងអស់គឺស្ថិតនៅក្នុង Arcade។ ការផ្លាស់ប្តូរពី 400 ទៅ 700 គឺជាឧបករណ៍តែមួយគត់សម្រាប់បង្កើតឋានានុក្រម។ ការប្រើប្រាស់ពុម្ពអក្សរទីពីរនឹងបំផ្លាញការបំភាន់ kiosk។
ចន្លោះពេល និងទម្រង់
| គោលបំណង | អត្ថន័យ |
|---|---|
| ដង់ស៊ីតេ | ក្រាស់ |
| ជំហានមូលដ្ឋាន | 4-8px |
| កាំប៊ូតុង | 6px |
| កាំកាត | 12px |
| ស្រមោល | គ្មានព្រំដែនជំនួសឱ្យស្រមោល |
| រវាងផ្នែកនានា | 43-61px |
| ទទឹងទំព័រ | 1200px |
បញ្ញាសិប្បនិម្មិត (AI) នឹងបង្កើតគេហទំព័ររបស់អ្នកតាមរចនាបថ FRANKY'S ហើយបំពេញវា
- បំពេញជាមួយផលិតផល និងការបង្ហោះតាមរយៈតំណភ្ជាប់ - Instagram, TikTok, Facebook ។
- ផ្ទេរខ្លឹមសារពីគេហទំព័រចាស់របស់អ្នក—គ្រាន់តែបញ្ជាក់អាសយដ្ឋាន។
- ការរចនាទំនើបលើម៉ាស៊ីនល្អបំផុត៖ React ( Next.js) ជាមួយនឹងការបង្ហាញម៉ាស៊ីនមេ និងការបង្កើនប្រសិទ្ធភាព SEO ភ្លាមៗ។
- ការបង្កើនប្រសិទ្ធភាព SEO ដោយស្វ័យប្រវត្តិយ៉ាងពេញលេញសម្រាប់លទ្ធផលស្វែងរក និងអនុសាសន៍បណ្តាញសរសៃប្រសាទ។
រចនាប័ទ្មស្រដៀងគ្នា
- 099 SUPPLY — ជញ្ជាំងវិចិត្រសាលពោរពេញទៅដោយវត្ថុពណ៌ខ្មៅ និងស
- teenage engineering — កាតាឡុកឧស្សាហកម្មនៅក្នុងភ្លើងបំភ្លឺស្ទូឌីយោ - ផលិតផលគឺជាវត្ថុសំខាន់តែមួយគត់នៅលើទំព័រ ហើយអ្វីៗផ្សេងទៀតត្រូវបានពិភាក្សាជុំវិញវា។
- Custo — វិចិត្រសាលពណ៌កាំភ្លើងដែលមានពុម្ពអក្សរតែមួយ។ បន្ទប់តាំងបង្ហាញមួយដែលមានពណ៌ប្រផេះបៃតងស្រាលៗ ជាកន្លែងដែលវត្ថុងងឹតតែមួយ និងពុម្ពអក្សរ 57px និយាយដោយខ្លួនឯង។
- Walden — ភាពស្ងប់ស្ងាត់នៃកម្រាលព្រៃ - ផលិតផលនីមួយៗគឺជាថ្ម ភីកសែលនីមួយៗគឺជាស្លែ និងភាពស្ងៀមស្ងាត់
- Fiverr — ចំណុចកណ្តាលនៃផ្សារឌីជីថលគឺពន្លឺពណ៌បៃតងភ្លឺចែងចាំងប្រឆាំងនឹងឆាកល្ខោនងងឹត។ ចំណុចពណ៌បៃតងនីអុងតែមួយបម្រើជាយុថ្កាសម្រាប់ឡូហ្គោ ហើយអ្វីដែលនៅសល់គឺពណ៌សខ្មៅ ដែលត្រូវបានរចនាឡើងដើម្បីបញ្ជាក់ពីភាពទាក់ទាញនៃសេវាកម្មដែលផ្តល់ជូន។
- Peloton — ភ្លើងសញ្ញាពណ៌ក្រហមនៅលើផ្លូវដើរបង្ហាញម៉ូដពណ៌ខ្មៅរលោង។ បន្ទប់តាំងបង្ហាញកន្លែងហាត់ប្រាណមួយ ដែលមានផ្លាកសញ្ញា CTA ពណ៌ក្រហមភ្លឺតែមួយកាត់តាមទីធ្លាតាំងពិព័រណ៍ដ៏ធំទូលាយ និងងងឹត ហើយនាំទៅដល់បន្ទប់ពណ៌សស្អាត ពោរពេញដោយផលិតផល។
- HOUSEPLANT — ហាងលក់សៀវភៅដែលមានគ្រាប់ធញ្ញជាតិនៅលើក្រដាស linen
- Adam Lippes — ស្ទូឌីយោវិចារណកថាមួយពណ៌តែមួយលើក្រដាសពណ៌ក្រែម – ការរីករាលដាលនៃទស្សនាវដ្តី Vogue ដែលការតុបតែងតែមួយគត់គឺក្រឡាចត្រង្គប្លង់ មិនមែនក្ដារលាយពណ៌ទេ។
- Elektron — ផ្ទាំងបញ្ជាឧបករណ៍នៅពាក់កណ្តាលអធ្រាត្រ គឺជាផ្ទាំងក្រណាត់ពណ៌ខ្មៅស្ទើរតែទាំងស្រុង ដែលរូបថតផលិតផលភ្លឺចែងចាំង ខណៈពេលដែលចំណុចប្រទាក់នៅតែមើលមិនឃើញ។
- Sigmaphoto — វិចិត្រសាលម៉ូណូក្រូមនៃឧបករណ៍វាស់ស្ទង់ភាពជាក់លាក់ គឺជាបន្ទប់ពណ៌សស្ងប់ស្ងាត់មួយ ដែលពណ៌តែមួយគត់ដែលសំខាន់គឺពណ៌ដែលហៅអ្នកឱ្យធ្វើសកម្មភាព។
- Channel Studio — មន្ទីរពិសោធន៍ថតរូបស្ទូឌីយោមួយដែលមានអំពូលភ្លើងពណ៌ផ្កាថ្មមួយ
- Specht Studio — ជញ្ជាំងវិចិត្រសាលមួយដែលពោរពេញទៅដោយភាពចង់ដឹងចង់ឃើញដោយសម្ងាត់។ ផ្ទៃខាងក្នុងស្ទូឌីយោមានពណ៌ក្រូមផ្ទាល់ខ្លួនដែលមានពណ៌ស និងអក្សរពណ៌ខ្មៅ។ កាំជ្រួចដែលមើលឃើញត្រូវបានប្រមូលផ្តុំទាំងស្រុងនៅក្នុងក្បឿងរបស់គម្រោង។