တယ်လီဂရမ်၊ WhatsApp+380637610482
ဗယ်လီရီ ဒန်ယွတ်ခ်
ဗယ်လီရီ ဒန်ယွတ်ခ်ဆော့ဖ်ဝဲရေးသားသူစီးပွားရေးလုပ်ငန်းများအတွက် AI ကိရိယာများ တီထွင်ခြင်း။ အရည်အသွေးမြင့်။ ဈေးနှုန်းသက်သာ။Telegram သို့ စာရေးရန်
Duolingo — ဤပုံစံဖြင့် ဝဘ်ဆိုက်တစ်ခု၏ အစမ်းကြည့်ရှုခြင်း

Duolingo

အဖြူရောင်စက္ကူပေါ်တွင် ဆော့ကစားတတ်သော အတန်းပိုင် maskot

Duolingo ရဲ့ interface ကို ကလေးရုပ်ပုံစာအုပ်တစ်အုပ်လို ဒီဇိုင်းထုတ်ထားပါတယ်- အဖြူရောင်စက္ကူကင်းဗတ်စ်၊ ဖောင်းကြွပြီး လုံးဝန်းတဲ့ဖောင့်နဲ့ "မှန်ကန်တဲ့အဖြေ" ကို ချက်ချင်းသတိရစေမယ့် တစ်ခုတည်းသော ကြွယ်ဝတဲ့အစိမ်းရောင်အရောင်ပါ။ အဓိကစာသားက နူးညံ့တဲ့ မီးခိုးရောင်အလယ်အလတ်အရောင်ဖြစ်ပြီး အစိမ်းရောင်နဲ့ ၎င်းရဲ့အပြာရောင်ကို စိတ်ခံစားမှုဆိုင်ရာအလုပ်အားလုံးအတွက် လုပ်ဆောင်ပေးပါတယ်- အစိမ်းရောင်က တိုးတက်မှုနဲ့ ခေါင်းစဉ်တွေအတွက်၊ အပြာရောင်က နှိပ်လို့ရတဲ့လင့်ခ်တွေနဲ့ နောက်ထပ်လုပ်ဆောင်ချက်တွေအတွက်ပါ။ အစိတ်အပိုင်းတွေကို ဆေးပြားတွေ ဒါမှမဟုတ် ထူထဲတဲ့၊ လုံးဝန်းတဲ့ထောင့်တွေလို ပုံသဏ္ဍာန်ရှိပြီး ထူထဲတဲ့အနက်ရောင် ဒါမှမဟုတ် အရောင်ဘောင်တွေနဲ့ ခလုတ်တစ်ခုစီကို ပြားချပ်ချပ် UI ထိန်းချုပ်ကိရိယာထက် စာမျက်နှာမှာကပ်ထားတဲ့ စတစ်ကာတစ်ခုလို ခံစားရစေပါတယ်။

အပိုင်းများသည် စာမျက်နှာ၏ အကျယ်အဝန်းအပြည့်ကို နေရာယူထားပြီး ကော်လံတစ်ခုတည်းတွင် ဒေါင်လိုက်စီထားပြီး တစ်ခုချင်းစီ၏ အမြင့်မှာ ၈၀၀ pixels ခန့်ရှိသည်။ အများဆုံး အကြောင်းအရာအကျယ်မှာ အလယ်ဗဟိုတွင် ၁ pixel ခန့်ရှိသည်။ ဘယ်ဘက်တွင် စာသားနှင့် ညာဘက်တွင် သရုပ်ဖော်ပုံများသည် တစ်လှည့်စီဖြစ်ပြီး ဒေါင်လိုက်နေရာလွတ်များစွာကို ပေးစွမ်းသည် (အပိုင်းများအကြားတွင် ၈၀ pixels)။ grid ကတ်များ သို့မဟုတ် multi-column အပြင်အဆင်များ မရှိပါ။ အပိုင်းတစ်ခုစီသည် တစ်ခုတည်းသော သရုပ်ဖော်ပုံနှင့် တွဲဖက်ထားသော စာသားဘလောက်တစ်ခု ဖြစ်သည်။ Navigation သည် လိုဂိုနှင့် ဘာသာစကားရွေးချယ်မှုပါရှိသော minimalist top bar တစ်ခုဖြစ်ပြီး အပိုင်းများအကြားတွင် fixed bar အဖြစ် ပေါ်လာသည်။ footer သည် စာမျက်နှာ၏ အကျယ်တစ်ခုလုံးကို ဖုံးလွှမ်းထားသော အစိမ်းရောင်အစင်းတစ်ခုဖြစ်သည်။ စည်းချက်သည် အယ်ဒီတာ့အာဘော်ဖြစ်သည်- ခေါင်းစဉ်၊ စာပိုဒ်၊ လုပ်ဆောင်ချက်တောင်းဆိုမှု၊ သရုပ်ဖော်ပုံ၊ ထပ်ခါတလဲလဲပြုလုပ်ခြင်း။

