LUNCH
နွေးထွေးသော စက္ကူပေါ်တွင် ကတ္တီပါစင်မြင့်
LUNCH CONCEPT သည် ဝဘ်သို့ ဘာသာပြန်ဆိုထားသော ပုံနှိပ်ဖက်ရှင်အယ်ဒီတာ့အာဘော်တစ်ခုကဲ့သို့ ဖတ်ရှုနိုင်သည်- မှောင်မိုက်သော၊ စာမျက်နှာအပြည့်ပါ အဓိကဓာတ်ပုံအစိတ်အပိုင်းတစ်ခု၊ အမှတ်တံဆိပ်လိုဂိုကို ခရုမ်းအသားပေးများဖြင့် ချဲ့ထွင်ထားသော 3D စာသားအဖြစ် ပြသထားပြီး၊ ထို့နောက် နွေးထွေးသော သားရေပေါ်တွင် တည်ငြိမ်သော၊ ကတ်တလောက်ကဲ့သို့ ထုတ်ကုန်ပြခန်းတစ်ခု ပါရှိသည်။ စာမျက်နှာသည် ရုပ်ရှင်ဆန်သော ရင်ဆိုင်မှုနှင့် တိတ်ဆိတ်ငြိမ်သက်သော ထိန်းချုပ်မှုများအကြား တစ်လှည့်စီဖြစ်သည်- အဓိကအစိတ်အပိုင်းသည် တိုက်ခိုက်သည်၊ အဓိကအပိုင်းက တိုးတိုးလေးပြောသည်။ တစ်ခုတည်းသော၊ မှိန်ဖျော့သော ခရမ်းရောင်သည် ကြော်ငြာလိုင်းတွင်၊ "ရောင်းပြီး" အခြေအနေတွင်နှင့် အောက်ခြေတွင်သာ ပေါ်လာပြီး အော်ပြောခြင်းထက် အမှတ်တံဆိပ်ဖော်ပြချက်အဖြစ် ဆောင်ရွက်ပေးသည်။ တစ်ခုတည်းသော၊ ထူးခြားသော sans-serif ဖောင့် (Good Sans) ကို သင့်တင့်သော အရွယ်အစားများတွင် အဓိကအသုံးပြုပြီး အဓိကလိုဂိုသည် စာလုံးပုံစံ မြင်ကွင်း၏ တစ်ခုတည်းသော အခိုက်အတန့်ဖြစ်သည်။ အပြန်အလှန်ဆက်သွယ်မှုသည် စာသားလင့်ခ်များမှတစ်ဆင့်သာ ဖြစ်ပေါ်သည်- ဖြည့်ထားသော ခလုတ်များ၊ gradient များ မရှိ၊ အလှဆင်ထားသော ခရုမ်း များ မရှိ၊ အဓိကအစိတ်အပိုင်း၏ 3D လိုဂိုမှလွဲ၍။
အလယ်ဗဟိုပြု အကြောင်းအရာ အပိုင်းများအတွက် အများဆုံး အကျယ် ~1280px၊ စာမျက်နှာခေါင်းစဉ်သည် အစွန်းမှ အစွန်းအထိ စာမျက်နှာ အကျယ်တစ်ခုလုံးကို လွှမ်းခြုံထားသည်။ စာမျက်နှာ စည်းချက်- စာမျက်နှာ အကျယ်တစ်ခုလုံးကို လွှမ်းခြုံထားသော မှောင်မိုက်သော စာမျက်နှာခေါင်းစဉ် (viewport အမြင့်) → မှောင်မိုက်နောက်ခံပေါ်ရှိ အလယ်ဗဟိုပြု မိတ်ဆက်စာသား → နောက်ခံတစ်ခုတည်းရှိ ကော်လံ ၄-၅ ခုပါ ထုတ်ကုန်ဇယားကွက် → ခရမ်းရောင် နောက်ခံအောက်ခြေ လမ်းကြောင်း။ လမ်းညွှန်သည် စာမျက်နှာခေါင်းစဉ်အထက် (မှောင်မိုက်နောက်ခံပေါ်ရှိ ပေါ့ပါးသောစာသား) နှင့် မိတ်ဆက်စာသား (ဖြူဖွေးသောနောက်ခံပေါ်ရှိ မှောင်မိုက်စာသား) ပါးလွှာသော စာသားလမ်းကြောင်းအဖြစ် တည်ရှိသည်။ ထုတ်ကုန်ဇယားကွက်တွင် ရုပ်ပုံများကြားတွင် အပေါက်များ သို့မဟုတ် အမြင်အာရုံ ခွဲခြားခြင်းမရှိဘဲ အတွင်းပိုင်း ချိန်ညှိမှုရှိသော သိပ်သည်းသော အပြင်အဆင်ရှိသည်။ မိတ်ဆက်စာသားသည် အပေါ်နှင့်အောက်တွင် ကျယ်ပြန့်သော ဒေါင်လိုက်နေရာ (60-80px) ရှိပြီး ကျဉ်းမြောင်းသော၊ အလယ်ဗဟိုပြုကော်လံ (~600-700px) ဖြစ်သည်။ အလုံးစုံသိပ်သည်းဆ- အယ်ဒီတာ့အာဘော် အပိုင်းများတွင် ကျယ်ဝန်းပြီး ထုတ်ကုန်ဇယားကွက်တွင် ချုံ့ထားသည်။
အယ်ဒီတာ့အာဘော် ဖက်ရှင်ဓာတ်ပုံများသည် ဒီဇိုင်းကို လွှမ်းမိုးထားသည်- အဓိကပုံတွင် မော်ဒယ်များ၏ မှောင်မိုက်ပြီး ဆန့်ကျင်ဘက်မြင့်မားသော ဓာတ်ပုံများ (မှောင်မိုက်သော စတူဒီယိုမီးအလင်းရောင်၊ avant-garde စတိုင်—အနီရောင်သားရေ ကော့ဆက်များ၊ ကွက်ကွက်ကွင်းကွင်း ပလတ်စတစ်များ၊ ထင်ရှားသော အမူအရာများ) ပါဝင်ပြီး grid တွင် ပြားချပ်ချပ်၊ ကြားနေနောက်ခံတွင် ကြည်လင်ပြတ်သားသော ထုတ်ကုန်/lookbook ဓာတ်ပုံများ ပါဝင်သည် (မော်ဒယ်များနှင့် ထုတ်ကုန်များကို လူနေမှုပုံစံနောက်ခံမပါဘဲ မီးခိုးရောင်/အဖြူရောင်နောက်ခံတွင် ရိုက်ကူးထားသည်)။ ပုံများတွင် ကြည်လင်ပြတ်သားသောအနားများရှိပြီး အချင်းဝက်သုညရှိပြီး grid ရှိ ဆက်စပ်ပုံများနှင့် တင်းတင်းကျပ်ကျပ် ချိန်ညှိထားသည်။ အဓိကပုံသည် viewport ၏ အနားလေးခုလုံးတွင် နေရာယူထားပြီး 3D chrome လိုဂိုသည် အရာဝတ္ထုကို ထပ်နေသည်။ grid ရှိ ထုတ်ကုန်ပုံများသည် အတန်းတစ်ခုလုံးတွင် အမြင့်နှင့်အနံအချိုးကို တသမတ်တည်း ထိန်းသိမ်းထားသည်။ စာသားလမ်းညွှန်မှု အနည်းဆုံးမှလွဲ၍ အခြားပုံများ သို့မဟုတ် အိုင်ကွန်များ မရှိပါ။ အမြင်အာရုံဘာသာစကားမှာ- ကောင်းစွာရိုက်ကူးပါ၊ ပြတ်သားစွာ ဖြတ်တောက်ပါ၊ ဓာတ်ပုံကို brand ၏ မျက်နှာအဖြစ် ထားရှိပါ။
ရောင်စုံ
အမှတ်တံဆိပ်
- Lilac Veil
#b8aad0— နောက်ခံအသားပေးဖော်ပြချက်များ၊ အလှဆင်အစင်းကြောင်းများနှင့် အကြောင်းအရာနောက်ကွယ်တွင် နူးညံ့သောအသားပေးမှုအတွက် ခရမ်းရောင်ဖြည့်ပါ။
ကြားနေ
- Ink Black
#000000— ခန္ဓာကိုယ်စာသားအားလုံး၊ navigation text၊ link borders၊ card borders နှင့် icon borders တို့သည် interface တစ်ခုလုံး၏ structural line ကို ဖွဲ့စည်းသည်။ - Warm Parchment
#f4f1e4— အယ်ဒီတာ့အာဘော်/ထုတ်ကုန်ဧရိယာရှိ စာမျက်နှာများနှင့် အပိုင်းများ၏ နောက်ခံသည် ထုတ်ကုန်ဓာတ်ပုံများကို ထည့်သွင်းထားသည့် တည်ငြိမ်သောနောက်ခံတစ်ခုဖြစ်သည်။ - Ivory Mist
#fcfaf1— မှောင်သော အဓိကဒြပ်စင်၏ထိပ်ရှိ လမ်းညွှန်စာသား၏အရောင်၊ သိမ်မွေ့သော အသွင်အပြင်နှင့် သိမ်မွေ့သော ဘောင်များသည် မှောင်သောအပိုင်းရှိ UI အတွက် သန့်စင်သောအဖြူရောင်အတွက် ပိုမိုနွေးထွေးသော ရွေးချယ်မှုတစ်ခုကို ပေးစွမ်းသည်။
စာလုံးပုံစံ
၁၂ မှ ၇၂ px အထိ · အဆင့် ၅ ဆင့်
- Good Sans — အစားထိုးခြင်း: Söhne · မျဉ်းကြောင်းများ 400, 700 · လမ်းညွှန်ချက်၊ ကိုယ်ထည်စာသား၊ ထုတ်ကုန်မက်တာဒေတာ၊ လင့်ခ်များနှင့် UI စာသားအားလုံးအတွက် ယေဘုယျစာလုံးပုံစံ။ အလေးချိန်နှစ်ထပ်စနစ် (ကိုယ်ထည်စာသား/ခေါင်းစဉ်များအတွက် ပုံမှန် ၄၀၀၊ အမှတ်တံဆိပ်အမည်များ၊ ဈေးနှုန်းများနှင့် အဓိကအချက်များအတွက် စာလုံးထူ ၇၀၀) သည် အရွယ်အစားမတိုးဘဲ အဆင့်ဆင့်ကို ဖန်တီးပေးသည်။ သုညနီးပါးအပေါင်းစာလုံးအကွာအဝေးသည် ၎င်းကို ဂျီဩမေတြီထက် အယ်ဒီတာ့အာဘော်ဆန်စေသည်။
- Redaction — အစားထိုးခြင်း: GT Sectra Display Bold · မျဉ်းကြောင်းများ 700 · ကိုယ်ထည်စာသားအတွက်သာ—၎င်းသည် မျက်နှာပြင်အပြည့် ကိုယ်ထည်စာသားအတွက် အခြေခံအဖြစ် ဆောင်ရွက်သည့် ကြီးမားသော chrome စာသား "LUNCH" အတွက် စိတ်ကြိုက်ဖောင့်တစ်ခုဖြစ်သည်။ ၎င်းကို စာမျက်နှာတစ်ခုလျှင် တစ်ကြိမ်သာ အသုံးပြုသည်။ ၎င်းသည် ပြန်လည်အသုံးပြုနိုင်သော အစိတ်အပိုင်းမဟုတ်ဘဲ စာလုံးပုံစံ လက်မှတ်တစ်ခုဖြစ်သည်။
ကြားကာလများနှင့်ပုံစံ
| ရည်ရွယ်ချက် | အဓိပ္ပာယ် |
|---|---|
| သိပ်သည်းဆ | သိပ်သည်းသော |
| အခြေခံအဆင့် | 20-30px |
| ခလုတ်အချင်းဝက် | 0px |
| ကတ်အချင်းဝက် | 0px |
| အရိပ်များ | အရိပ်များအစား ဘောင်မရှိပါ |
| အပိုင်းများအကြား | 60-80px |
| စာမျက်နှာအကျယ် | 1280px |
AI က သင့်ဝက်ဘ်ဆိုက်ကို LUNCH ပုံစံနဲ့ တည်ဆောက်ပြီး ဖြည့်စွက်ပေးပါလိမ့်မယ်
- Instagram ၊ TikTok ၊ Facebook လင့်ခ်မှတစ်ဆင့် ထုတ်ကုန်များနှင့် ပို့စ်များကို ဖြည့်ပါ။
- သင့်ဆိုက်ဟောင်းမှ အကြောင်းအရာကို လွှဲပြောင်းပါ—လိပ်စာကို သတ်မှတ်ပါ။
- အကောင်းဆုံးအင်ဂျင်ပေါ်တွင် ခေတ်မီဒီဇိုင်း- server rendering နှင့် SEO optimization ပါဝင်သော React ( Next.js)။
- ရှာဖွေမှုရလဒ်များနှင့် neural network အကြံပြုချက်များအတွက် အပြည့်အဝ အလိုအလျောက် SEO အကောင်းဆုံးဖြစ်အောင်ပြုလုပ်ခြင်း။
အလားတူပုံစံများ
- MindMarket — ခရင်မ်စက္ကူပေါ်တွင် ရေးသားထားသော ဇာတ်လမ်းပုံပြင်စာအုပ်တစ်အုပ် - နေရောင်စိုစွတ်ပြီး စတစ်ကာကဲ့သို့ နူးညံ့သော မျက်နှာပြင်ပေါ်တွင် ကြီးမားသော ခေါင်းစဉ်များနှင့် ဖြတ်ထုတ်ထားသော စက္ကူဇာတ်ကောင်များ တစ်ပြိုင်နက်တည်း ရှိနေသည့် ဖော်ရွေသော အယ်ဒီတာ့အာဘော် ပတ္တူတစ်ခုဖြစ်သည်။
- Lamborghini — ကားပြခန်းမှာ အနက်ရောင်ကိုယ်ထည်၊ မီးရောင်အောက်မှာ - အဝါရောင်ကားတစ်စီး
- amp — အေးမြသော အဖြူရောင်နောက်ခံပေါ်တွင် နွေးထွေးသော လိမ္မော်ရောင်။ ဒီဇိုင်းသည် နေရောင်အောက်ထပ်တွင် ရိုက်ကူးထားသော ပရီမီယံကြံ့ခိုင်ရေးထုတ်ကုန်တစ်ခုကို သတိရစေသည်- ပစ္စည်းတစ်ခု၊ အသားပေးမှုတစ်ခု၊ ယုံကြည်မှုရှိသော ဖောင့်တစ်ခုသည် အလုပ်အားလုံးကို လုပ်ဆောင်ပေးသည်။
- IKEA — ဖြုတ်တပ်ထားသောပုံစံဖြင့် နေရောင်အောက်တွင် တည်ရှိသော ဆွီဒင်ပရိဘောဂပြခန်း
- Microsoft — လက်လီအရောင်းကတ်တလောက်သည် ထူးခြားသော အပြာရောင်ကို အသုံးပြုသည်—ဒီဇိုင်းဒြပ်စင်တိုင်းကို အပြာရောင်ဖြင့် တပ်ဆင်ထားသည့် အဖြူရောင်ပြခန်းကြမ်းပြင်ပေါ်ရှိ စတုရန်းလိုဂိုတစ်ခုကို မြင်ယောင်ကြည့်ပါ။
- Vibrants — အဖြူရောင်စကျင်ကျောက်ပေါ်က Skyborne ဆေးဆိုင် - နက်ပြာရောင်မင်က အင်္ဂတေဖြစ်ပြီး သက်တံရောင်စဉ်က ဆေးဝါးပါ။
- Isla Beauty — ခွဲစိတ်မှုဆိုင်ရာ အနီရောင် အသားပေးထားသည့် ခရင်မ်ရောင် ဆေးဆိုင်ပုံစံ—နွေးထွေးသော စက္ကူနံရံများ၊ ပယင်းပုလင်းများနှင့် တံဆိပ်တိုင်းတွင် အနီရောင်တံဆိပ်တစ်ခုတည်းကို မြင်ယောင်ကြည့်ပါ။
- Swap — Mint အယ်ဒီတာ့အာဘော်ပြခန်း- လင်းလက်တောက်ပသော ထုံးကျောက်များနှင့် သိမ်မွေ့သော serif များပါရှိသော အခန်းများတွင် ပေါ့ပါးသော sage အရောင်များ
- Cursor — မီးခိုးတလူလူဖြင့် ထွန်းထားသော သက်တောင့်သက်သာရှိသော သိုးသားရေချုပ်အလုပ်ရုံ
- Structured — ပလတ်စတစ်စက္ကူကဲ့သို့ စက္ကူပေါ်တွင် ရီနေးဆွန်းစ်ပြခန်း
- Apple (España) — ပြတိုက်ပြခန်းသည် နေ့အလင်းရောင်ဖျော့ဖျော့အောက်တွင် တစ်ခုတည်းသော ဆွဲဆောင်မှုရှိသော အလေးချိန်မဲ့ အဖြူရောင်နေရာတစ်ခုဖြစ်ပြီး ပြပွဲတစ်ခုစီကို အရောင်ဖျော့ဖျော့ဖြင့် အလှဆင်ထားသော မီးအိမ်ဖြင့် ထွန်းလင်းထားသည်။
- Amplemarket — နေရောင်အောက်က အလုပ်ခွင်ဟာ စက္ကူစတွေနဲ့ ပြန့်ကျဲနေတယ်