Flying Papers
စနေနေ့မနက် ကာတွန်းမှာ ဝန်ခံချက်
Flying Papers ဟာ စနေနေ့မနက်ခင်း ကာတွန်းတစ်ခုလို အလုပ်လုပ်ပါတယ်- ပြားချပ်ချပ်၊ မှိန်ဖျော့ဖျော့ ခရမ်းရောင်မြင်ကွင်း၊ ပြည့်ဝတဲ့၊ confetti လိုမျိုး အရောင်အနည်းငယ်နဲ့ ကြည့်ရှုနိုင်တဲ့ အရွယ်အစားကြီးမားလွန်းတဲ့ စာလုံးပုံစံက မြင်ကွင်းဧရိယာကို စားသုံးထားပါတယ်။ အမှတ်တံဆိပ်က ကျယ်လောင်ပြီး ရဲရင့်ပြီး အလျှော့မပေးပါဘူး - အာရုံစိုက်မှုကို မတောင်းဆိုပေမယ့် ဆွဲဆောင်ပါတယ်။ မျက်နှာပြင်တစ်ခုစီဟာ ရဲရင့်တဲ့ ပိုစတာတစ်ခုတည်းလို ခံစားရအောင် ရည်ရွယ်ထားပါတယ်- ခေါင်းစဉ်ကြီးတစ်ခု၊ ဇာတ်ကောင်ပုံတစ်ခု၊ စာသားထဲက လုပ်ဆောင်ချက်တစ်ခုနဲ့ အဖြူရောင်နေရာလွတ်တွေ အများကြီးပါ။ frame တွေက အလုပ်အများစုကို လုပ်ဆောင်ပြီး အရိပ်တွေကို အစားထိုးပါတယ်၊ အရောင်ကို data အဖြစ်မဟုတ်ဘဲ ဆေးအဖြစ် အသုံးပြုပါတယ်။ မျက်နှာပြင်တွေက ပြားချပ်နေပြီး အနားသတ်တွေကို 6px မှာ ထက်မြက်နေအောင် ထိန်းသိမ်းထားပြီး၊ စနစ်မှာ တစ်ခုတည်းသော နူးညံ့တဲ့နေရာက exit button မှာရှိတဲ့ 100px ဆေးပြားပါ။
အများဆုံးအကျယ်ကန့်သတ်ချက်မရှိသော မျက်နှာပြင်အပြည့်ပိုစတာအပြင်အဆင်များ။ မျက်နှာပြင်တစ်ခုစီသည် viewport အရွယ်အစားရှိသော တစ်ခုတည်းသောဖွဲ့စည်းပုံဖြစ်သည်- အလယ်ဗဟို သို့မဟုတ် ဘယ်ဘက်သို့ချိန်ညှိထားသော ObviouslyVariable ခေါင်းစဉ်ကြီးတစ်ခု၊ စာသားကိုထပ်နေသော mascot ရုပ်ပုံတစ်ခုတည်းနှင့် အောက်တွင် inline action ငယ်တစ်ခု။ အပိုင်းများသည် အရောင်ဖျော့ဖျော့နှင့် အရောင်ရင့်များအကြား တစ်လှည့်စီမပြောင်းလဲပါ - စာမျက်နှာတစ်ခုလုံးကို Twilight Purple ပတ္တူပေါ်တွင် ခင်းကျင်းထားပြီး အရောင်စုံကတ်များဖြင့် ထိပ်တွင်ထားသည်။ Navigation သည် မီနူးဘားမပါဘဲ အလယ်ဗဟိုရှိ လိုဂိုတစ်ခုတည်းဖြစ်သည်။ ကတ်များကို ကော်လံ ၂-၃ ခုပါ အပြင်အဆင်ဖြင့် ကျယ်ဝန်းသော gutters များဖြင့် စီစဉ်ထားသည်။ ကတ်အရွယ်အစားများကို တစ်ပြေးညီဖြစ်မည့်အစား အကြောင်းအရာဖြင့် ဆုံးဖြတ်သည်။ သိပ်သည်းဆသည် အလွန်အမင်းဖြစ်သည်- မျက်နှာပြင်တစ်ခုလျှင် အကြံဥာဏ်တစ်ခု၊ ခရမ်းရောင် အသက်ရှူနေရာဖြင့် ဝန်းရံထားသည်။
သရုပ်ဖော်ပုံများသာ—ဓာတ်ပုံများ၊ 3D render များ သို့မဟုတ် abstract gradient များ မပါဝင်ပါ။ အမြင်အာရုံဘာသာစကားသည် လက်ဖြင့်ရေးဆွဲထားသော ကာတွန်းပုံစံဖြစ်ပြီး ထူထဲသော အနက်ရောင်မျဉ်းကြောင်းများ (2–3px)၊ အရောင် 2–3 ရောင်ဖြင့် flat fills များ နှင့် shading များ မပါဝင်ပါ။ ဇာတ်ကောင်များသည် စာလုံးပုံစံနှင့် အပြန်အလှန် ဆက်ဆံသော maskot များဖြစ်သည် (ချောင်းကြည့်ခြင်း၊ ကိုယ်ကိုင်းခြင်း သို့မဟုတ် စာလုံးပေါ်တွင် ရပ်ခြင်း)။ အိုင်ကွန်များကို အနက်ရောင် (သန့်စင်သော) သို့မဟုတ် အဖြူရောင် (အရိုး) မျဉ်းများဖြင့် ရေးဆွဲထားပြီး မျဉ်းအကျယ် 1.5–2px ရှိသည်။ ရုပ်ပုံများသည် အဓိကအားဖြင့် အလှဆင်ထားသော ပတ်ဝန်းကျင်ကို ဖန်တီးပေးပြီး ရှင်းပြခြင်း မပြုပါ—စာလုံးပုံစံသည် መልእክትကို ဖော်ပြပြီး ဇာတ်ကောင်သည် စိတ်ခံစားချက်ကို ဖော်ပြပေးသည်။
ရောင်စုံ
အမှတ်တံဆိပ်
- Dusk Violet
#8584bd— အဓိကကင်းဗတ်နှင့် အဓိကနောက်ခံသည် အခြားအရောင်အားလုံး ပေါ်လာသည့် အဆင့်ဖြစ်သည်။ - Hi-Vis Yellow
#f4ed36— အဝါရောင်ကို action outline များ၊ link label များနှင့် interactive element များကို မီးမောင်းထိုးပြရန် အသုံးပြုသည်။ ၎င်းကို calls to action အတွက် အဓိကအရောင်အဖြစ် အသုံးမပြုသင့်ပါ။ - Buttery Yellow
#f9cc73— မျက်နှာပြင်ပေါ်ရှိ စာသားအပိုများနှင့် ပိုပျော့ပျောင်းသော ဘောင်များသည် ရောင်ပြန်ဟပ်သောအရောင် အလွန်အကျွံဖြစ်နိုင်သည့် အခြေအနေများအတွက် ပိုမိုသိမ်မွေ့သော ရောင်ပြန်ဟပ်သည့်ပုံစံကို ပေးစွမ်းပါသည်။ - Lilac Shadow
#61609a— ကတ်နှင့် ဘလောက်နောက်ခံများသည် ခရမ်းရောင်စင်မြင့်ပေါ်ရှိ အထပ်ထပ်မျက်နှာပြင်များအတွက် ပိုနက်ရှိုင်းသော ခရမ်းရောင်ဖြစ်သည်။
ကြားနေ
- Bubblegum Pink
#f8c1ba— အလှဆင်ဘောင်များနှင့် ကွန်ဖက်တီအလှဆင်မှုများကို အရောင်တောက်ပြောင်စေရန်အတွက် အသင့်အတင့်အသုံးပြုသည့် နွေးထွေးသောပန်းရောင်ဖြစ်သည်။ - Matcha Cream
#b5c995— အလှဆင်ဘောင်များနှင့် ကွန်ဖက်တီအလှဆင်မှုများသည် ကတ်၏ ဇာတ်ပို့ဇာတ်ကောင်များအတွက် ဖုန်ထူသောအစိမ်းရောင်ကို ပေးစွမ်းသည်။ - Magenta Punch
#ac4f98— ထင်ရှားသောကတ်များအတွက် အပိုမျက်နှာပြင် - စင်မြင့်ထက် ပိုကျယ်သင့်သည့် အာနိသင်ဘလောက်များအတွက် ဒီဇိုင်းထုတ်ထားသည်။ - Firecracker Red
#c94245— နောက်ခံ၊ အလှဆင်အစင်းများနှင့် အကြောင်းအရာနောက်ကွယ်ရှိ နူးညံ့သော အပြင်အဆင်ကို မီးမောင်းထိုးပြရန် အနီရောင်ဖြည့်ပါ။ - Bone White
#f9f5f2— မျက်နှာပြင်အရောင်ဖျော့ဖျော့များပေါ်ရှိ ပါးလွှာသောဘောင်များ၊ ပိုင်းခြားထားသောအပိုင်းများ၊ ထည့်သွင်းသည့်အကွက်မျဉ်းများနှင့် ကတ်အနားများ။ ဤအရောင်ကို call-to-action ခလုတ်များအတွက် အဓိကအရောင်အဖြစ် အသုံးမပြုပါနှင့်။ - Ink Black
#1a1a1a— အဓိကစာသား၊ အဓိကဘောင်များနှင့် ခလုတ်များ၏ အပြင်အဆင်များသည် ခရင်မ်မျက်နှာပြင်များပေါ်တွင် စာလုံးပုံစံအလုပ်များအတွက် အသုံးပြုသည့် အနက်ရောင်နီးပါးဖြစ်သည်။
စာလုံးပုံစံ
၁၀ မှ ၃၄၁px အထိ · အဆင့် ၈ ဆင့်
- ObviouslyVariable — အစားထိုးခြင်း: Founders Grotesk Condensed · မျဉ်းကြောင်းများ 800, 900 · ခေါင်းစဉ်များနှင့် ပုံနှိပ်စာလုံးကြီးများအတွက် ဤဖောင့်မိသားစုသည် ဤစနစ်အတွက် လုံလောက်သော အသံကျယ်သော တစ်ခုတည်းသော ဖောင့်ဖြစ်သည်။ အရွယ်အစားများသည် ကိုယ်ထည်စာသားအတွက် 18px မှ ပိုစတာပြသမှုအတွက် 341px အထိ ရှိသည်။ 0.80–1.00 ၏ ကျဉ်းမြောင်းသော လိုင်းအကွာအဝေးသည် လိုင်းများစွာပါ ခေါင်းစဉ်များကို အရောင်များ၏ အစိုင်အခဲဘလောက်များအဖြစ် ပြသနိုင်စေပါသည်။ Calt လုပ်ဆောင်ချက်ကို ပိတ်ထားသောကြောင့် ကျယ်ပြန့်သော ဂျီဩမေတြီပုံသဏ္ဌာန်များသည် အလှဆင်မထားပါ။ အခြားရွေးချယ်စရာများ- Founders Grotesk Condensed၊ Knockout သို့မဟုတ် Druk Wide။
- DegularVariable — အစားထိုးခြင်း: Inter · မျဉ်းကြောင်းများ 400 · အလွန်သေးငယ်သော UI စာသား—navigation၊ footer microcopy နှင့် 10px တွင် inline label များ။ body text နှင့် ချောမွေ့စွာ ရောနှောနေသော ကြားနေ၊ စွယ်စုံရ ဖောင့်။ အစားထိုးများ- Inter၊ IBM Plex Sans။
- bergen_monoregular — အစားထိုးခြင်း: JetBrains Mono · မျဉ်းကြောင်းများ 400, 600 · လမ်းညွှန်၊ တဂ်များနှင့် သေးငယ်သောဒေတာတံဆိပ်များအတွက် monospaced microfont သည် လုံးဝန်းသောမျက်နှာပြင်ပေါ်တွင် စာရိုက်စက်၏စည်းချက်ကို ဖန်တီးပေးသည်။ monospaced ဖောင့်ရှိ 0.80 လိုင်းအကွာအဝေးသည် ထူးခြားသောအင်္ဂါရပ်တစ်ခုဖြစ်သည်- တင်းကျပ်စွာချထားသော monospaced ဖောင့်သည် ပြေစာတစ်ခုကဲ့သို့ ခံစားရစေသည်။ အခြားရွေးချယ်စရာများ- JetBrains Mono၊ IBM Plex Mono။
ကြားကာလများနှင့်ပုံစံ
| ရည်ရွယ်ချက် | အဓိပ္ပာယ် |
|---|---|
| သိပ်သည်းဆ | သိပ်သည်းသော |
| အခြေခံအဆင့် | 17px |
| ခလုတ်အချင်းဝက် | 100px |
| ကတ်အချင်းဝက် | 6px |
| အရိပ်များ | အရိပ်များအစား ဘောင်မရှိပါ |
| အပိုင်းများအကြား | 40px |
AI က သင့်ဝက်ဘ်ဆိုက်ကို Flying Papers ပုံစံနဲ့ တည်ဆောက်ပြီး ဖြည့်စွက်ပေးပါလိမ့်မယ်
- Instagram ၊ TikTok ၊ Facebook လင့်ခ်မှတစ်ဆင့် ထုတ်ကုန်များနှင့် ပို့စ်များကို ဖြည့်ပါ။
- သင့်ဆိုက်ဟောင်းမှ အကြောင်းအရာကို လွှဲပြောင်းပါ—လိပ်စာကို သတ်မှတ်ပါ။
- အကောင်းဆုံးအင်ဂျင်ပေါ်တွင် ခေတ်မီဒီဇိုင်း- server rendering နှင့် SEO optimization ပါဝင်သော React ( Next.js)။
- ရှာဖွေမှုရလဒ်များနှင့် neural network အကြံပြုချက်များအတွက် အပြည့်အဝ အလိုအလျောက် SEO အကောင်းဆုံးဖြစ်အောင်ပြုလုပ်ခြင်း။
အလားတူပုံစံများ
- Navigate — ဘုတ်တစ်ခုတွင် ကပ်ထားသော စတစ်ကာအစုံကြီးတစ်ခု- တက်ဘလက်ပုံစံ ကြီးမားသော စာလုံးကြီးများနှင့် လိုဂိုကဲ့သို့ ထပ်ခါတလဲလဲ ရေးထားသော ရောင်စုံအိုင်ကွန် ငါးခု
- Hatch — လက်ဖြင့်ရေးဆွဲထားသော samizdat ပုံစံဒီဇိုင်း၊ pastel candy bowls များနှင့် ရောနှောထားသည်။ ပူစီနံအရောင်များ၊ confetti dots များနှင့် ဆေးပြားပုံသဏ္ဍာန် လှုံ့ဆော်မှုများဖြင့် အလှဆင်ထားသော creamy စက္ကူကင်းဗတ်တွင် ကြီးမားသော၊ ရဲရင့်သော serif ဖောင့်သည် ပျော်ရွှင်မှုကို ညွှန်ပြပြီး ထောင့်တွင် အပြာရောင် mascot သည် မျက်စိတစ်ဖက်မှိတ်ပြနေသည်။
- Wonder — နီယွန်ခရမ်းရောင် အမိန့်ပေးစင်တာသည် လေဆာ-ခရမ်းရောင် အလင်းရင်းမြစ်တစ်ခုတည်းဖြင့် ထိုးဖောက်ထားသော နက်ရှိုင်းသော ခရမ်းရောင်အမှောင်ထုတစ်ခုဖြစ်သည်။
- Duolingo — အဖြူရောင်စက္ကူပေါ်တွင် ဆော့ကစားတတ်သော အတန်းပိုင် maskot
- Family — ခရင်မ်စက္ကူပေါ်တွင် နတ်သမီးပုံပြင်မှ ပျံ့နှံ့နေသော စာရွက်တစ်ရွက်
- Visitors — အဖြူရောင်အင်ဂျင်နီယာပုံ
- Say Briefly — ခရင်မ်စက္ကူပေါ်တွင် ဖန်တီးမှုအေဂျင်စီ၏ ပုံဆွဲစာအုပ်
- Superpower — ဇီဝအလင်းပြန်ကျန်းမာရေးစီမံခန့်ခွဲမှုစင်တာ
- Dopper — နေရောင်အောက်က ကြည်လင်တဲ့ အပြာရောင် ရေစီးကြောင်းနဲ့အတူ ခရင်မ်ရောင်သန်းနေတဲ့ ရေကန်တစ်ခု။ နွေးထွေးပြီး အညိုရောင်သန်းနေတဲ့ ကျယ်ပြန့်တဲ့ နေရာတစ်ခု၊ တစ်ခုတည်းသော တောက်ပတဲ့ အပြာရောင် ရေလမ်းကြောင်းနဲ့ ကြည်လင်တဲ့ သကြားလုံးလို ကတ်တွေက ရေပေါ်မှာ နေရောင်ခြည်လို နေရာကို ဖြတ်သွားသလိုပါပဲ။
- Dock — နေရောင်အောက်ခံ ခရင်မ်စက္ကူ၊ ကိုဘော့လ်ပဲလ်စ်
- Portrait — ခရင်မ်ရောင်စက္ကူပေါ်တွင် ပိုလာရွိုက်ဖြင့် ရိုက်ကူးထားသော အမှတ်တရများ၏ နံရံတစ်ခု။ အပြာရောင်မင်သည် တစ်ခုတည်းသော စာသား၊ တစ်ခုတည်းသော ဖွဲ့စည်းပုံမျဉ်းကြောင်းများနှင့် တစ်ခုတည်းသော ဘောင်အရောင်အဖြစ် အသုံးပြုထားသော တောက်ပသော ခရင်မ်ရောင် စပေါ့တ်စာအုပ်တစ်အုပ်ဖြစ်ပြီး လက်ဖြင့်ရေးဆွဲထားသော သက်တံတစ်ခုတည်းသည် "မှတ်ပုံတင်ရန်" ခလုတ်နှင့် စာလုံးစောင်းထားသော "ထာဝရ" တွင် တစ်ကြိမ်ပေါ်လာပြီး နောက်တစ်ကြိမ် ဘယ်တော့မှ မပေါ်လာတော့ပါ။
- Quizlet — စာသင်ခန်းကို အဖြူရောင်နောက်ခံတွင် အရောင်အမျိုးမျိုးဖြင့် အလှဆင်ထားသည် - တိတ်ဆိတ်ငြိမ်သက်သော စားပွဲတစ်လုံး၊ နောက်ကွယ်တွင် အေးမြသော မီးခိုးရောင်နံရံများနှင့် မဲနယ်ရောင်မာကာဖြင့် ရေးထားသော တစ်ခုတည်းသော အမှတ်အသားတို့ဖြင့် ပါစတယ်ကတ်လေးကတ်ကို မြင်ရသည်။