Spotify
បន្ទប់ត្រួតពិនិត្យឧបករណ៍ចាក់ចម្រៀងពេលយប់
ចំណុចប្រទាក់បណ្ដាញរបស់ Spotify គឺជាមជ្ឈមណ្ឌលគ្រប់គ្រងមេឌៀដ៏ក្រាស់ និងងងឹត៖ ផ្ទាំងក្រណាត់ស្ទើរតែខ្មៅ តុបតែងដោយសិល្បៈអាល់ប៊ុមដ៏រស់រវើក ការសង្កត់សំឡេងពណ៌បៃតងតែមួយគត់ និងការគ្រប់គ្រងរាងដូចថ្នាំគ្រាប់។ ពុម្ពអក្សរមានទំហំតូច និងមានប្រយោជន៍ - ពុម្ពអក្សរ sans-serif ធរណីមាត្រដែលរចនាឡើងតាមតម្រូវការក្នុងទំហំតូច ដែលអនុញ្ញាតឱ្យសិល្បៈអាល់ប៊ុម និងរូបថតសិល្បករធ្វើការងារមើលឃើញភាគច្រើន។ ប្លង់គឺជាសែលជួរឈរពីរថេរ (របារចំហៀង + ចំណីសំខាន់) ជាមួយនឹងក្រឡាចត្រង្គនៃសិល្បៈអាល់ប៊ុមការ៉េ និងរូបតំណាងមូល ដែលបង្កើតជាការផ្លាស់ប្តូរចង្វាក់នៃប្រភេទធរណីមាត្រ។ ចំណុចប្រទាក់ជៀសវាងការផ្លាស់ប្តូរយ៉ាងខ្លាំងនៃកម្ពស់ ដោយពឹងផ្អែកលើភាពខុសគ្នានៃផ្ទៃបន្តិចបន្តួច (កាត #121212 នៅលើផ្ទាំងក្រណាត់ #000000) និងបដាជម្រាលធំតែមួយសម្រាប់ថាមពល។ លទ្ធផលគឺជាអារម្មណ៍នៃស្តង់ឌីជេ៖ ព័ត៌មានក្រាស់ ងងឹតខាងសូរស័ព្ទ និងត្រៀមខ្លួនលេងភ្លាមៗ។
ប្លង់ជួរឈរពីរថេរមានរបារចំហៀងខាងឆ្វេង ("បណ្ណាល័យរបស់អ្នក") និងតំបន់មាតិកាសំខាន់ដែលឆ្លើយតប។ របារខាងលើគឺជារបារខ្មៅទទឹងពេញដែលមានការស្វែងរកនៅខាងឆ្វេង និងសកម្មភាពគណនីនៅខាងស្តាំ។ មាតិកាសំខាន់រមូរបញ្ឈរ ជាមួយនឹងរង្វង់ផ្ដេកនៃកាត - បទចម្រៀងពេញនិយមនៅក្នុងក្រឡាចត្រង្គការ៉េ 5 ជួរឈរ សិល្បករពេញនិយមនៅក្នុងក្រឡាចត្រង្គរង្វង់ 5 ជួរឈរ និងអាល់ប៊ុម/បទចម្រៀងពេញនិយមបន្តលំនាំនេះ។ គម្លាតរវាងផ្នែកនានាគឺតូច (32 សង់ទីម៉ែត្រ)។ បដាផ្សាយពាណិជ្ជកម្មខាងក្រោមត្រូវបានបោះយុថ្កានៅផ្នែកខាងក្រោមនៃច្រកមើល។ ការរុករកត្រូវបានគ្រប់គ្រងទាំងស្រុងតាមរយៈរបារខាងលើ និងរបារចំហៀង - គ្មានម៉ឺនុយមេ ឬកំទេចនំប៉័ងទេ។ ចង្វាក់ឆ្លាស់គ្នា៖ កាតការ៉េ → កាតមូល → កាតការ៉េ បង្កើតភាពផ្ទុយគ្នាធរណីមាត្ររវាងផ្នែកនានា។
គម្របអាល់ប៊ុម និងរូបថតសិល្បករ គឺជាខ្លឹមសារដែលមើលឃើញចម្បង។ គម្របត្រូវបានបង្ហាញជាបំណែកការ៉េក្រាស់ (សមាមាត្រ 1:1) ដែលមានកាំ 6px—ច្បាស់ល្មមមើលទៅមានលក្ខណៈវិចារណកថា ប៉ុន្តែទន់ល្មមដើម្បីឱ្យទាន់សម័យ។ រូបថតសិល្បករគឺជាបំណែកមូល ដែលសង្កត់ធ្ងន់លើមុខជាអត្តសញ្ញាណ។ ចំណុចប្រទាក់សំខាន់មិនមានរូបថតតុបតែង រូបភាពរបៀបរស់នៅ ឬក្រាហ្វិកអរូបីទេ។ ធាតុដែលមើលឃើញមិនមែនរូបថតតែមួយគត់គឺបដាជម្រាលពណ៌ស្វាយទៅខៀវនៅខាងក្រោម ដែលបម្រើជាធាតុតែមួយគត់នៃពណ៌ម៉ាក។ រូបតំណាងមានលក្ខណៈតិចតួចបំផុត ឯកលីនេអ៊ែរ ពណ៌សលើផ្ទៃខាងក្រោយងងឹត—តូច និងមានមុខងារ មិនដែលតុបតែងឡើយ។
ក្ដារលាយពណ៌
ម៉ាក
- Spotify Green
#1ed760— ពណ៌បៃតងត្រូវបានប្រើជាការសង្កត់សំឡេងបន្ទាប់បន្សំសម្រាប់ព័ត៌មានលម្អិតតុបតែង និងដើម្បីបន្លិចសំណួរស្វែងរកដែលមិនសូវប្រើញឹកញាប់។ វាមិនគួរត្រូវបានប្រើជាពណ៌ចម្បងសម្រាប់ការអំពាវនាវឱ្យធ្វើសកម្មភាពទេ។
អព្យាក្រឹត
- Pure White
#ffffff— ផ្ទៃទ្រទ្រង់ស្រាលសម្រាប់បង្កើតផ្ទៃខាងក្រោយដែលមិនរំខាន និងបំបែកផ្នែកនានា។ វាមិនគួរត្រូវបានប្រើជាពណ៌ចម្បងសម្រាប់ការអំពាវនាវឱ្យធ្វើសកម្មភាពទេ។ - Signal Red
#b85850— ពណ៌ក្រហមបម្រើជាការសង្កត់សំឡេងគាំទ្រសម្រាប់ព័ត៌មានលម្អិតតុបតែង និងដើម្បីបន្លិចពណ៌មិនធម្មតា។ ប្រើវាជាការសង្កត់សំឡេងគាំទ្រ មិនមែនជាពណ៌ឋានៈទេ។ - Void Black
#000000— ផ្ទាំងក្រណាត់ទំព័រ ផ្ទៃខាងក្រោយរុករកខាងលើ ស្រទាប់ផ្ទៃជ្រៅបំផុត - Carbon
#121212— ផ្ទៃក្រដាសកាតុងធ្វើកេស បន្ទះចំហៀង ស្រទាប់ផ្ទៃបន្ទាប់បន្សំពីលើផ្ទាំងក្រណាត់ - Graphite
#1f1f1f— ផ្ទៃខាងលើ - ស្ថានភាពសំកាំងលើ វាលបញ្ចូល ធាតុរុករកដែលបានជ្រើសរើស។ - Smoke
#292929— ផ្ទៃខាងក្រោយរុករកសកម្ម ឥទ្ធិពលពន្លឺខាងក្រោយបន្តិច។
អក្សរសាស្ត្រ
ពី 11 ដល់ 24px · 4 ជំហាន
- SpotifyMixUI — ការជំនួស៖ Inter · គ្រោង 400, 600, 700 · ច្បាប់ចម្លងតួអត្ថបទ ការរុករក ប៊ូតុង ទិន្នន័យមេតា ចំណងជើងតូចៗ—ការរចនាបង្រួម និងសម្បូរទៅដោយព័ត៌មាន ដែលត្រូវបានរចនាឡើងឱ្យមានល្បិចកល ដែលអនុញ្ញាតឱ្យធាតុផ្សំសិល្បៈលេចធ្លោ។
- SpotifyMixUITitle — ការជំនួស៖ Inter weight 700 · គ្រោង 700 · ចំណងជើងផ្នែក ("បទចម្រៀងពេញនិយម," "សិល្បករពេញនិយម") - ពុម្ពអក្សរដិតទំហំមធ្យមធ្វើឱ្យចំណងជើងលេចធ្លោដោយមិនចាំបាច់ផ្ទុកក្រឡាចត្រង្គកាតច្រើនពេក។
ចន្លោះពេល និងទម្រង់
| គោលបំណង | អត្ថន័យ |
|---|---|
| ដង់ស៊ីតេ | ក្រាស់ |
| ជំហានមូលដ្ឋាន | 8-12px |
| កាំប៊ូតុង | 9999px |
| កាំកាត | 6px |
| ស្រមោល | អប្បបរមា |
| រវាងផ្នែកនានា | 32-48px |
បញ្ញាសិប្បនិម្មិត (AI) នឹងបង្កើតគេហទំព័ររបស់អ្នកតាមរចនាបថ Spotify ហើយបំពេញវា
- បំពេញជាមួយផលិតផល និងការបង្ហោះតាមរយៈតំណភ្ជាប់ - Instagram, TikTok, Facebook ។
- ផ្ទេរខ្លឹមសារពីគេហទំព័រចាស់របស់អ្នក—គ្រាន់តែបញ្ជាក់អាសយដ្ឋាន។
- ការរចនាទំនើបលើម៉ាស៊ីនល្អបំផុត៖ React ( Next.js) ជាមួយនឹងការបង្ហាញម៉ាស៊ីនមេ និងការបង្កើនប្រសិទ្ធភាព SEO ភ្លាមៗ។
- ការបង្កើនប្រសិទ្ធភាព SEO ដោយស្វ័យប្រវត្តិយ៉ាងពេញលេញសម្រាប់លទ្ធផលស្វែងរក និងអនុសាសន៍បណ្តាញសរសៃប្រសាទ។
រចនាប័ទ្មស្រដៀងគ្នា
- Resend — ក្រណាត់កាមេលខ្មៅជាមួយពណ៌ស្វាយណេអុង
- Neon — បន្ទប់ម៉ាស៊ីនបម្រើមួយបន្ទាប់ពីងងឹត។ ភាពងងឹតសុទ្ធសាធ ជាកន្លែងដែលពន្លឺតែមួយគត់មកពីទិន្នន័យ និងអន្តរកម្មរបស់អ្នកប្រើប្រាស់។
- Discord — ពិភពហ្គេមត្រូវបានលាក់នៅពីក្រោយបង្អួចជជែកលេចឡើង - ផ្នែកនីមួយៗគឺជាបរិយាកាសដែលមានភ្លើងបំភ្លឺ និងសំណុំតួអង្គផ្ទាល់ខ្លួន។
- Idle Finance — ជាន់ជួញដូរពណ៌ណេអុងនៃស្ថានីយកំពង់ផែសមុទ្រជ្រៅគឺជាស្ថានីយកងទ័ពជើងទឹកដ៏ងងឹតមួយ ជាកន្លែងដែលពន្លឺពណ៌ខៀវតែមួយបានទម្លុះភាពអាប់អួរ។
- Midjourney — ស្ថានីយបញ្ចេញពន្លឺជីវសាស្ត្រនៅក្នុងមហាសមុទ្រជ្រៅ។ ពិភពសមុទ្រជ្រៅមួយដែលភាពវៃឆ្លាតបង្កើតខ្លួនវាដោយមើលឃើញក្នុងស្ទ្រីម ASCII ហើយការគ្រប់គ្រងលេចឡើងជាលំនាំភ្លឺស្រទន់។
- Netflix — ធ្នើរឌីជីថលគ្មានដែនកំណត់។ បទពិសោធន៍ភាពយន្តដែលបណ្ណាល័យខ្លឹមសារគ្មានទីបញ្ចប់ត្រូវបានបង្ហាញនៅលើផ្ទៃខាងក្រោយដ៏ខ្មៅងងឹតដូចរោងកុន។
- Wope — Wope គឺជាចំណុចប្រទាក់ផ្តេកពណ៌ស្វាយ។ ស្រមៃមើលតុសង្កេតមើលផ្កាយងងឹតមួយដែលមានពន្លឺពណ៌ស្វាយចាំងចេញពីក្រោមកញ្ចក់។
- basement — ម៉ាស៊ីនបោះពុម្ពទទេមួយនៅម៉ោង ៣ ទៀបភ្លឺ - ពុម្ពអក្សរធំៗដែលបានបង្ហាប់បានរាលដាលពាសពេញពណ៌ខ្មៅស្រអាប់ ពន្លឺពណ៌ទឹកក្រូចតែមួយភ្លែតនៅលើរបាររុករក អ្វីៗផ្សេងទៀតមានពណ៌ស ឬពណ៌ប្រផេះស្រអាប់។
- Ori — បន្ទប់អ្នកបម្រើនៅពាក់កណ្ដាលអធ្រាត្រមានសភាពទទេខ្មៅ ភ្លើងពណ៌ស បើកតែមួយប៉ុណ្ណោះ។
- Amaterasu — ទីសក្ការៈបូជាពណ៌ខៀវស្រងាត់
- Stink Studios — ស្ទូឌីយោភាពយន្តមួយនៅពាក់កណ្តាលអធ្រាត្រ - ម៉ាស៊ីនបញ្ចាំងសំឡេងរោទ៍ បន្ទប់ងងឹត មានតែភាពយន្តប៉ុណ្ណោះដែលភ្លឺ
- Obsidian — ឃ្លាំងចំណេះដឹងគ្រីស្តាល់។ លំហឌីជីថលចម្រុះដែលមានភាពច្បាស់លាស់ និងផ្តោតអារម្មណ៍ ជាមួយនឹងសរសៃពណ៌ស្វាយភ្លឺចែងចាំងនៃអន្តរកម្ម។