စာအုပ်၏ သရုပ်ဖော်ပုံတွင် ပြားချပ်ချပ်၊ နှစ်ဖက်မြင် maskot ဇာတ်ကောင်များ (ဇီးကွက်နှင့် လူပုံသဏ္ဌာန်အမျိုးမျိုး) ပါဝင်ပြီး လုံးဝိုင်းသော ဂျီဩမေတြီပုံသဏ္ဌာန်များ၊ ရဲရင့်သော အနက်ရောင်မျဉ်းကြောင်းများနှင့် interface တွင် ဘယ်သောအခါမှ မပေါ်သော ပန်းရောင်၊ ခရမ်းရောင်၊ အဝါရောင်၊ လိမ္မော်ရောင်နှင့် အပြာရောင်တို့၏ ဖြည့်စွက်အရောင်များ ပါဝင်သည်။ သရုပ်ဖော်ပုံများကို အပိုင်းတစ်ခုစီ၏ ညာဘက်ခြမ်းရှိ စာသားဘေးတွင် ကွန်တိန်နာများ သို့မဟုတ် နောက်ခံများမပါဘဲ သန့်စင်သော အဖြူရောင်နောက်ခံဖြင့် ထားရှိသည်။ ဓာတ်ပုံများ မပါရှိပါ - ဇာတ်ကောင်များကို အမြင်အာရုံဆိုင်ရာ အကြောင်းအရာအဖြစ် အသုံးပြုသည်။ iconography သည် maskot များ၏ ပုံစံနှင့်အညီ ထူထဲသော မျဉ်းကြောင်းများကို အသုံးပြုသည်။ ရုပ်ပုံသိပ်သည်းဆမှာ အသင့်အတင့်ဖြစ်သည်- အပိုင်းတစ်ခုစီတွင် ဇာတ်ကောင်၏ ကြီးမားသော သရုပ်ဖော်ပုံတစ်ခု ပါဝင်ပြီး စာမျက်နှာ၏ ကျန်အပိုင်းတွင် စာလုံးပုံစံနှင့် အဖြူရောင်နေရာလွတ်ကို ရည်စူးထားသည်။

ရောင်စုံ

အမှတ်တံဆိပ်

  • Eager Green #58cc02 — လင့်ခ်များ၊ တဂ်များနှင့် အတိုကောက်စကားစုများကို မီးမောင်းထိုးပြရန်အတွက် အစိမ်းရောင်ကို အသုံးပြုသည်။ ၎င်းကို လုပ်ဆောင်ချက်တောင်းဆိုမှုများအတွက် အဓိကအရောင်အဖြစ် အသုံးမပြုသင့်ပါ။
  • Storybook Green #d7ffb8 — မျက်နှာပြင်ဖျော့ဖျော့များတွင် နူးညံ့သော အသားပေးဖော်ပြချက်များ၊ အောက်ခြေရှိ လမ်းညွှန်အညွှန်းများနောက်ကွယ်တွင် သိမ်မွေ့သောနောက်ခံအရောင်များ။

