FARFETCH España
"အဖြူရောင်တုံး" ပုံစံ ဖက်ရှင်ပြခန်း။ နံရံများ၊ ကြမ်းပြင်များနှင့် ပရိဘောဂများကို အဖြူရောင်ဖြင့် သုတ်လိမ်းထားပြီး အဝတ်အစားများနှင့် ဝတ်ဆင်သူများသာ အရောင်အသွေး၊ အသားနှင့် အမြင်အာရုံ ဖော်ပြချက်တိုင်းကို ဖန်တီးပေးသည့် အဆင့်မြင့် လက်လီအရောင်းဆိုင်တစ်ခုကို မြင်ယောင်ကြည့်ပါ။
Farfetch သည် "အဖြူရောင်တုံး" ဖက်ရှင်ပြခန်းအဖြစ် လုပ်ဆောင်သည်- interface သည် အရောင်လုံးဝနီးပါး ကင်းမဲ့နေပြီး အယ်ဒီတာ့အာဘော် ဓာတ်ပုံများက အမြင်အာရုံဆိုင်ရာ ဆုံးဖြတ်ချက်အားလုံးကို ညွှန်ကြားနိုင်စေပါသည်။ Typography သည် ဖွဲ့စည်းပုံဆိုင်ရာ အလုပ်အားလုံးကို ပံ့ပိုးပေးသည်- စိတ်ကြိုက်ဒီဇိုင်းထုတ်ထားသော geometric sans-serif ဖောင့် (Farfetch Basis) ကို weights 400 နှင့် 700 တွင် အသုံးပြုထားပြီး၊ အပိုင်းခေါင်းစဉ်များနှင့် လိုဂိုကို စာသားကို ဖွဲ့စည်းပုံအဖြစ် သတ်မှတ်သည့် serif ဖောင့်ဖြင့် ပြသထားသည်။ အပြင်အဆင်သည် ဗိသုကာလက်ရာဖြစ်သည်- အလယ်ဗဟိုပြု၊ အကျယ်အပြည့်အကြောင်းအရာ၊ တင်းကျပ်သော ကော်လံ ၃ နှင့် ၄ ကော်လံပါ ထုတ်ကုန်ဇယားကွက်များ၊ အပိုင်းနေရာချထားရန် လုံလောက်သောနေရာ (48–72px) နှင့် အလှဆင်ဒြပ်စင်များ လုံးဝမရှိပါ။ အစိတ်အပိုင်းများကို အလှဆင်ခြင်းမှ ဖယ်ရှားထားသည်- ရှာဖွေရန်အတွက် သိမ်မွေ့သော အောက်ခံမျဉ်းများ၊ ဝှက်ထားသော navigation link များ၊ ရုပ်ပုံများအောက်တွင် စာလုံးကြီးများဖြင့် ရေးသားထားသော အမျိုးအစားအမည်များ၊ အရိပ်များ သို့မဟုတ် ဘောင်များမပါဘဲ ပြားချပ်ချပ် ထုတ်ကုန်ကြွေပြားများ။ စနစ်တွင် တစ်ခုတည်းသောအရောင်မှာ ဓာတ်ပုံများကိုယ်တိုင်ဖြစ်သည်။ interface သည် ရုပ်ပုံကိုယ်တိုင်မဟုတ်ဘဲ ဘောင်တစ်ခုဖြစ်သည်။
စာမျက်နှာတွင် အများဆုံး အကြောင်းအရာအကျယ် ~1280px ရှိသော အလယ်ဗဟိုပြု၊ အကျယ်အပြည့်ဖွဲ့စည်းမှု ပါရှိသည်။ ခေါင်းစဉ်သည် ပါးလွှာသော၊ ဇုန်သုံးခုပါ panel တစ်ခုဖြစ်ပြီး (ဘယ်ဘက်တွင် အမျိုးအစား navigation၊ အလယ်ဗဟိုပြု စာသားအမှတ်အသားနှင့် ညာဘက်တွင် အရန်အိုင်ကွန်များ) အောက်တွင် ညာဘက်တွင် ရှာဖွေရေးအကွက်တစ်ခုရှိသည်။ ပထမအပိုင်းသည် အကျယ်အပြည့် အမျိုးအစား tile များ (MUJER၊ HOMBRE၊ INFANTIL) ပါသော ကော်လံသုံးခုပါ grid တစ်ခုဖြစ်ပြီး တစ်ခုစီတွင် overlay label တစ်ခုပါရှိသည်။ အမျိုးအစားအပိုင်းတစ်ခုစီအောက်တွင် ထုတ်ကုန်အမျိုးအစားကတ်များ (NOVEDADES၊ ROPA၊ BOLSOS၊ ZAPATOS) ပါသော ကော်လံလေးခုပါ grid တစ်ခုရှိပြီး ခေါင်းစဉ်များကို စာလုံးကြီးများဖြင့် ရေးသားထားသည်။ အပိုင်းခေါင်းစဉ်များကို အလယ်ဗဟိုပြုထားပြီး အပေါ်နှင့်အောက်တွင် ~48px ဒေါင်လိုက် indent ပါသော font ဖြင့် ရေးသားထားသည်။ နောက်ခံအစင်းများ အပြန်အလှန်မရှိပါ - စာမျက်နှာတစ်ခုလုံးသည် ခိုင်မာသော အဖြူရောင်အကွက်တစ်ခုဖြစ်သည်။ footer ကို #222222 သို့ ပြောင်းပြန်လှန်ထားပြီး တစ်ခုတည်းသော မှောင်မိုက်သော အစင်းတစ်ခုအနေဖြင့် ဖြစ်သည်။ navigation သည် ပုံသေ element များမရှိ၊ mega menu မရှိ၊ sidebar မရှိသော minimalist top bar ဖြစ်သည်။
အမြင်အာရုံစနစ်ကို အယ်ဒီတာ့အာဘော်ဖက်ရှင်ဓာတ်ပုံများက လွှမ်းမိုးထားသည်—စာမျက်နှာတစ်ခုလုံးကို ပြည့်နှက်နေသော ကြီးမားပြီး ရုပ်ထွက်ကောင်းမွန်သော ပုံများ၊ ဗိသုကာအတွင်းပိုင်းရှိ မော်ဒယ်များနှင့် ထုတ်ကုန်များ၏ အနီးကပ်ပုံများ ပါဝင်သည်။ ဓာတ်ပုံကိုယ်တိုင်က မှုန်ဝါးပြီး မပြည့်ဝသော အရောင်ဖျော့ဖျော့ဖြင့် ရိုက်ကူးထားသည်- ကွန်ကရစ်နံရံများ၊ သဘာဝကျောက်တုံးများ၊ ကြားနေအတွင်းပိုင်းများ၊ နူးညံ့ပြီး ဦးတည်ရာရှိသော နေ့အလင်းရောင်။ မော်ဒယ်များကို အလယ်အလတ်နှင့် အပြည့်အဝ ရိုက်ကူးထားပြီး၊ အီလက်ထရွန်းနစ်ကူးသန်းရောင်းဝယ်ရေးကတ်တလောက်များ၏ တင်းကျပ်သော ရှုထောင့်များမှ မဟုတ်ဘဲ အယ်ဒီတာ့အာဘော်များဖြင့် ရိုက်ကူးထားသည်။ ထုတ်ကုန်ပုံများ (အိတ်များ၊ ဖိနပ်များ) ကို ကြားနေမီးခိုးရောင် သို့မဟုတ် ကျောက်နောက်ခံတွင် သီးခြားစီထားပြီး မည်သည့်လူနေမှုပုံစံနှင့်မျှ မသက်ဆိုင်ဘဲ—အကြောင်းအရာသည် အဓိကဇာတ်ကောင်ဖြစ်သည်။ အင်တာဖေ့စ်တွင် အမြင်အာရုံဒြပ်စင်များ မပါဝင်ပါ- အိုင်ကွန်များ၊ ပရိုမိုးရှင်းစတစ်ကာများ၊ အလှဆင်ဘောင်များ မပါဝင်ပါ။ အမြင်အာရုံကြွယ်ဝမှုအားလုံးသည် ဒီဇိုင်းစနစ်မှ မဟုတ်ဘဲ ဓာတ်ပုံဌာနမှ လာပါသည်။
ရောင်စုံ
ကြားနေ
- Carbon
#222222— စာသားကိုယ်ထည်၊ စာမျက်နှာစာသား၊ လမ်းညွှန်လင့်ခ်များ၊ အိုင်ကွန်များ၊ လိုဂို၊ အောက်ခြေနှင့် မိုနိုခရုမ်းစနစ်တစ်ခုလုံးအတွက် အနက်ရောင်နီးပါး။ - Paper
#ffffff— စာမျက်နှာကင်းဗတ်၊ ကတ်နောက်ခံပုံများ၊ ထုတ်ကုန်ကြွေပြားမျက်နှာပြင်များ၊ ထည့်သွင်းမှုအကွက်များနှင့် ဓာတ်ပုံကို တစ်ခုတည်းသောအရောင်အနှစ်သာရဖြစ်စေသည့် အဓိကနောက်ခံ။ - Ash Gray
#b6b6b6— သိမ်မွေ့သော အိုင်ကွန်စုတ်ချက်များ၊ အပိုဘောင်များ၊ နောက်ခံတွင် ရှာဖွေမှုအောက်ခံမျဉ်းသားခြင်း၊ ထည့်သွင်းသည့်နေရာများတွင် ghost text placeholder—အတိတ်ဆိတ်ဆုံးရွေးချယ်မှု၊ စာသားကြားနေမဟုတ်ပါ။ - Stone
#f5f5f5— လမ်းညွှန်ဘားများအတွက် Hover အကူးအပြောင်းအာနိသင်၊ အောက်ဘားများနှင့် ကြော်ငြာနောက်ခံများအတွက် ဒုတိယမျက်နှာပြင်အရောင်၊ stack တွင် အနူးညံ့ဆုံး အကူးအပြောင်းအာနိသင်။ - Graphite
#727272— အသံတိတ်ထားသော helper text၊ အသက်မဝင်သော form border များနှင့် disabled icon outline များ—ဖတ်ရှုရလွယ်ကူမှုကို မထိခိုက်စေဘဲ emphasis ကို လျှော့ချထားကြောင်း ညွှန်ပြသည့် medium gray အရောင်။ - Smoke
#e6e6e6— ထုတ်ကုန်တန်းများကြားတွင် သိမ်မွေ့သော ပိုင်းခြားမှုများ၊ အခြားနည်းဖြင့် ချောမွေ့သော အပြင်အဆင်တွင် မသိသာသော ဖွဲ့စည်းပုံဆိုင်ရာ မျဉ်းတစ်ကြောင်း။
စာလုံးပုံစံ
၁၃ မှ ၃၀ px အထိ · အဆင့် ၃ ဆင့်
- Farfetch Basis — အစားထိုးခြင်း: Söhne (paid) or Inter (free) — both share the geometric humanist proportions; Inter as the practical open-source fallback · မျဉ်းကြောင်းများ 400, 700 · အသုံးပြုသူအား ပြသသည့်အရာအားလုံးအတွက် စိတ်ကြိုက်ဒီဇိုင်းထုတ်ထားသော ဂျီဩမေတြီ sans-serif ဖောင့်ကို အသုံးပြုထားသည်- 13–15px/400 တွင် navigation link များ၊ 15px/400 တွင် body text နှင့် ထုတ်ကုန်ဖော်ပြချက်များ၊ 22–30px/400 တွင် section headings နှင့် 700 တွင် FARFETCH logo။ 400 သာရှိသော ခေါင်းစဉ်များသည် bold မှ ရည်ရွယ်ချက်ရှိရှိ ရွှေ့ပြောင်းထားခြင်းဖြစ်သည်- section headings များတွင် ပုံမှန်၊ ယုံကြည်မှုရှိသော်လည်း အလွန်အကျွံ bold အလေးချိန်မရှိသော်လည်း 700 သည် logo နှင့် အထင်ရှားဆုံး အမျိုးအစားအမည်များအတွက် သီးသန့်ဖြစ်သည်။ ဤအထူးဂျီဩမေတြီသည် စံ Helvetica ဖောင့်တွင် မရရှိနိုင်သော တူညီသော contrast နှင့် သိမ်မွေ့သော၊ လူသားဆန်သော နွေးထွေးမှုကို သေချာစေသည်။
ကြားကာလများနှင့်ပုံစံ
| ရည်ရွယ်ချက် | အဓိပ္ပာယ် |
|---|---|
| သိပ်သည်းဆ | သိပ်သည်းသော |
| အခြေခံအဆင့် | 24px |
| ခလုတ်အချင်းဝက် | 0px |
| ကတ်အချင်းဝက် | 0px |
| အရိပ်များ | အရိပ်များအစား ဘောင်မရှိပါ |
| အပိုင်းများအကြား | 48-72px |
| စာမျက်နှာအကျယ် | 1280px |
AI က သင့်ဝက်ဘ်ဆိုက်ကို FARFETCH España ပုံစံနဲ့ တည်ဆောက်ပြီး ဖြည့်စွက်ပေးပါလိမ့်မယ်
- Instagram ၊ TikTok ၊ Facebook လင့်ခ်မှတစ်ဆင့် ထုတ်ကုန်များနှင့် ပို့စ်များကို ဖြည့်ပါ။
- သင့်ဆိုက်ဟောင်းမှ အကြောင်းအရာကို လွှဲပြောင်းပါ—လိပ်စာကို သတ်မှတ်ပါ။
- အကောင်းဆုံးအင်ဂျင်ပေါ်တွင် ခေတ်မီဒီဇိုင်း- server rendering နှင့် SEO optimization ပါဝင်သော React ( Next.js)။
- ရှာဖွေမှုရလဒ်များနှင့် neural network အကြံပြုချက်များအတွက် အပြည့်အဝ အလိုအလျောက် SEO အကောင်းဆုံးဖြစ်အောင်ပြုလုပ်ခြင်း။
အလားတူပုံစံများ
- MAKR — လက်မှုပညာသားရေပစ္စည်းများအတွက် ပြတိုက်ပြခန်း။ တိတ်ဆိတ်ငြိမ်သက်ပြီး အဖြူရောင်အခန်းတစ်ခန်းတွင် လက်ထဲတွင်ကိုင်ဆောင်ထားသော သို့မဟုတ် ရှုခင်းဓာတ်ပုံကြီးများ၏ အောက်တွင် နွေးထွေးသောအနက်ရောင်မင်ဖြင့် တံဆိပ်များပေါ်နေပြီး တစ်ခုတည်းသော ဆန့်ကျင်ဘက်အရောင်မှာ ဆာဂျရီအစင်းကြောင်းတစ်ခုဖြစ်သည်။
- Franco Maria Ricci Editore — အာ့တ်ဒီကို ပြခန်း ကတ်တလောက် - ကြည်လင်သော အဖြူရောင် စက္ကူပေါ်တွင် ඔප දැමීම ရွှေရောင်မျဉ်းကြောင်းများ
- Laura Monin — အယ်ဒီတာ့အာဘော်ပြခန်းနံရံ၊ အဖြူရောင်စကျင်ကျောက်၊ မင်တံဆိပ်ခေါင်း
- OhDada — အယ်ဒီတာ့အာဘော်ပြခန်းနံရံ
- Cursor — မီးခိုးတလူလူဖြင့် ထွန်းထားသော သက်တောင့်သက်သာရှိသော သိုးသားရေချုပ်အလုပ်ရုံ
- Structured — ပလတ်စတစ်စက္ကူကဲ့သို့ စက္ကူပေါ်တွင် ရီနေးဆွန်းစ်ပြခန်း
- MindMarket — ခရင်မ်စက္ကူပေါ်တွင် ရေးသားထားသော ဇာတ်လမ်းပုံပြင်စာအုပ်တစ်အုပ် - နေရောင်စိုစွတ်ပြီး စတစ်ကာကဲ့သို့ နူးညံ့သော မျက်နှာပြင်ပေါ်တွင် ကြီးမားသော ခေါင်းစဉ်များနှင့် ဖြတ်ထုတ်ထားသော စက္ကူဇာတ်ကောင်များ တစ်ပြိုင်နက်တည်း ရှိနေသည့် ဖော်ရွေသော အယ်ဒီတာ့အာဘော် ပတ္တူတစ်ခုဖြစ်သည်။
- Airbnb — သန္တာရောင် စာညှပ်တစ်ခုပါသည့် တိတ်ဆိတ်ငြိမ်သက်သော အဖြူရောင် ပြခန်းနံရံတစ်ခု
- Apple (España) — ပြတိုက်ပြခန်းသည် နေ့အလင်းရောင်ဖျော့ဖျော့အောက်တွင် တစ်ခုတည်းသော ဆွဲဆောင်မှုရှိသော အလေးချိန်မဲ့ အဖြူရောင်နေရာတစ်ခုဖြစ်ပြီး ပြပွဲတစ်ခုစီကို အရောင်ဖျော့ဖျော့ဖြင့် အလှဆင်ထားသော မီးအိမ်ဖြင့် ထွန်းလင်းထားသည်။
- Lamborghini — ကားပြခန်းမှာ အနက်ရောင်ကိုယ်ထည်၊ မီးရောင်အောက်မှာ - အဝါရောင်ကားတစ်စီး
- Amplemarket — နေရောင်အောက်က အလုပ်ခွင်ဟာ စက္ကူစတွေနဲ့ ပြန့်ကျဲနေတယ်
- Getharvest — ရွှေရောင်အချိန်အခါတွင် စားပွဲတစ်လုံး - နွေးထွေးသော ခရင်မ်ပတ္တူတစ်ချပ်၊ ပတ္တူပေါ်တွင် ချိတ်ဆွဲထားသော အဖြူရောင်ပို့စကတ်များနှင့် တောက်ပသော လိမ္မော်ရောင်မီးတောက်တစ်ခု