តេឡេក្រាម, WhatsApp+380637610482
វ៉ាលេរី ដានីយុក
វ៉ាលេរី ដានីយុកអ្នកអភិវឌ្ឍន៍ការអភិវឌ្ឍឧបករណ៍ AI សម្រាប់អាជីវកម្ម។ គុណភាពខ្ពស់។ តម្លៃសមរម្យ។សរសេរទៅ Telegram
Duolingo — ការមើលជាមុននៃគេហទំព័រក្នុងរចនាប័ទ្មនេះ

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 — មជ្ឈមណ្ឌលគ្រប់គ្រងបដិសណ្ឋារកិច្ចនៅពេលព្រឹកព្រលឹម ពោរពេញដោយពណ៌ផ្កាឈូក។ កន្លែងធ្វើការដែលមានជញ្ជាំងពណ៌ស និងមានពន្លឺថ្ងៃ ជាកន្លែងដែលអក្សរពណ៌ខ្មៅដិត កាតពណ៌ក្រែមក្តៅ និងប៊ូតុងសកម្មភាពពណ៌ផ្កាឈូកក្តៅតែមួយកំណត់អេក្រង់នីមួយៗ — ជាទំនុកចិត្តលេងសើចជាជាងការរឹតបន្តឹងរបស់ក្រុមហ៊ុន។