ကြားနေ

  • Spark Blue #1cb0f6 — အပြာရောင်ကို လင့်ခ်များ၊ တဂ်များနှင့် အတိုကောက်စကားစုများကို မီးမောင်းထိုးပြရန် အသုံးပြုသည်။ ၎င်းကို လုပ်ဆောင်ချက်တောင်းဆိုမှုများအတွက် အဓိကအရောင်အဖြစ် အသုံးမပြုသင့်ပါ။
  • Fresh Leaf #a5ed6e — လင့်ခ်များ၊ တဂ်များနှင့် အတိုကောက်စကားစုများကို မီးမောင်းထိုးပြရန်အတွက် အစိမ်းရောင်ကို အသုံးပြုသည်။ ၎င်းကို လုပ်ဆောင်ချက်တောင်းဆိုမှုများအတွက် အဓိကအရောင်အဖြစ် အသုံးမပြုသင့်ပါ။
  • Night Ink #000437 — လင့်ခ်များ၊ တဂ်များနှင့် တိုတောင်းသော မီးမောင်းထိုးပြထားသော စကားစုများကို ခရမ်းရောင်ဖြင့် မီးမောင်းထိုးပြထားသည်။
  • Paper White #ffffff — စာမျက်နှာကင်းဗတ်၊ ကတ်ထူပြားမျက်နှာပြင်များ၊ အစိမ်းရောင်/မှောင်သောနောက်ခံပေါ်တွင် ခလုတ်စာသား။
  • Charcoal #4b4b4b — Hero Headers နှင့် Body Text - အရောင်ခေါင်းစဉ်များကို ထင်ရှားစေသည့် Universal dark text။
  • Pencil Gray #777777 — စာသားရဲ့ အဓိကစာပိုဒ်တွေကို မမြင်သာတဲ့ စာလုံးတွေနဲ့ မီးမောင်းထိုးပြထားပြီး၊ အရောင်ခြယ်ထားတဲ့ အစိတ်အပိုင်းတွေကို ရှေ့တန်းရောက်အောင် ဒုတိယဖော်ပြချက်စာသားကို နောက်ခံထဲ ရွှေ့ထားပါတယ်။

စာလုံးပုံစံ

၁၃ မှ ၆၄px အထိ · အဆင့် ၇ ဆင့်

  • feather — အစားထိုးခြင်း: Inter · မျဉ်းကြောင်းများ 700 · "အခမဲ့။ ပျော်စရာ။ ထိရောက်မှု" နှင့် "Duolingo English Test" ကဲ့သို့သော အပိုင်းခေါင်းစဉ်များကို စိတ်ကြိုက်ဝိုင်းစက်သောဖောင့်ကို အသုံးပြု၍ ပြသထားပြီး အမှတ်တံဆိပ်အား ဆော့ကစားတတ်သော၊ ဖော်ရွေသော၊ maskot ကဲ့သို့သော ပုံစံဖြင့် ပေးပါသည်။ သင့်လျော်သော အလေးချိန်ဖြင့် "Feather Bold" သို့မဟုတ် "Nunito Black" ဖြင့် အစားထိုးပါ။ စာလုံးအကွာအဝေး: -0.0200em
  • duolingo-sans — အစားထိုးခြင်း: Inter · မျဉ်းကြောင်းများ 500 · 17px/500 မှာ အဓိကစာပိုဒ်တွေနဲ့ လမ်းညွှန်လင့်ခ်တွေကို ရေးပါ။ ဖတ်ရလွယ်ကူအောင် ရေးဆွဲထားတဲ့ ဂျီဩမေတြီ sans-serif ဖောင့်တစ်ခုဖြစ်ပြီး 700 လိုင်းအလေးချိန်က အရေးကြီးတဲ့အချက်တွေကို မီးမောင်းထိုးပြနိုင်ပါတယ်။ 'DIN Next'၊ 'Inter' ဒါမှမဟုတ် 'Nunito Sans' နဲ့ အစားထိုးပါ။
  • duolingo-sans — အစားထိုးခြင်း: Inter · မျဉ်းကြောင်းများ 700 · weight-700 တန်ဖိုးအားလုံးကို အသုံးပြုထားသည်- navigation label များရှိ စာလုံးကြီးများသည် 15px (ls 0.0530em)၊ subheadings များသည် 19px နှင့် 32px နှင့် link emphasis သည် 13px ဖြစ်သည်။ အဓိကစာသားနှင့် ဖောင့်တူညီသည်—အမြင်အာရုံကွာခြားချက်မှာ ဖောင့်ပြောင်းလဲမှုမဟုတ်ဘဲ အလေးချိန်တွင်ဖြစ်သည်။ စာလုံးအကွာအဝေး- navigation label များရှိ စာလုံးကြီးများအတွက် 0.0530em။

