Palmer
နေ့အလင်းရောင်ဖျော့ဖျော့အောက်တွင် ကြွေထည်ပြခန်းတစ်ခု - နံရံနှင့် အပြန်အလှန် ဆက်သွယ်မှု ဖြစ်ပေါ်ပြီး အရာဝတ္ထုများသည် အနုပညာလက်ရာများ ဖြစ်သည်။
Palmer က စားပွဲတင်ပစ္စည်းကို နွေးထွေးပြီး ခရင်မ်ရောင်ကင်းဗတ်စ်ပေါ်မှာ ပြတိုက်ပစ္စည်းတစ်ခုလို သဘောထားပါတယ် (#f5f6ee)။ မျက်နှာပြင်က ပျောက်ကွယ်သွားပါတယ်—အရိပ်တွေ၊ ခရုမ်းတွေ၊ ကြွယ်ဝတဲ့ အသားပေးမှုတွေ မပါပါဘူး—ဒါကြောင့် လက်ဖြင့်သုတ်ထားတဲ့ ကြွေထည်တွေက အခန်းထဲမှာ တစ်ခုတည်းသော အရောင်ဖြစ်လာပါတယ်။ စာလုံးပုံစံက minimalist ပါ- TWK Lausanne စာလုံးပုံစံက monotone (300–500) နီးပါးရှိပြီး စာလုံးတွေကို အတူတကွဆွဲယူပေးတဲ့ ပြင်းထန်တဲ့ negative စာလုံးအကွာအဝေး၊ interface marker ထက် editorial statement အနေနဲ့ ပိုပြီးလုပ်ဆောင်တဲ့ ကြီးမားတဲ့ 120px display layer ပါရှိပါတယ်။ interactive element တွေကို အနားသတ်ပါးလွှာတဲ့ဘောင်တွေနဲ့ viewport ရဲ့အနားတွေမှာ အလယ်ဗဟိုကို လုံးဝရှင်းလင်းနေစေဖို့ ထားရှိတဲ့ ဆေးပြားပုံ toggles တွေအဖြစ် လျှော့ချထားပါတယ်။ fold အောက်က အရာအားလုံးက gallery logic အတိုင်းပဲ လိုက်နာပါတယ်- စာသားသေးငယ်ခြင်း၊ မျဉ်းပါးလွှာခြင်း၊ အရာဝတ္ထုများအကြား ကျယ်ဝန်းသော အကွာအဝေး။
အများဆုံးအကျယ်ကန့်သတ်ချက်မရှိသော မျက်နှာပြင်အပြည့်မျက်နှာပြင်။ အဓိကဒြပ်စင်မှာ မျက်နှာပြင်တစ်လျှောက် ပြန့်ကျဲနေသောဒြပ်စင်များဖြစ်သည်- grid တွင်မဟုတ်ဘဲ ဂရုတစိုက်ရွေးချယ်ထားသောနေရာများတွင် စီစဉ်ထားသော အပိုင်းအစတစ်ခုစီ။ Navigation element များကို ထောင့်များတွင် လျှော့ချထားသည် (ဘယ်ဘက်အပေါ်ထောင့်တွင် wordmark၊ အပေါ်အလယ်ဗဟိုတွင် toggle၊ အောက်အလယ်ဗဟိုတွင် control panel)၊ အလယ်ဗဟိုဧရိယာကို ပုံများအတွက်သာ ထားရှိသည်။ ၎င်းသည် မျက်နှာပြင်တစ်ခုတည်းရှိသော မျက်နှာပြင်ဖြစ်ပြီး ပြန့်ကျဲနေသော element များသည် အဓိကဒြပ်စင်ဖြစ်ပြီး ဒုတိယမျက်နှာပြင်ဒြပ်စင်အားလုံး (မီနူး၊ filter၊ zoom) ကို သတ်မှတ်ထားသောအခြေအနေများအောက်တွင် ပြသထားသည်။ အပိုင်းများ၏ စည်းချက်သည် အနည်းဆုံးဖြစ်သည်- မျက်နှာပြင်တစ်ခု၊ ပြန့်ကျဲနေသော ဖွဲ့စည်းပုံတစ်ခု၊ စာသားအနည်းဆုံး။ ရိုးရာအပြိုင်အဆိုင် အစင်းများ မရှိပါ။
ဓာတ်ပုံပညာသည် ပုံဆောင်ထုတ်ကုန်များ—အပေါ်မှ သို့မဟုတ် ကြည်လင်သော သို့မဟုတ် ခရင်မ်နောက်ခံတွင် 3/4 ထောင့်ဖြင့် ကြွေထည်အပိုင်းအစများ (ပန်းကန်များ၊ ဇလုံများ) ကို ရိုက်ယူထားသည့် ပုံများကိုသာ အဓိကထားသည်။ နောက်ခံအကြောင်းအရာ၊ လက်များ မရှိ၊ စားပွဲအပြင်အဆင်များ မရှိပါ။ မျက်နှာပြင်နှင့် ထိတွေ့နေသကဲ့သို့ ထင်ရစေရန် အပိုင်းအစတစ်ခုစီကို အရိပ်အနည်းငယ်ဖြင့် ဖြတ်ယူထားသည်။ ရုပ်ပုံများသည် ဝဘ်ဆိုက်ရှိ အရောင်ရင်းမြစ်တစ်ခုတည်းသာဖြစ်သည်- ကြွေပြာရောင်၊ သံလွင်စိမ်းရောင်၊ အစက်အပြောက်များသော အဖြူရောင်နှင့် ပယင်းရောင်အညိုရောင်။ သိပ်သည်းဆမြင့်မားသော်လည်း အသက်ရှူရလွယ်ကူသည်—အပိုင်းအစများကို ၎င်းတို့အကြားတွင် ရည်ရွယ်ချက်ရှိရှိ ဗလာနေရာများဖြင့် ပြန့်ကျဲထားပြီး ကတ်တလောက်ချဉ်းကပ်မှုထက် ပြတိုက်မှူးတစ်ဦးနှင့် ပိုမိုတူသည်။
ရောင်စုံ
ကြားနေ
- Gallery Cream
#f5f6ee— ပတ္တူနှင့်အောက်ခြေ၏မျက်နှာပြင်သည် နွေးထွေးသော ခရင်မ်ရောင်ဖြစ်ပြီး သန့်စင်သောအဖြူရောင်ထက် ကြွေထည်များအတွက် ပိုမိုသင့်လျော်ပါသည်။ - Ink
#222222— အဓိကစာသား၊ ပါးလွှာသောဘောင်များ၊ ကတ်အပြင်အဆင်များ၊ အိုင်ကွန်အပြင်အဆင်များ—ဖွဲ့စည်းပုံဆိုင်ရာ မူဘောင်တစ်ခုလုံးကို ဤအနက်ရောင်နီးပါးဖြင့် ပြုလုပ်ထားသည်။ - Bone
#ffffff— ထုတ်ကုန်နောက်ခံပုံများ၊ တစ်ခါတစ်ရံတွင် ကတ်ကို ခရင်မ်ကင်းဗတ်စ်ရှေ့တွင် ထားရှိရမည့် ပြောင်းပြန်မျက်နှာပြင်ပါရှိသည်။ - Fog
#a1a19c— ဖွဲ့စည်းပုံဆိုင်ရာ ပိုင်းခြားစနစ်အတွက် မင်အလွန်ထူလွန်းသည့်အခါတွင် အသုံးပြုသည့် ဒုတိယဘောင်များနှင့် ဦးစားပေးမှုနည်းသော စာသား။ - Lampblack
#000000— ဤအရောင်ကို ရှားပါးသော ဖြည့်ထားသော အစိတ်အပိုင်းများ (active navigation background၊ weight anchors) အတွက် သီးသန့်ထားပြီး Ink သည် အဓိကစာသားအရောင်အဖြစ် ဆက်လက်ရှိနေစေရန်အတွက် ချွေတာစွာအသုံးပြုသည်။
စာလုံးပုံစံ
၁၁ မှ ၁၂၀ px အထိ · အဆင့် ၄ ဆင့်
- TWK Lausanne — အစားထိုးခြင်း: Inter Tight or Neue Haas Grotesk Display Pro at matching weights · မျဉ်းကြောင်းများ 300, 400, 500, 600, 700 · မိုက်ခရိုတဂ်များမှသည် အယ်ဒီတာ့အာဘော် စာစီစာရိုက်ပုံစံအထိ အရာအားလုံးအတွက် သင့်လျော်သော တစ်ခုတည်းသော ဖောင့်။ 300 weight ကို ခေါင်းစဉ်များနှင့် ခေါင်းစဉ်ကြီးများအတွက် (ပါးလွှာသော Swiss sans serif၊ ကြွေစာလုံးများကို လွှမ်းမိုးနိုင်စေသည်)၊ body copy နှင့် user interface အတွက် 400–500 နှင့် active state များနှင့် filter label များအတွက် 600–700 အသုံးပြုသည်။ ထူးခြားသောအချက်မှာ စာလုံးအကွာအဝေးကျဉ်းမြောင်းခြင်း (ခေါင်းစဉ်များတွင် -0.04em၊ body copy တွင် -0.02em) ဖြစ်သည်- စာလုံးများကို နီးကပ်စွာထားရှိသောကြောင့် 11px ခေါင်းစဉ်များကိုပင် စံစာလုံးများ၏ လေဝင်လေထွက်ကောင်းခြင်းထက် စုစည်းမှုနှင့် တွေးခေါ်မှုရှိသော ခံစားချက်ကို ပေးစွမ်းသည်။
ကြားကာလများနှင့်ပုံစံ
| ရည်ရွယ်ချက် | အဓိပ္ပာယ် |
|---|---|
| သိပ်သည်းဆ | ပျမ်းမျှ |
| အခြေခံအဆင့် | 12px |
| ခလုတ်အချင်းဝက် | 8px |
| ကတ်အချင်းဝက် | 12px |
| အရိပ်များ | အရိပ်များအစား ဘောင်မရှိပါ |
| အပိုင်းများအကြား | 80px |
AI က သင့်ဝက်ဘ်ဆိုက်ကို Palmer ပုံစံနဲ့ တည်ဆောက်ပြီး ဖြည့်စွက်ပေးပါလိမ့်မယ်
- Instagram ၊ TikTok ၊ Facebook လင့်ခ်မှတစ်ဆင့် ထုတ်ကုန်များနှင့် ပို့စ်များကို ဖြည့်ပါ။
- သင့်ဆိုက်ဟောင်းမှ အကြောင်းအရာကို လွှဲပြောင်းပါ—လိပ်စာကို သတ်မှတ်ပါ။
- အကောင်းဆုံးအင်ဂျင်ပေါ်တွင် ခေတ်မီဒီဇိုင်း- server rendering နှင့် SEO optimization ပါဝင်သော React ( Next.js)။
- ရှာဖွေမှုရလဒ်များနှင့် neural network အကြံပြုချက်များအတွက် အပြည့်အဝ အလိုအလျောက် SEO အကောင်းဆုံးဖြစ်အောင်ပြုလုပ်ခြင်း။
အလားတူပုံစံများ
- Peak Design — ပြခန်းနံရံ၊ တစ်စိတ်တစ်ပိုင်း အလင်းရောင်
- Arsenijs Fabrica — အယ်ဒီတာ့အာဘော်အကြောင်းအရာများ၏ ပင်ကိုယ်အလှကို ပြခန်းမီးများအောက်တွင် ပေါ်လွင်စေသည်။ ပြခန်း၏ ကြည်လင်သော အဖြူရောင်နံရံများ၊ တစ်ရောင်တည်းသောနောက်ခံတွင် လိမ္မော်ရောင်တောက်ပသော နွေးထွေးသည့် မီးလုံးတစ်လုံး၊ မှန်ပါးလွှာသောပုံစံနှင့် အဖြူရောင်နေရာလွတ်များစွာ
- 21 TSI — ကြက်သွေးရောင် ဗလာနတ္ထိ၊ တစ်ခုတည်းသော ပုံရိပ် - အသုံးပြုသူ မျက်နှာပြင်သည် လေထုထဲသို့ ပျော်ဝင်သွားသည့် အဆင့်မြင့် ဖက်ရှင် အယ်ဒီတာ့အာဘော်
- Aevi Wellness — စကင်ဒီနေးဗီးယား ဆေးဆိုင်စတိုင်၊ အလေးချိန်မဲ့ စာလုံးပုံစံ။ မီးခိုးရောင်-အပြာရောင် ပျော့ပျောင်းသော အသားပေးမှုသည် အယ်ဒီတာ့အာဘော် အကြောင်းအရာ၏ ယေဘုယျအားဖြင့် အရောင်မညီသော၊ လေဝင်လေထွက်ကောင်းသော အပြင်အဆင်ကို ချိုးဖျက်ပြီး ထုတ်ကုန်ဓာတ်ပုံများကို နွေးထွေးသော အဖြူရောင်နောက်ခံတွင် ပါးလွှာသော ဘောင်ခတ်ထားသော ကတ်များပေါ်တွင် ထပ်ထားသည်။
- PLATFORM — မီးရောင်အောက်ရှိ White Cube Gallery
- Assembly Coffee London — မှောင်မိုက်သော မီးဖိုချောင်ရှိ မီးသွေးများ။ နွေးထွေးပြီး မှိန်ပျပျအလင်းရောင်ရှိသော ထုတ်ကုန်ဓာတ်ပုံများနှင့် လက်ရေးလှစာလုံးများပါရှိသော အနက်ရောင်နီးပါး ပတ္တူပေါ်တွင် သန်းခေါင်ယံအချိန်တွင် ရိုက်နှိပ်ထားသော အထူးကော်ဖီမီနူး၏ အငွေ့အသက်။
- ARTWORLD — အဖြူရောင်ပိတ်ချောထည်ပေါ်တွင် ဖက်ရှင်မဂ္ဂဇင်းခေါင်းစဉ်
- Structured — ပလတ်စတစ်စက္ကူကဲ့သို့ စက္ကူပေါ်တွင် ရီနေးဆွန်းစ်ပြခန်း
- Airbnb — သန္တာရောင် စာညှပ်တစ်ခုပါသည့် တိတ်ဆိတ်ငြိမ်သက်သော အဖြူရောင် ပြခန်းနံရံတစ်ခု
- VISIONNAIRE — ကြည်လင်သော အဖြူရောင်နောက်ခံပေါ်တွင် streetwear အယ်ဒီတာ့အာဘော်ပြခန်း။ ဤအမှတ်တံဆိပ်သည် ပုံနှိပ်ထားသော lookbook ကဲ့သို့ ပြုမူသည်- ပြားချပ်ချပ်အဖြူရောင်ကင်းဗတ်စ်၊ ကြည်လင်သောအနက်ရောင်မင်နှင့် ထုတ်ကုန် သို့မဟုတ် လိုဂိုတစ်ခုကို ပြသရန် အရောင်ဘလောက်အဖြစ်အသုံးပြုသည့် နွေးထွေးသောခရင်မ်ပြားတစ်ခု။
- Letter — သိုလှောင်ရုံမှ တလက်လက်တောက်ပနေသော ရှေးဟောင်းပစ္စည်းများကို ပြသထားသည့် သီးသန့်ပြခန်း။ ပြခန်း၏ ဆေးရောင်ခြယ်ထားသော နံရံများပေါ်ရှိ ခရုမ်းရုပ်တုများအထက်တွင် စီရီဖိုက်ပါ ခေါင်းစဉ်များ ပေါ်လွင်နေသည့် အနက်ရောင်နံရံပါ ပြပွဲနေရာ။
- Ramp — အယ်ဒီတာ့အာဘော် ဘဏ္ဍာရေးဌာန၊ နီယွန်မာကာတစ်ခုတည်းပါသော အဖြူအမည်းစာမျက်နှာများ။ စာစောင်၏ အဖြူအမည်း မျက်နှာပြင်နီးပါးရှိပြီး၊ တောက်ပသော လိမ္မော်ရောင် မျဉ်းကြောင်းတစ်ခုတည်းက အပြန်အလှန် ဆက်သွယ်မှုတိုင်းကို ငွေကြေးဆိုင်ရာ အချက်ပြမှုအဖြစ်သို့ ပြောင်းလဲပေးသည်။