Bang & Olufsen
ကြွေထည်ဖြင့်ပြုလုပ်ထားသော စကင်ဒီနေးဗီးယားပြခန်း။ B&O စာမျက်နှာ မှောင်နေသောအခါ၊ လက်ရာသည် သန်းခေါင်ယံအပေါက်ဝရှိ ရုပ်တုတစ်ခုကဲ့သို့ အလင်းရောင်ရှိသည်။ ၎င်းကို အလင်းရောင်ပေးသောအခါ၊ လက်ရာသည် အဖြူရောင်ပိုးထည်ပေါ်တွင် ပေါလောမျောနေပုံရပြီး ၎င်း၏အာရုံကို အာရုံလွဲစေမည့် အခြားအရာမရှိပါ။
Bang & Olufsen သည် ပြခန်း-ပြတိုက် မူအပေါ် အခြေခံ၍ လုပ်ဆောင်သည်- ထုတ်ကုန်များသည် ပန်းပုလက်ရာများကဲ့သို့ ပေါလောမျောနေသော အဖြူရောင်နီးပါး ကြွေပတ္တူများပေါ်တွင် မျက်နှာပြင်တစ်ခုလုံးကို ဖုံးလွှမ်းထားသော ရံဖန်ရံခါ အရောင်ထည့်သွင်းမှုများဖြင့် အနှောင့်အယှက်ဖြစ်စေပြီး မျက်နှာပြင်တစ်ခုလုံးကို ဖုံးလွှမ်းထားသော နက်ရှိုင်းသော ultramarine violet အရောင်၊ တစ်ခါတစ်ရံတွင် ကြွယ်ဝသော terracotta အနီရောင်ကဲ့သို့သော စိတ်ခံစားမှုဆိုင်ရာ အသားပေးမှုများဖြင့် ရောနှောထားသည်။ စာလုံးပုံစံသည် စိတ်ကြိုက်ဒီဇိုင်းထုတ်ထားသော neo-grotesque စာလုံးပုံစံ (BeoSupreme) တစ်ခုတည်းဖြစ်ပြီး ၎င်းကိုယ်တိုင်ကို ထင်ရှားစေသည်- မျက်နှာပြင်ကြီးများတွင် မသိသာလှပါ၊ micro-labels များတွင် စာလုံးကြီးများဖြင့် ပြည့်နှက်နေပြီး အခြားစာလုံးပုံစံများ မလိုအပ်ပါ။ အစိတ်အပိုင်းများကို အနည်းဆုံးအထိ လျှော့ချထားသည်- ဖောက်ထွင်းမြင်ရသော ဆေးပြားပုံသဏ္ဍာန် ထိန်းချုပ်မှုများ၊ ပါးလွှာသော ဘောင်များ၊ အလှဆင်အရိပ်များ မရှိပါ၊ gradient ခလုတ်များ မရှိပါ၊ အိုင်ကွန်များ မရှိပါ။ grid သည် ကျယ်ဝန်းပြီး negative space သည် ဇိမ်ခံပစ္စည်းတစ်ခုဖြစ်သည်။ ထုတ်ကုန်တစ်ခုစီတွင် ၎င်း၏ကိုယ်ပိုင် floating plinth ပေးထားပြီး၊ ပတ်လည်ရှိ အဖြူရောင်သည် နေရာလွတ်ဖြစ်သည်။ အရောင်ကို အဖိုးတန်ပစ္စည်းတစ်ခုကဲ့သို့ ဖြန့်ဝေထားသည်- ပေါ်လာသောအခါ ၎င်းသည် ဘောင်တစ်ခုလုံးကို နေရာယူထားသည်။
အမြင့်ဆုံးအကျယ် 1440px ရှိသော container သည် အလယ်ဗဟိုတွင်ရှိပြီး အစွန်းများတွင် အလျားလိုက်အနားသတ် 25px ရှိသည်။ hero element သည် စာမျက်နှာ၏ အကျယ်တစ်ခုလုံးကို နေရာယူထားသည် (container ကို ခွဲထုတ်ခြင်း)၊ ultramarine ကင်မရာသည် အစွန်းမှ အစွန်းသို့ ဆန့်ထွက်နေသည်။ ထုတ်ကုန်ဇယားကွက်များကို ကော်လံ ၄-၅ ခုဖြင့် 25px ကွာဟချက်များဖြင့် ညီညာစွာ ခင်းကျင်းထားပြီး မိုဘိုင်းစက်ပစ္စည်းများတွင် အလျားလိုက် လှိမ့်နိုင်သည်။ အပိုင်းများသည် အဖြူရောင်နောက်ခံနှင့် အကျယ်အပြည့်အရောင်ကင်မရာများအကြား တစ်လှည့်စီဖြစ်သည်—စည်းချက်မှာ အောက်ပါအတိုင်းဖြစ်သည်- အဖြူရောင်ထုတ်ကုန်ဇယားကွက် → ultramarine hero element → အဖြူရောင်ထုတ်ကုန်ဇယားကွက် → rich red editorial banner → အဖြူရောင်ထုတ်ကုန်ဇယားကွက် → ultramarine footer။ Navigation သည် အဖြူရောင်နှင့် အရောင်အပိုင်းများ၏ အထက်တွင် ပေါလောမျောနေသော minimalist top bar တစ်ခုဖြစ်သည် (စာသားကို မှောင်သောနောက်ခံတွင် အဖြူရောင်သို့ ပြောင်းပြန်လှန်ထားသည်)။ စာမျက်နှာသည် "အသက်ရှူသည်"—အပိုင်းများအကြား ကွာဟချက်များသည် 60-80px ရှိပြီး တစ်ဦးချင်းထုတ်ကုန်များတွင် ဆဲလ်များအတွင်း ၎င်းတို့၏ကိုယ်ပိုင်နေရာရှိပြီး သတင်းအချက်အလက်သိပ်သည်းဆမရှိပါ။
ထုတ်ကုန်ဓာတ်ပုံရိုက်ကူးခြင်းသည် တစ်ခုတည်းသော အမြင်အာရုံဒြပ်စင်ဖြစ်သည်- လူနေမှုပုံစံပုံများ၊ မော်ဒယ်များ သို့မဟုတ် ပတ်ဝန်းကျင်ဆိုင်ရာနောက်ခံများ မပါဝင်ပါ။ ထုတ်ကုန်များကို လုံးဝကြားနေနောက်ခံများ (အဖြူ၊ အနက်နှင့် ရောင်ပြန်ရင့်ပြာ) တွင် ရိုက်ကူးထားပြီး ထိန်းချုပ်ထားသော စတူဒီယိုအလင်းရောင်ဖြင့် ပစ္စည်းများကို မီးမောင်းထိုးပြထားသည်- မက်ထ်အလူမီနီယမ်၊ သားရေအသွင်အပြင်၊ အန်နိုဒိုက်ကြေးနီနှင့် မက်ထ်ဆီလီကွန်။ ဖြတ်တောက်ခြင်းသည် တင်းကျပ်ပြီး အလယ်ဗဟိုတွင်ရှိပြီး အဓိကအကြောင်းအရာကို အလေးပေးထားသည်။ အရောင်ဖော်ပြမှုသည် တိတ်ဆိတ်ပြီး ပစ္စည်းနှင့်သင့်လျော်သည်- ကြေးနီကို "ရွှေရောင်အချိန်" အဖြစ်မဟုတ်ဘဲ ကြေးနီအဖြစ် မြင်ယောင်သည်။ ဒုတိယအမြင်အာရုံပုံစံများတွင် ထင်ရှားသော အယ်ဒီတာ့အာဘော်အခိုက်အတန့်များအတွက် ကြွယ်ဝသော၊ တစ်ရောင်တည်းသော မျက်နှာပြင်များ (ultramarine၊ terracotta အနီရောင်) ကို ဆန့်ကျင်၍ ပါးလွှာသော၊ မျက်နှာပြင်အပြည့် ထုတ်ကုန်ပုံရိပ်များ ပါဝင်သည်။ အိုင်ကွန်ဂရပ်ဖစ်- ပါးလွှာသော 1px မျဉ်း၊ အဖြူပေါ်တွင် တစ်ရောင်တည်းအနက်ရောင် သို့မဟုတ် မှောင်သောပေါ်တွင် အဖြူရောင်၊ ဂျီဩမေတြီ၊ ဖြည့်ခြင်းမပြုလုပ်၊ မျိုးစုံအရောင်မပါဝင်ပါ။
ရောင်စုံ
အမှတ်တံဆိပ်
- Ultramarine Velvet
#060daa— စာမျက်နှာများ၏ အပေါ်နှင့်အောက်ရှိ နောက်ခံပုံများ၊ စာမျက်နှာ၏ အကျယ်တစ်ခုလုံးကို လွှမ်းခြုံထားသော သိသာထင်ရှားသော အပိုင်းများနှင့် အောက်ခြေဖြည့်မှုများ—ဘောင်တစ်ခုလုံးကို လွှမ်းခြုံပြီး ထုတ်ကုန်တစ်ခုတည်းကို ဇာတ်ရုံဆန်သော အငွေ့အသက်ပေးရန်အတွက် အသုံးပြုသည့် ကြွယ်ဝသော၊ အနက်ရောင်-အပြာ-ခရမ်းရောင်နီးပါး အရောင်။
ကြားနေ
- Porcelain Canvas
#ffffff— စာမျက်နှာနောက်ခံပုံများ၊ ထုတ်ကုန်ကတ်ဒီဇိုင်းနှင့် လမ်းညွှန်ဘားများသည် ထုတ်ကုန်တိုင်းကို တည်ဆောက်ထားသည့် အခြေခံအုတ်မြစ်များဖြစ်သည်။ - Bone
#fcfaee— နွေးထွေးသော ကြားနေအရောင်ဘလောက်များအတွက် ဒုတိယမျက်နှာပြင်၊ မှောင်မိုက်နောက်ခံပေါ်ရှိ ခလုတ်စာသား၊ အဖြူရောင်သည် ပိုးသတ်နေသည်ဟု ခံစားရသည့်အခါ အစားထိုးပတ္တူတစ်ခု။ - Obsidian
#191817— အဓိကစာသားနှင့် ထုတ်ကုန်ဖော်ပြချက်စာသားသည် အဖြူရောင်နောက်ခံပေါ်ရှိ #000000 ထက် ပိုမိုနူးညံ့သည့် နွေးထွေးပြီး အနက်ရောင်နီးပါးဖြစ်သည်။ - Pure Ink
#000000— အိုင်ကွန်ပုံကြမ်းများ၊ မိုက်ခရိုတဂ်များ၊ သိမ်မွေ့သောဘောင်များနှင့် အပြတ်သားဆုံးစာသားဆန့်ကျင်ဘက်များ။ - Graphite
#555555— ဒုတိယစာသား၊ မက်တာဒေတာ၊ ဈေးနှုန်းတဂ်များ၊ တိတ်ဆိတ်သော အရန်စာသား - Mist
#e5e5e5— အဝင်ဒေတာနယ်နိမိတ်များသည် ပါးလွှာပြီး စနစ်တွင် တစ်ခုတည်းသော ဖွဲ့စည်းပုံဆိုင်ရာ ခွဲထုတ်ကိရိယာဖြစ်သည်။
စာလုံးပုံစံ
၁၂ မှ ၃၆ ပစ်ဇယ် · အဆင့် ၅ ဆင့်
- BeoSupreme — အစားထိုးခြင်း: Neue Haas Grotesk Display Pro (closest) · မျဉ်းကြောင်းများ 400, 500, 700 · အမှတ်တံဆိပ်တစ်ခုလုံး၏ ဝိသေသလက္ခဏာကို ထင်ဟပ်စေသော တစ်ခုတည်းသော ဖောင့်။ ခေါင်းစဉ်များနှင့် ခေါင်းစဉ်များအတွက်- အလေးချိန် ၅၀၀–၇၀၀၊ စာလုံးအကွာအဝေးကျဉ်းမြောင်းသော ၂၄–၃၆px (-၀.၀၅၆em → -၀.၀၁၄em) ဖြင့် ယုံကြည်မှုရှိပြီး တိုတောင်းသော ခေါင်းစဉ်များအတွက်။ ကိုယ်ထည်မိတ္တူနှင့် UI အတွက်- အလေးချိန် ၄၀၀၊ ၁၄–၁၆px၊ ပုံမှန်စာလုံးအကွာအဝေး၊ လိုင်းအကွာအဝေး ၁.၅–၁.၇။ မိုက်ခရိုတံဆိပ်များ (လမ်းညွှန်၊ အိုင်ကွန်များ၊ "၁၉၂၅ ခုနှစ်တွင် တည်ထောင်ခဲ့သည်" ဆောင်ပုဒ်): အလေးချိန် ၅၀၀၊ ၉–၁၂px +၀.၁၄၃em အထိ စာလုံးအကျယ်အကွာအဝေး၊ မမြင်သာသော ဗိသုကာမှတ်ချက်များအဖြစ် အသုံးပြုရန် စာလုံးကြီးများဖြင့် ပြသထားသည်။ အခြားယှဉ်ပြိုင်ဖောင့် မရှိပါ။
- object-fit: cover; object-position: center; — အစားထိုးခြင်း: Inter · မျဉ်းကြောင်းများ 400 · object-fit: cover; object-position: center; - ထုတ်ယူထားသောဒေတာတွင်တွေ့ရှိရသော်လည်း AI မှဖော်ပြမထားပါ။
ကြားကာလများနှင့်ပုံစံ
| ရည်ရွယ်ချက် | အဓိပ္ပာယ် |
|---|---|
| သိပ်သည်းဆ | သိပ်သည်းသော |
| အခြေခံအဆင့် | 8-16px |
| ခလုတ်အချင်းဝက် | 40px |
| ကတ်အချင်းဝက် | 0px |
| အရိပ်များ | အရိပ်များအစား ဘောင်မရှိပါ |
| အပိုင်းများအကြား | 60-80px |
| စာမျက်နှာအကျယ် | 1440px |
AI က သင့်ဝက်ဘ်ဆိုက်ကို Bang & Olufsen ပုံစံနဲ့ တည်ဆောက်ပြီး ဖြည့်စွက်ပေးပါလိမ့်မယ်
- Instagram ၊ TikTok ၊ Facebook လင့်ခ်မှတစ်ဆင့် ထုတ်ကုန်များနှင့် ပို့စ်များကို ဖြည့်ပါ။
- သင့်ဆိုက်ဟောင်းမှ အကြောင်းအရာကို လွှဲပြောင်းပါ—လိပ်စာကို သတ်မှတ်ပါ။
- အကောင်းဆုံးအင်ဂျင်ပေါ်တွင် ခေတ်မီဒီဇိုင်း- server rendering နှင့် SEO optimization ပါဝင်သော React ( Next.js)။
- ရှာဖွေမှုရလဒ်များနှင့် neural network အကြံပြုချက်များအတွက် အပြည့်အဝ အလိုအလျောက် SEO အကောင်းဆုံးဖြစ်အောင်ပြုလုပ်ခြင်း။
အလားတူပုံစံများ
- Structured — ပလတ်စတစ်စက္ကူကဲ့သို့ စက္ကူပေါ်တွင် ရီနေးဆွန်းစ်ပြခန်း
- Apple (España) — ပြတိုက်ပြခန်းသည် နေ့အလင်းရောင်ဖျော့ဖျော့အောက်တွင် တစ်ခုတည်းသော ဆွဲဆောင်မှုရှိသော အလေးချိန်မဲ့ အဖြူရောင်နေရာတစ်ခုဖြစ်ပြီး ပြပွဲတစ်ခုစီကို အရောင်ဖျော့ဖျော့ဖြင့် အလှဆင်ထားသော မီးအိမ်ဖြင့် ထွန်းလင်းထားသည်။
- Apple (España) — Obsidian Gallery ပြခန်းသည် မှောင်မိုက်သော ပြပွဲခန်းမတစ်ခုဖြစ်ပြီး တိုက်တေနီယမ်အရာဝတ္ထုတစ်ခုတည်းသည် မှောင်မိုက်သောနောက်ခံတွင် တောက်ပနေသည်။
- 099 SUPPLY — အဖြူအမည်း အရာဝတ္ထုတွေနဲ့ ပြည့်နေတဲ့ ပြခန်းနံရံ
- Custo — တစ်ထပ်တည်းကျတဲ့ ဖောင့်နဲ့ သေနတ်ရောင်ပြခန်း။ မီးခိုးရောင်-အစိမ်းရောင် ရောစပ်ထားတဲ့ ပြခန်းတစ်ခု၊ အဲဒီမှာ မှောင်မိုက်တဲ့ အရာဝတ္ထုတစ်ခုတည်းနဲ့ 57px ဖောင့်က သူ့အလိုလို ပြောပြနေတယ်။
- Apple (España) — နေ့လည်ခင်းတွင် White Museum Gallery ၌
- VITURE — သန်းခေါင်ယံမှန်နောက်ကွယ်မှ နီယွန်ထုတ်ကုန်တင်ဆက်မှုတစ်ခု - မှောင်မိုက်နေသောပြခန်းတစ်ခုတွင် လိမ္မော်ရောင်ရောင်ခြည်တစ်ခုတည်းသည် အမှောင်ထုကိုဖြတ်၍ စင်ပေါ်ရှိ မျက်မှန်တစ်စုံကို လင်းလက်စေသည်။
- HNST Studio — သံချေးတက်နေတဲ့ ပိတ်ချောထည်တွေနဲ့ သက်တောင့်သက်သာရှိတဲ့ စတူဒီယိုတစ်ခုဟာ လောင်ကျွမ်းနေတဲ့ လိမ္မော်ရောင် တစ်မျိုးတည်းသော အသားပေးမှုက ခရင်မ်နဲ့ မီးသွေးရောင် ဘုန်းကြီးကျောင်း အတွင်းပိုင်းကို နွေးထွေးစေပြီး နှေးကွေးတဲ့ ဖက်ရှင်ပြခန်းတစ်ခု ဖြစ်ပါတယ်။
- OFFFICE : — တစ်ဆူတည်းသော ဖောင့်ထဲတွင် နစ်မြုပ်နေသော noir ပြခန်း
- ARTU — အဖြူရောင်စက္ကူပေါ်တွင် ပြခန်းနံရံ။ ARTU သည် ကြည့်ရှုရန်နေရာကို ပြတိုက်တစ်ခုကဲ့သို့ သဘောထားသည်—ကြီးမားသော ထုတ်ကုန်ဓာတ်ပုံများ၊ သိမ်မွေ့သော အမှတ်အသားများနှင့် အောက်ခြေတွင် ထုံးတစ်ချက်ဖြင့် ဖွဲ့စည်းမှုကို ပြီးပြည့်စုံစေသည်။
- Specht Studio — လျှို့ဝှက်ဆန်းကြယ်သော စူးစမ်းလိုစိတ်များဖြင့် ပြည့်နှက်နေသော ပြခန်းနံရံ။ စတူဒီယို၏ ကိုယ်ပိုင်ခရုမ်းအပြီးသတ်သည် အဖြူရောင်မျက်နှာပြင်နှင့် အနက်ရောင်စာလုံးများဖြစ်ပြီး အမြင်အာရုံမီးရှူးမီးပန်းများသည် ပရောဂျက်၏ကြွေပြားလုပ်ငန်းများတွင် အပြည့်အဝစုစည်းထားသည်။
- MindMarket — ခရင်မ်စက္ကူပေါ်တွင် ရေးသားထားသော ဇာတ်လမ်းပုံပြင်စာအုပ်တစ်အုပ် - နေရောင်စိုစွတ်ပြီး စတစ်ကာကဲ့သို့ နူးညံ့သော မျက်နှာပြင်ပေါ်တွင် ကြီးမားသော ခေါင်းစဉ်များနှင့် ဖြတ်ထုတ်ထားသော စက္ကူဇာတ်ကောင်များ တစ်ပြိုင်နက်တည်း ရှိနေသည့် ဖော်ရွေသော အယ်ဒီတာ့အာဘော် ပတ္တူတစ်ခုဖြစ်သည်။