ကြားကာလများနှင့်ပုံစံ

ရည်ရွယ်ချက်အဓိပ္ပာယ်
သိပ်သည်းဆသိပ်သည်းသော
အခြေခံအဆင့်12px
ခလုတ်အချင်းဝက်12px
ကတ်အချင်းဝက်12px
အရိပ်များအရိပ်များအစား ဘောင်မရှိပါ
အပိုင်းများအကြား80-120px
စာမျက်နှာအကျယ်1200px

AI က သင့်ဝက်ဘ်ဆိုက်ကို Duolingo ပုံစံနဲ့ တည်ဆောက်ပြီး ဖြည့်စွက်ပေးပါလိမ့်မယ်

  • Instagram ၊ TikTok ၊ Facebook လင့်ခ်မှတစ်ဆင့် ထုတ်ကုန်များနှင့် ပို့စ်များကို ဖြည့်ပါ။
  • သင့်ဆိုက်ဟောင်းမှ အကြောင်းအရာကို လွှဲပြောင်းပါ—လိပ်စာကို သတ်မှတ်ပါ။
  • အကောင်းဆုံးအင်ဂျင်ပေါ်တွင် ခေတ်မီဒီဇိုင်း- server rendering နှင့် SEO optimization ပါဝင်သော React ( Next.js)။
  • ရှာဖွေမှုရလဒ်များနှင့် neural network အကြံပြုချက်များအတွက် အပြည့်အဝ အလိုအလျောက် SEO အကောင်းဆုံးဖြစ်အောင်ပြုလုပ်ခြင်း။

