
Duolingo
ម៉ាស្កូតថ្នាក់លេងសើចលើក្រដាសស
ចំណុចប្រទាក់របស់ Duolingo ត្រូវបានរចនាឡើងដូចជាសៀវភៅរូបភាពរបស់កុមារ៖ ផ្ទាំងក្រណាត់ក្រដាសពណ៌ស ពុម្ពអក្សរមូល និងពណ៌បៃតងសម្បូរបែបតែមួយ ដែលបង្កើតជា "ចម្លើយត្រឹមត្រូវ" ភ្លាមៗ។ អត្ថបទសំខាន់គឺជាសម្លេងពណ៌ប្រផេះមធ្យមដែលអនុញ្ញាតឱ្យពណ៌បៃតង និងពណ៌ខៀវសង្កត់សំឡេងរបស់វាធ្វើការងារអារម្មណ៍ទាំងអស់ - ពណ៌បៃតងសម្រាប់វឌ្ឍនភាព និងចំណងជើង ពណ៌ខៀវសម្រាប់តំណភ្ជាប់ដែលអាចចុចបាន និងសកម្មភាពបន្ថែម។ សមាសធាតុមានរាងដូចគ្រាប់ ឬជ្រុងមូលក្រាស់ៗ ដែលមានស៊ុមខ្មៅ ឬពណ៌ក្រាស់ ដែលធ្វើឱ្យប៊ូតុងនីមួយៗមានអារម្មណ៍ដូចជាស្ទីគ័រដែលជាប់នឹងទំព័រ ជាជាងការគ្រប់គ្រង UI រាបស្មើ។
ផ្នែកនានាកាន់កាប់ទទឹងពេញនៃទំព័រ ហើយត្រូវបានរៀបចំបញ្ឈរក្នុងជួរឈរតែមួយ ដែលមានកម្ពស់ប្រហែល 800 ភីកសែល។ ទទឹងមាតិកាអតិបរមាគឺប្រហែល 1 ភីកសែលនៅចំកណ្តាល។ អត្ថបទនៅខាងឆ្វេង និងរូបភាពនៅខាងស្តាំឆ្លាស់គ្នា ដែលផ្តល់ទំហំបញ្ឈរគ្រប់គ្រាន់ (80 ភីកសែលរវាងផ្នែកនានា)។ មិនមានកាតក្រឡាចត្រង្គ ឬប្លង់ជួរឈរច្រើនទេ - ផ្នែកនីមួយៗគឺជាប្លុកអត្ថបទតែមួយដែលផ្គូផ្គងជាមួយរូបភាពតែមួយ។ ការរុករកគឺជារបារកំពូលសាមញ្ញបំផុតដែលមានឡូហ្គោ និងឧបករណ៍ជ្រើសរើសភាសា ដែលលេចឡើងជារបារថេររវាងផ្នែកនានា។ បាតកថាគឺជាឆ្នូតពណ៌បៃតងដែលលាតសន្ធឹងទទឹងទាំងមូលនៃទំព័រ។ ចង្វាក់គឺជាអត្ថបទវិចារណកថា៖ ចំណងជើង កថាខណ្ឌ ការអំពាវនាវឱ្យធ្វើសកម្មភាព រូបភាព ការធ្វើម្តងទៀត។
ភាសាបង្ហាញរបស់សៀវភៅនេះមានលក្ខណៈពិសេសនៃតួអង្គម៉ាស្កូតពីរវិមាត្ររាបស្មើ (តួអង្គសត្វទីទុយ និងតួអង្គមនុស្សជាច្រើន) ដែលមានរាងធរណីមាត្រមូល គ្រោងពណ៌ខ្មៅដិត និងក្ដារលាយពណ៌បំពេញបន្ថែមនៃពណ៌ផ្កាឈូក ពណ៌ស្វាយ ពណ៌លឿង ពណ៌ទឹកក្រូច និងពណ៌ខៀវ ដែលមិនដែលលេចឡើងនៅក្នុងចំណុចប្រទាក់ខ្លួនឯង។ រូបភាពទាំងនោះត្រូវបានដាក់នៅជាប់នឹងអត្ថបទនៅខាងស្តាំនៃផ្នែកនីមួយៗ ទល់នឹងផ្ទៃខាងក្រោយពណ៌សសុទ្ធ ដោយគ្មានធុង ឬផ្ទៃខាងក្រោយ។ មិនមានរូបថតទេ - តួអង្គបម្រើជាខ្លឹមសារដែលមើលឃើញ។ រូបតំណាងប្រើគ្រោងក្រាស់ ស្របតាមរចនាប័ទ្មនៃម៉ាស្កូត។ ដង់ស៊ីតេរូបភាពគឺមធ្យម៖ ផ្នែកនីមួយៗមានរូបភាពធំមួយនៃតួអង្គ ដោយផ្នែកដែលនៅសល់នៃទំព័រឧទ្ទិសដល់អក្សរសាស្ត្រ និងចន្លោះពណ៌ស។
ក្ដារលាយពណ៌
ម៉ាក
- Eager Green
#58cc02— ពណ៌បៃតងត្រូវបានប្រើដើម្បីបន្លិចតំណភ្ជាប់ ស្លាក និងឃ្លាខ្លីៗ។ វាមិនគួរត្រូវបានប្រើជាពណ៌ចម្បងសម្រាប់ការអំពាវនាវឱ្យធ្វើសកម្មភាពនោះទេ។ - Storybook Green
#d7ffb8— ចំណុចលេចធ្លោស្រទន់ៗលើផ្ទៃស្រាលៗ សម្លេងផ្ទៃខាងក្រោយស្រទន់ៗនៅពីក្រោយស្លាករុករកនៅក្នុងបាតកថា។
អព្យាក្រឹត
- Spark Blue
#1cb0f6— ពណ៌ខៀវត្រូវបានប្រើដើម្បីបន្លិចតំណភ្ជាប់ ស្លាក និងឃ្លាខ្លីៗ។ វាមិនគួរត្រូវបានប្រើជាពណ៌ចម្បងសម្រាប់ការអំពាវនាវឱ្យធ្វើសកម្មភាពទេ។ - Fresh Leaf
#a5ed6e— ពណ៌បៃតងត្រូវបានប្រើដើម្បីបន្លិចតំណភ្ជាប់ ស្លាក និងឃ្លាខ្លីៗ។ វាមិនគួរត្រូវបានប្រើជាពណ៌ចម្បងសម្រាប់ការអំពាវនាវឱ្យធ្វើសកម្មភាពនោះទេ។ - Night Ink
#000437— តំណភ្ជាប់ ស្លាក និងឃ្លាខ្លីៗដែលបានបន្លិចត្រូវបានបន្លិចជាពណ៌ស្វាយ។ - Paper White
#ffffff— ផ្ទាំងក្រណាត់ទំព័រ ផ្ទៃក្រដាសកាតុង អក្សរប៊ូតុងលើផ្ទៃខាងក្រោយពណ៌បៃតង/ងងឹត។ - Charcoal
#4b4b4b— ចំណងជើង និងអត្ថបទតួវីរបុរស - អក្សរងងឹតជាសកលដែលអនុញ្ញាតឱ្យចំណងជើងពណ៌លេចធ្លោ។ - Pencil Gray
#777777— កថាខណ្ឌសំខាន់ៗនៃអត្ថបទត្រូវបានបន្លិចដោយអក្សរដែលមិនច្បាស់ ហើយអត្ថបទពិពណ៌នាបន្ទាប់បន្សំត្រូវបានដកចេញទៅផ្ទៃខាងក្រោយ ដូច្នេះធាតុពណ៌លេចធ្លោ។
អក្សរសាស្ត្រ
ពី 13 ដល់ 64px · 7 ជំហាន
- feather — ការជំនួស៖ Inter · គ្រោង 700 · ចំណងជើងផ្នែក ដូចជា "ឥតគិតថ្លៃ។ សប្បាយ។ មានប្រសិទ្ធភាព" និង "តេស្តភាសាអង់គ្លេស Duolingo" ត្រូវបានបង្ហាញដោយប្រើពុម្ពអក្សររាងមូលផ្ទាល់ខ្លួន ដែលផ្តល់ឱ្យម៉ាកយីហោនូវរចនាប័ទ្មលេងសើច រួសរាយរាក់ទាក់ និងដូចម៉ាស្កូត។ ជំនួសដោយ "Feather Bold" ឬ "Nunito Black" ក្នុងទម្ងន់សមស្រប។ គម្លាតអក្សរ៖ -0.0200em
- duolingo-sans — ការជំនួស៖ Inter · គ្រោង 500 · កថាខណ្ឌសំខាន់ៗ និងតំណភ្ជាប់រុករកនៅ 17px/500—ពុម្ពអក្សរ sans-serif ធរណីមាត្រដែលនៅតែអាចអានបាន ដែលអនុញ្ញាតឱ្យទម្ងន់បន្ទាត់ 700 បន្លិចចំណុចសំខាន់ៗ។ ជំនួសដោយ 'DIN Next', 'Inter' ឬ 'Nunito Sans'។
- duolingo-sans — ការជំនួស៖ Inter · គ្រោង 700 · តម្លៃទម្ងន់-៧០០ ទាំងអស់ត្រូវបានប្រើ៖ អក្សរធំនៅក្នុងស្លាករុករកគឺ ១៥ ភីចសែល (ls ០.០៥៣០em) ចំណងជើងរងគឺ ១៩ ភីចសែល និង ៣២ ភីចសែល ហើយការសង្កត់ធ្ងន់លើតំណភ្ជាប់គឺ ១៣ ភីចសែល។ ពុម្ពអក្សរដូចគ្នានឹងអត្ថបទសំខាន់ - ភាពខុសគ្នាដែលមើលឃើញគឺស្ថិតនៅក្នុងទម្ងន់ មិនមែនការផ្លាស់ប្តូរពុម្ពអក្សរទេ។ គម្លាតអក្សរ៖ ០.០៥៣០em សម្រាប់អក្សរធំនៅក្នុងស្លាករុករក។
ចន្លោះពេល និងទម្រង់
| គោលបំណង | អត្ថន័យ |
|---|---|
| ដង់ស៊ីតេ | ក្រាស់ |
| ជំហានមូលដ្ឋាន | 12px |
| កាំប៊ូតុង | 12px |
| កាំកាត | 12px |
| ស្រមោល | គ្មានព្រំដែនជំនួសឱ្យស្រមោល |
| រវាងផ្នែកនានា | 80-120px |
| ទទឹងទំព័រ | 1200px |
បញ្ញាសិប្បនិម្មិត (AI) នឹងបង្កើតគេហទំព័ររបស់អ្នកតាមរចនាបថ Duolingo ហើយបំពេញវា
- បំពេញជាមួយផលិតផល និងការបង្ហោះតាមរយៈតំណភ្ជាប់ - Instagram, TikTok, Facebook ។
- ផ្ទេរខ្លឹមសារពីគេហទំព័រចាស់របស់អ្នក—គ្រាន់តែបញ្ជាក់អាសយដ្ឋាន។
- ការរចនាទំនើបលើម៉ាស៊ីនល្អបំផុត៖ React ( Next.js) ជាមួយនឹងការបង្ហាញម៉ាស៊ីនមេ និងការបង្កើនប្រសិទ្ធភាព SEO ភ្លាមៗ។
- ការបង្កើនប្រសិទ្ធភាព SEO ដោយស្វ័យប្រវត្តិយ៉ាងពេញលេញសម្រាប់លទ្ធផលស្វែងរក និងអនុសាសន៍បណ្តាញសរសៃប្រសាទ។
រចនាប័ទ្មស្រដៀងគ្នា
- Family — ការរីករាលដាលពីរឿងនិទាននៅលើក្រដាស់ក្រែម
- Say Briefly — សៀវភៅគំនូរព្រាងសម្រាប់ភ្នាក់ងារច្នៃប្រឌិតលើក្រដាសពណ៌ក្រែម
- Flying Papers — ការសារភាពនៅរូបតុក្កតាព្រឹកថ្ងៃសៅរ៍
- Portrait — ជញ្ជាំងនៃអនុស្សាវរីយ៍ ថតដោយ Polaroid លើក្រដាសពណ៌ក្រែម។ កម្រងរូបភាពភ្លឺពណ៌ក្រែម ដែលទឹកថ្នាំពណ៌ខៀវចាស់បម្រើជាអត្ថបទតែមួយគត់ បន្ទាត់រចនាសម្ព័ន្ធតែមួយគត់ និងពណ៌ស៊ុមតែមួយគត់ — ជាមួយនឹងឥន្ទធនូគូរដោយដៃតែមួយដែលលេចឡើងម្តង នៅលើប៊ូតុង "ចុះឈ្មោះ" និងនៅលើពាក្យដែលសរសេរជាអក្សរទ្រេត "ជារៀងរហូត" ហើយមិនលេចឡើងម្តងទៀតឡើយ។
- Karl — ឌីអូរ៉ាម៉ាបែបសៀវភៅលេចឡើង 3D នៅថ្ងៃដែលមានពន្លឺថ្ងៃ
- Navigate — ស្ទីគ័រមួយឈុតធំដែលភ្ជាប់នឹងក្តារ៖ ពុម្ពអក្សរធំគួរឱ្យស្អប់ខ្ពើម ទាំងអស់ស្ថិតក្នុងទម្រង់ជាថេប្លេត និងរូបតំណាងចម្រុះពណ៌ចំនួនប្រាំ ដែលធ្វើម្តងទៀតដូចជាឡូហ្គោ
- Monte — ពេលព្រឹកនៅលើឆ្នេរសមុទ្រជាមួយនឹងពណ៌ច្រែះ
- MotherDuck — ស្ថានីយត្រូវបានសរសេរកូដដោយខ្មៅដៃពណ៌លើក្រដាសពណ៌ក្រែម
- Wise Design — តូបលក់ដូរពណ៌ណេអុងមួយនៅលើដងផ្លូវសកលមួយ — ផ្លាកសញ្ញាពណ៌បៃតងភ្លឺចែងចាំងពេញទីផ្សារដែលមានមនុស្សច្រើនកុះករ ខណៈពេលដែលនៅពីក្រោយវា ចំណុចប្រទាក់អ្នកប្រើប្រាស់ផលិតផលដ៏ល្អឥតខ្ចោះលេចឡើងដោយសម្ងាត់។
- Hatch — ការរចនាដែលគូរដោយដៃ រចនាប័ទ្ម samizdat លាយជាមួយចានស្ករគ្រាប់ពណ៌ pastel។ ផ្ទាំងក្រណាត់ក្រដាសពណ៌ក្រែម តុបតែងលម្អដោយការសង្កត់សំឡេងជីអង្កាម ចំណុចក្រដាសកាតុង និងការអំពាវនាវឱ្យធ្វើសកម្មភាពរាងដូចថ្នាំគ្រាប់ ដែលពុម្ពអក្សរ serif ធំ និងដិតបង្ហាញពីភាពសប្បាយរីករាយ និងរូប mascot ពណ៌ខៀវព្រិចភ្នែកនៅជ្រុងមួយ។
- Superr — សៀវភៅកត់ត្រាសាលាដ៏កក់ក្តៅមួយក្បាលនៅក្រោមពន្លឺរសៀលស្រទន់។ ទំព័រពណ៌ក្រែមមួយ ប៊ិចពណ៌ទឹកក្រូចគ្មានគម្រប និងស្ទីគ័រឈ្មោះមួយជង់ដែលកំពុងរង់ចាំបកចេញ។
- Mews — មជ្ឈមណ្ឌលគ្រប់គ្រងបដិសណ្ឋារកិច្ចនៅពេលព្រឹកព្រលឹម ពោរពេញដោយពណ៌ផ្កាឈូក។ កន្លែងធ្វើការដែលមានជញ្ជាំងពណ៌ស និងមានពន្លឺថ្ងៃ ជាកន្លែងដែលអក្សរពណ៌ខ្មៅដិត កាតពណ៌ក្រែមក្តៅ និងប៊ូតុងសកម្មភាពពណ៌ផ្កាឈូកក្តៅតែមួយកំណត់អេក្រង់នីមួយៗ — ជាទំនុកចិត្តលេងសើចជាជាងការរឹតបន្តឹងរបស់ក្រុមហ៊ុន។