IKEA
ဖြုတ်တပ်ထားသောပုံစံဖြင့် နေရောင်အောက်တွင် တည်ရှိသော ဆွီဒင်ပရိဘောဂပြခန်း
IKEA ရဲ့ interface က contrast မြင့်မားတဲ့ အယ်ဒီတာ့အာဘော်တစ်ခုလို ထင်ရပါတယ်- နွေးထွေးတဲ့ အဖြူရောင်နောက်ခံပေါ်မှာ အနက်ရောင်နီးပါး စာလုံးပုံစံ၊ call-to-action zone တွေအဖြစ် အသုံးပြုတဲ့ flat yellow panel တွေနဲ့ ဖြည့်စွက်ထားပါတယ်။ ဒီ system က minimalist ပုံစံဖြစ်ပြီး custom sans-serif font (Noto IKEA) တစ်ခုတည်းကို weight နှစ်ခု (400 နဲ့ 700) နဲ့ ပေါင်းစပ်ထားပြီး၊ component တစ်ခုစီအတွက် radius ထောင့်တစ်ခုတည်းနဲ့ အရိပ်တွေ ဒါမှမဟုတ် gradient တွေ မပါဝင်ပါဘူး။ ဒီကျစ်လျစ်မှုက minimalist trend မဟုတ်ဘဲ structural ပုံစံပါပဲ- negative letter spacing (heading မှာ -0.029em၊ body copy မှာ -0.027em) က 13px label တွေကိုတောင် architectural ပုံစံနဲ့ ခံစားရစေပါတယ်။ Card တွေက ကြီးမားပြီး media content ကို အဓိကထားပြီး၊ text overlay တွေနဲ့ text overlay တွေကို ကော်လံနှစ်ခုနဲ့ စီစဉ်ပေးထားတာကြောင့် ဖတ်ရှုရလွယ်ကူစေပါတယ်။ #ffdb00 အဝါရောင် font က interface အတွက် အလုပ်အားလုံးကို လုပ်ဆောင်ပေးပါတယ်- အလှဆင်တာမဟုတ်ဘဲ activate လုပ်ရုံပါပဲ။
အလယ်ဗဟိုတွင် အကြောင်းအရာကွန်တိန်နာ 1440px ခန့်သာ ကန့်သတ်ထားသော အကျယ်အပြည့်ဒီဇိုင်း။ လမ်းညွှန်ချက်သည် ရိုးရှင်းပြီး ကပ်စေးမတက်သော အပေါ်ဘားတစ်ခုဖြစ်သည်။ စာမျက်နှာကို 80px ခန့်ကွာဟချက်များဖြင့် ဒေါင်လိုက်စီထားသော အလျားလိုက်ကတ်များဖြင့် တည်ဆောက်ထားသည်။ "ဟီးရိုး" အပြင်အဆင်သည် ပိုင်းခြားအပြင်အဆင်ဖြစ်သည် - မီဒီယာကတ် ၂/၃ (ပုံ) + လုပ်ဆောင်ရန်တောင်းဆိုချက်ပါသော အဝါရောင်ကတ် ၁/၃။ စာမျက်နှာ၏ အဓိကကိုယ်ထည်တွင် ကတ်များ၏ ကော်လံနှစ်ခုပါဇယားကွက်များကို အသုံးပြုထားပြီး ရုပ်ပုံများနှင့် စာသားများ၏ ဘလောက်များကို တစ်လှည့်စီထားသည်။ အကြောင်းအရာသိပ်သည်းဆသည် ကျယ်ဝန်းပြီး ဘယ်တော့မှ ကျစ်လျစ်မှုမရှိပါ။ ကတ်များသည် ကြီးမားသည် (အနည်းဆုံး 600x400 pixels ခန့်) ကျယ်ဝန်းသော padding ပါရှိသည်။ "Timeline/History" အပိုင်းတွင် ဇယားကွက်ကို ဂဏန်းကြီးများဖြင့် ပိုင်းခြားထားသည်။ ဘေးဘက်ဘား၊ mega-menu၊ ရှုပ်ထွေးသော လမ်းညွှန်ဗိသုကာလက်ရာ မရှိပါ။
အမြင်အာရုံဘာသာစကားမှာ အဓိကအားဖြင့် ထုတ်ကုန်နှင့် လူနေမှုပုံစံ ဓာတ်ပုံရိုက်ကူးခြင်း ဖြစ်သည်။ တည်းဖြတ်ခြင်း- တောက်ပသော၊ သဘာဝအတိုင်း အလင်းရောင်ရှိသော၊ နွေးထွေးသော စကင်ဒီနေးဗီးယား အတွင်းပိုင်းများသည် စတူဒီယို၏ ဖြူဖွေးသော ခံစားချက်မဟုတ်ဘဲ လူနေထိုင်သည့် ခံစားချက်ဖြင့် ပေါ်လာသည်။ ထုတ်ကုန်နှင့် အပြန်အလှန် ဆက်ဆံသည့် မြင်ကွင်းများတွင် လူများ ပေါ်လာသည် (ကိုင်ဆောင်ခြင်း၊ တပ်ဆင်ခြင်း၊ အသုံးပြုခြင်း)။ ရုပ်ပုံများသည် ကတ်၏ အကျယ်အပြည့်ကို အမြဲတမ်း နေရာယူထားပြီး အော်ဂဲနစ်ပုံသဏ္ဌာန်များအဖြစ် ဘယ်တော့မှ ဖြတ်တောက်ခြင်း မပြုပါ။ စာသားပါသည့် ကတ်၏ အောက်ခြေတွင် ရောင်ပြန် အနက်ရောင် အလွှာများ ပေါ်လာသည်။ ပြားချပ်ချပ် ပုံများကို တစ်ခါတစ်ရံတွင် ဖော်ပြလေ့ရှိသည် (ဥပမာ၊ အပြာရောင်၊ အစိမ်းနှင့် အဝါရောင်တို့ဖြင့် ယဉ်ကျေးမှုဆိုင်ရာ သင်္ကေတပုံပါသည့် ဂျာမနီမြေပုံ)။ ဓာတ်ပုံများကို အယ်ဒီတာ့အာဘော်ပုံစံဖြင့် ရိုက်ကူးထားသည်- တောက်ပြောင်သော စတော့ဓာတ်ပုံ အကျိုးသက်ရောက်မှု မရှိ၊ အလွန်အကျွံ စတိုင်ကျသော အရောင်ပြင်ဆင်ခြင်း မရှိပါ။
ရောင်စုံ
အမှတ်တံဆိပ်
- IKEA Yellow
#ffdb00— လုပ်ဆောင်ရန် ခေါ်ဆိုမှုများကို ဖြည့်ရန် အဓိက အစိတ်အပိုင်းများ၊ အသားပေးပုံများပါသည့် ကတ်များအတွက် နောက်ခံများ၊ အဓိက ဝင်းဒိုးရှိ အသားပေး panel များ - စနစ်၏ တစ်မူထူးခြားသော အရောင် အစိတ်အပိုင်း။
ကြားနေ
- Ink Black
#111111— အဓိကစာသား၊ ကိုယ်ထည်စာသား၊ ခေါင်းစဉ်များ၊ အဓိကဘောင်များ (၈၅၁ ခုပါရှိသည်)၊ အိုင်ကွန်အပြင်အဆင်။ - Pure White
#ffffff— စာမျက်နှာနောက်ခံ၊ ကတ်မျက်နှာပြင်၊ လမ်းညွှန်နောက်ခံ၊ မှောင်မိုက်သောနောက်ခံပေါ်ရှိ ခလုတ်စာသား။ - Warm White
#fffefb— ခလုတ်များနှင့် ကတ်များအတွက် အနည်းငယ်ခရင်မ်ရောင်သည်—အဖြူရောင်စစ်စစ်ထက် အနည်းငယ်ပိုနွေးသည်—ဒစ်ဂျစ်တယ်အေးစက်မှုကို ဖြိုခွင်းပေးသည်။ - Steel Gray
#818181— ဒုတိယစာသား၊ အသံတိတ်ဘောင်များ၊ ပိတ်ထားသော အိုင်ကွန်အခြေအနေများ - True Black
#000000— SVG အိုင်ကွန်ဖြည့်မှုများ၊ ထည့်သွင်းသည့်အကွက်ဘောင်များနှင့် အများဆုံး ဆန့်ကျင်ဘက်အရောင် လိုအပ်သည့် နက်ရှိုင်းသော အနက်ရောင် အသားပေးမှုများ။ - Link Blue
#0159a3— လမ်းညွှန်ချက်နှင့် အဓိကလင့်ခ်များတွင် ကျယ်ကျယ်ပြန့်ပြန့်အသုံးပြုသည့် စာသားလင့်ခ်အရောင်သည် စနစ်တွင် တစ်ခုတည်းသော အပြာရောင်ဖြစ်သည်။
စာလုံးပုံစံ
၁၃ မှ ၅၁px အထိ · အဆင့် ၅ ဆင့်
- Noto IKEA — အစားထိုးခြင်း: Inter · မျဉ်းကြောင်းများ 400, 700 · အသုံးပြုထားတဲ့ ဖောင့်တစ်ခုတည်းက IKEA ရဲ့ ထင်ရှားတဲ့ Noto ပါ။ အလေးချိန်နှစ်ခုစနစ် (ပုံမှန် ၄၀၀၊ ထူ ၇၀၀) ကို ရည်ရွယ်ချက်ရှိရှိ ထိန်းချုပ်ထားပါတယ်- စာလုံးစောင်း၊ အလယ်အလတ် သို့မဟုတ် ပေါ့ပါးသော အလေးချိန်များ မပါဝင်ပါဘူး။ ၇၀၀ ပွိုင့်ရှိတဲ့ ခေါင်းစဉ်တွေ၊ ၃၆-၅၁px မှာရှိတဲ့ ခေါင်းစဉ်တွေက အမှတ်တံဆိပ်ပုံစံတစ်ခုလုံးကို ဖော်ပြပြီး ၁၆px မှာရှိတဲ့ ကိုယ်ထည်မိတ္တူကတော့ ကြားနေပုံစံအတိုင်းပါပဲ။ စာလုံးအကွာအဝေးက အရွယ်အစားကြီးလာတာနဲ့အမျှ လျော့ကျသွားပြီး ခေါင်းစဉ်တွေကို အကျဉ်းချုပ်ပြီး ဗိသုကာလက်ရာဆန်တဲ့ အငွေ့အသက်ပေးစွမ်းပါတယ်။
ကြားကာလများနှင့်ပုံစံ
| ရည်ရွယ်ချက် | အဓိပ္ပာယ် |
|---|---|
| သိပ်သည်းဆ | ပျမ်းမျှ |
| အခြေခံအဆင့် | 24px |
| ခလုတ်အချင်းဝက် | 8px |
| ကတ်အချင်းဝက် | 8px |
| အရိပ်များ | အရိပ်များအစား ဘောင်မရှိပါ |
| အပိုင်းများအကြား | 80px |
| စာမျက်နှာအကျယ် | 1440px |
AI က သင့်ဝက်ဘ်ဆိုက်ကို IKEA ပုံစံနဲ့ တည်ဆောက်ပြီး ဖြည့်စွက်ပေးပါလိမ့်မယ်
- Instagram ၊ TikTok ၊ Facebook လင့်ခ်မှတစ်ဆင့် ထုတ်ကုန်များနှင့် ပို့စ်များကို ဖြည့်ပါ။
- သင့်ဆိုက်ဟောင်းမှ အကြောင်းအရာကို လွှဲပြောင်းပါ—လိပ်စာကို သတ်မှတ်ပါ။
- အကောင်းဆုံးအင်ဂျင်ပေါ်တွင် ခေတ်မီဒီဇိုင်း- server rendering နှင့် SEO optimization ပါဝင်သော React ( Next.js)။
- ရှာဖွေမှုရလဒ်များနှင့် neural network အကြံပြုချက်များအတွက် အပြည့်အဝ အလိုအလျောက် SEO အကောင်းဆုံးဖြစ်အောင်ပြုလုပ်ခြင်း။
အလားတူပုံစံများ
- MindMarket — ခရင်မ်စက္ကူပေါ်တွင် ရေးသားထားသော ဇာတ်လမ်းပုံပြင်စာအုပ်တစ်အုပ် - နေရောင်စိုစွတ်ပြီး စတစ်ကာကဲ့သို့ နူးညံ့သော မျက်နှာပြင်ပေါ်တွင် ကြီးမားသော ခေါင်းစဉ်များနှင့် ဖြတ်ထုတ်ထားသော စက္ကူဇာတ်ကောင်များ တစ်ပြိုင်နက်တည်း ရှိနေသည့် ဖော်ရွေသော အယ်ဒီတာ့အာဘော် ပတ္တူတစ်ခုဖြစ်သည်။
- Lamborghini — ကားပြခန်းမှာ အနက်ရောင်ကိုယ်ထည်၊ မီးရောင်အောက်မှာ - အဝါရောင်ကားတစ်စီး
- amp — အေးမြသော အဖြူရောင်နောက်ခံပေါ်တွင် နွေးထွေးသော လိမ္မော်ရောင်။ ဒီဇိုင်းသည် နေရောင်အောက်ထပ်တွင် ရိုက်ကူးထားသော ပရီမီယံကြံ့ခိုင်ရေးထုတ်ကုန်တစ်ခုကို သတိရစေသည်- ပစ္စည်းတစ်ခု၊ အသားပေးမှုတစ်ခု၊ ယုံကြည်မှုရှိသော ဖောင့်တစ်ခုသည် အလုပ်အားလုံးကို လုပ်ဆောင်ပေးသည်။
- LUNCH — နွေးထွေးသော စက္ကူပေါ်တွင် ကတ္တီပါစင်မြင့်
- Microsoft — လက်လီအရောင်းကတ်တလောက်သည် ထူးခြားသော အပြာရောင်ကို အသုံးပြုသည်—ဒီဇိုင်းဒြပ်စင်တိုင်းကို အပြာရောင်ဖြင့် တပ်ဆင်ထားသည့် အဖြူရောင်ပြခန်းကြမ်းပြင်ပေါ်ရှိ စတုရန်းလိုဂိုတစ်ခုကို မြင်ယောင်ကြည့်ပါ။
- Vibrants — အဖြူရောင်စကျင်ကျောက်ပေါ်က Skyborne ဆေးဆိုင် - နက်ပြာရောင်မင်က အင်္ဂတေဖြစ်ပြီး သက်တံရောင်စဉ်က ဆေးဝါးပါ။
- Isla Beauty — ခွဲစိတ်မှုဆိုင်ရာ အနီရောင် အသားပေးထားသည့် ခရင်မ်ရောင် ဆေးဆိုင်ပုံစံ—နွေးထွေးသော စက္ကူနံရံများ၊ ပယင်းပုလင်းများနှင့် တံဆိပ်တိုင်းတွင် အနီရောင်တံဆိပ်တစ်ခုတည်းကို မြင်ယောင်ကြည့်ပါ။
- Swap — Mint အယ်ဒီတာ့အာဘော်ပြခန်း- လင်းလက်တောက်ပသော ထုံးကျောက်များနှင့် သိမ်မွေ့သော serif များပါရှိသော အခန်းများတွင် ပေါ့ပါးသော sage အရောင်များ
- Cursor — မီးခိုးတလူလူဖြင့် ထွန်းထားသော သက်တောင့်သက်သာရှိသော သိုးသားရေချုပ်အလုပ်ရုံ
- Structured — ပလတ်စတစ်စက္ကူကဲ့သို့ စက္ကူပေါ်တွင် ရီနေးဆွန်းစ်ပြခန်း
- Apple (España) — ပြတိုက်ပြခန်းသည် နေ့အလင်းရောင်ဖျော့ဖျော့အောက်တွင် တစ်ခုတည်းသော ဆွဲဆောင်မှုရှိသော အလေးချိန်မဲ့ အဖြူရောင်နေရာတစ်ခုဖြစ်ပြီး ပြပွဲတစ်ခုစီကို အရောင်ဖျော့ဖျော့ဖြင့် အလှဆင်ထားသော မီးအိမ်ဖြင့် ထွန်းလင်းထားသည်။
- Amplemarket — နေရောင်အောက်က အလုပ်ခွင်ဟာ စက္ကူစတွေနဲ့ ပြန့်ကျဲနေတယ်