အလားတူပုံစံများ

  • Family — ခရင်မ်စက္ကူပေါ်တွင် နတ်သမီးပုံပြင်မှ ပျံ့နှံ့နေသော စာရွက်တစ်ရွက်
  • Say Briefly — ခရင်မ်စက္ကူပေါ်တွင် ဖန်တီးမှုအေဂျင်စီ၏ ပုံဆွဲစာအုပ်
  • Flying Papers — စနေနေ့မနက် ကာတွန်းမှာ ဝန်ခံချက်
  • Portrait — ခရင်မ်ရောင်စက္ကူပေါ်တွင် ပိုလာရွိုက်ဖြင့် ရိုက်ကူးထားသော အမှတ်တရများ၏ နံရံတစ်ခု။ အပြာရောင်မင်သည် တစ်ခုတည်းသော စာသား၊ တစ်ခုတည်းသော ဖွဲ့စည်းပုံမျဉ်းကြောင်းများနှင့် တစ်ခုတည်းသော ဘောင်အရောင်အဖြစ် အသုံးပြုထားသော တောက်ပသော ခရင်မ်ရောင် စပေါ့တ်စာအုပ်တစ်အုပ်ဖြစ်ပြီး လက်ဖြင့်ရေးဆွဲထားသော သက်တံတစ်ခုတည်းသည် "မှတ်ပုံတင်ရန်" ခလုတ်နှင့် စာလုံးစောင်းထားသော "ထာဝရ" တွင် တစ်ကြိမ်ပေါ်လာပြီး နောက်တစ်ကြိမ် ဘယ်တော့မှ မပေါ်လာတော့ပါ။
  • Karl — နေသာသောနေ့တွင် 3D ပေါ့ပ်အပ်စာအုပ်ပုံစံ ဒိုင်ယိုရာမာတစ်ခု
  • Navigate — ဘုတ်တစ်ခုတွင် ကပ်ထားသော စတစ်ကာအစုံကြီးတစ်ခု- တက်ဘလက်ပုံစံ ကြီးမားသော စာလုံးကြီးများနှင့် လိုဂိုကဲ့သို့ ထပ်ခါတလဲလဲ ရေးထားသော ရောင်စုံအိုင်ကွန် ငါးခု
  • Monte — သံချေးတက်နေတဲ့ ကမ်းခြေရဲ့ မနက်ခင်းလေး
  • MotherDuck — ခရင်မ်စက္ကူပေါ်တွင် ရောင်စုံခဲတံများဖြင့် တာမီနယ်ကုဒ်ရေးထားသည်
  • Wise Design — ကမ္ဘာလုံးဆိုင်ရာ လမ်းမပေါ်ရှိ နီယွန်ဈေးဆိုင်တစ်ဆိုင်—လူစည်ကားသော ဈေးတွင် အော်ဟစ်နေသော တောက်ပသော အစိမ်းရောင် ဆိုင်းဘုတ်တစ်ခု—နောက်ကွယ်တွင် ချောမွေ့သော ထုတ်ကုန် အသုံးပြုသူ မျက်နှာပြင်တစ်ခု—မသိမသာ ပေါ်လာသည်။
  • Hatch — လက်ဖြင့်ရေးဆွဲထားသော samizdat ပုံစံဒီဇိုင်း၊ pastel candy bowls များနှင့် ရောနှောထားသည်။ ပူစီနံအရောင်များ၊ confetti dots များနှင့် ဆေးပြားပုံသဏ္ဍာန် လှုံ့ဆော်မှုများဖြင့် အလှဆင်ထားသော creamy စက္ကူကင်းဗတ်တွင် ကြီးမားသော၊ ရဲရင့်သော serif ဖောင့်သည် ပျော်ရွှင်မှုကို ညွှန်ပြပြီး ထောင့်တွင် အပြာရောင် mascot သည် မျက်စိတစ်ဖက်မှိတ်ပြနေသည်။
  • Superr — နေ့လည်ခင်းနေရောင်ဖျော့ဖျော့အောက်က နွေးထွေးတဲ့ ကျောင်းသုံးမှတ်စုစာအုပ်တစ်အုပ်။ ခရင်မ်ရောင်စာမျက်နှာ၊ အဖုံးမပါသော လိမ္မော်ရောင်မာကာနှင့် ခွာရန်စောင့်ဆိုင်းနေသော ကော်ဖြင့်ပြုလုပ်ထားသော အမည်စတစ်ကာတစ်ထပ်။
  • Mews — မနက်ခင်းတွင် ပန်းရောင်ဖြင့် ရွှဲနစ်နေသော ဧည့်ဝတ်ကျေပွန်မှု ထိန်းချုပ်ရေးစင်တာ။ အဖြူရောင်နံရံဖြင့် အလင်းရောင်ရသော အလုပ်ခွင်တွင် ရဲရင့်သော အနက်ရောင်စာလုံး၊ နွေးထွေးသော ခရင်မ်ကတ်များနှင့် ပန်းရောင်ဖျော့ဖျော့ လုပ်ဆောင်ချက်ခလုတ်တစ်ခုစီသည် မျက်နှာပြင်တစ်ခုစီကို ပုံဖော်ထားသည် - ကော်ပိုရိတ်ထိန်းချုပ်မှုထက် ပျော်ရွှင်ဖွယ်ကောင်းသော ယုံကြည်မှုတစ်ခု။