FARFETCH España
«Սպիտակ խորանարդ» ոճի նորաձևության պատկերասրահ։ Պատկերացրեք բարձրակարգ առևտրի տարածք, որտեղ պատերը, հատակը և սարքավորումները սպիտակեցված են, և միայն հագուստն ու այն կրող մարդիկ են ստեղծում յուրաքանչյուր երանգ, հյուսվածք և տեսողական արտահայտություն։
Farfetch-ը գործում է որպես «սպիտակ խորանարդի» նորաձևության պատկերասրահ. ինտերֆեյսը գրեթե ամբողջությամբ զուրկ է գույներից, ինչը թույլ է տալիս խմբագրական լուսանկարչությանը թելադրել բոլոր տեսողական որոշումները: Տիպագրությունն ապահովում է ամբողջ կառուցվածքային աշխատանքը. օգտագործվում է հատուկ նախագծված երկրաչափական sans-serif տառատեսակ (Farfetch Basis)՝ 400 և 700 կշիռներով, մինչդեռ բաժինների վերնագրերը և լոգոն ներկայացված են serif տառատեսակով, որը տեքստը դիտարկում է որպես կոմպոզիցիա: Դասավորությունը ճարտարապետական է՝ կենտրոնացված, լրիվ լայնությամբ բովանդակություն, կոշտ 3 և 4 սյունակ ունեցող ապրանքային ցանցեր, բաժինների տեղադրման համար բավարար տարածք (48–72px) և դեկորատիվ տարրերի լիակատար բացակայություն: Բաղադրիչները զերծ են զարդարանքներից՝ որոնման համար նուրբ ընդգծումներ, թաքնված նավիգացիոն հղումներ, պատկերների տակ մեծատառերով գրված կատեգորիաների անուններ, ստվերներից կամ սահմաններից զուրկ հարթ ապրանքային սալիկներ: Համակարգում միակ գույնը լուսանկարներն են. ինտերֆեյսը շրջանակ է, այլ ոչ թե պատկերն ինքնին:
Էջը ներկայացնում է կենտրոնացված, լրիվ լայնությամբ կոմպոզիցիա՝ մոտ 1280px առավելագույն բովանդակության լայնությամբ։ Վերնագիրը բարակ, եռագոտի վահանակ է (ձախ կողմում կատեգորիայի նավիգացիա, աջ կողմում կենտրոնացված տեքստային նշան և օժանդակ պատկերակներ), որի տակ աջ կողմում որոնման դաշտ է։ Առաջին բաժինը լրիվ լայնությամբ կատեգորիաների սալիկների (MUJER, HOMBRE, INFANTIL) եռասյուն ցանց է, որոնցից յուրաքանչյուրն ունի վերադրման պիտակ։ Յուրաքանչյուր կատեգորիայի բաժնի տակ գտնվում է ապրանքի կատեգորիաների քարտերի չորս սյունակ ցանց (NOVEDADES, ROPA, BOLSOS, ZAPATOS)՝ վերնագրերով, որոնք բոլորը մեծատառերով են։ Բաժինների վերնագրերը կենտրոնացված են և գրված են տառատեսակով՝ վերևում և ներքևում մոտ 48px ուղղահայաց խորությամբ։ Չկան հերթագայող ֆոնային շերտեր՝ ամբողջ էջը մեկ ամբողջական սպիտակ դաշտ է։ Ստորին մասը շրջված է #222222-ի՝ որպես մեկ մուգ շերտ։ Նավիգացիան մինիմալիստական վերին գոտի է՝ առանց ֆիքսված տարրերի, մեգա մենյուի և կողային գոտիի։
Տեսողական համակարգը գերակշռում է խմբագրական նորաձևության լուսանկարչությունը՝ մեծ, բարձր թույլտվությամբ պատկերներ, որոնք լցնում են ամբողջ էջը, որտեղ մոդելները պատկերված են ճարտարապետական ինտերիերներում և ապրանքների խոշոր պլաններում: Լուսանկարչությունն ինքնին կատարվում է խլացված, անհագեցած պալիտրաով՝ բետոնե պատեր, բնական քար, չեզոք ինտերիեր, մեղմ, ուղղորդված ցերեկային լույս: Մոդելները նկարահանվում են միջին և լիամետրաժ հասակով՝ խմբագրական դիրքերով, այլ ոչ թե էլեկտրոնային առևտրի կատալոգների խիստ դիրքերով: Ապրանքների պատկերները (պայուսակներ, կոշիկներ) մեկուսացված են չեզոք մոխրագույն կամ քարե ֆոնի վրա՝ առանց որևէ կենսակերպի համատեքստի. սուբյեկտը գլխավոր հերոսն է: Ինտերֆեյսը որևէ տեսողական տարր չի ավելացնում. ոչ մի պատկերակ, ոչ մի գովազդային պիտակ, ոչ մի դեկորատիվ շրջանակ: Ամբողջ տեսողական հարստությունը գալիս է լուսանկարչության բաժնից, այլ ոչ թե դիզայնի համակարգից:
Պալիտրա
Չեզոք
- Carbon
#222222— Հիմնական տեքստ, էջի տեքստ, նավիգացիոն հղումներ, պատկերակներ, լոգո, ստորին էջ և գրեթե սև գունային երանգ ամբողջ մոնոխրոմ համակարգի համար։ - Paper
#ffffff— Էջի կտավը, քարտի ֆոնային պատկերները, ապրանքի սալիկների մակերեսները, մուտքագրման դաշտերը և գերիշխող ֆոնը, որը լուսանկարը դարձնում է միակ գունային շեշտադրումը։ - Ash Gray
#b6b6b6— Նուրբ պատկերակների գծեր, լրացուցիչ եզրագծեր, ֆոնին ընդգծված որոնման գիծ, մուտքագրման դաշտերում ուրվականային տեքստի տեղապահ՝ ամենաանաղմուկ տարբերակը, ոչ տեքստային առումով չեզոք։ - Stone
#f5f5f5— Նավիգացիոն վահանակների համար մկնիկի կուրսորը պահելու անցումային էֆեկտ, ենթավահանակների և գովազդային ֆոնի համար երկրորդային մակերեսային երանգ, ստեկի ամենափափուկ անցումային էֆեկտը։ - Graphite
#727272— Անջատված օգնական տեքստ, ոչ ակտիվ ձևաթղթի եզրագծեր և անջատված պատկերակների ուրվագծեր՝ միջին մոխրագույնը ցույց է տալիս շեշտադրման նվազում՝ առանց զոհաբերելու ընթեռնելիությունը։ - Smoke
#e6e6e6— Արտադրանքի շարքերի միջև նուրբ բաժանարարներ, հազիվ նկատելի կառուցվածքային գիծ՝ այլապես անխափան դասավորության մեջ։
Տպագրություն
13-ից մինչև 30px · 3 քայլ
- 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 չափի նավիգացիոն հղումներ, 15px/400 չափի տեքստ և ապրանքի նկարագրություններ, 22–30px/400 չափի բաժինների վերնագրեր և 700 չափի FARFETCH լոգոտիպ։ Միայն 400 վերնագրերը միտումնավոր շեղում են թավատառից. բաժինների վերնագրերն ունեն կանոնավոր, վստահ, բայց ոչ չափազանց թավատառ քաշ, մինչդեռ 700-ը նախատեսված է լոգոյի և ամենաարտահայտիչ կատեգորիաների անվանումների համար։ Այս հատուկ երկրաչափությունը ապահովում է հավասարաչափ գծապատկերի հակադրություն և նուրբ, մարդասիրական ջերմություն, որը ստանդարտ Helvetica տառատեսակը չէր հասնի։
Ժամանակահատվածներ և ձև
| Նպատակ | Նշանակություն |
|---|---|
| Խտություն | խիտ |
| Հիմնական քայլ | 24px |
| Կոճակի շառավիղ | 0px |
| Քարտի շառավիղ | 0px |
| Ստվերներ | ստվերների փոխարեն՝ առանց սահմանների |
| Բաժինների միջև | 48-72px |
| Էջի լայնությունը | 1280px |
Արհեստական բանականությունը կկառուցի ձեր կայքը FARFETCH España ոճով և կլրացնի այն
- Լրացրեք ապրանքներով և գրառումներով՝ հղումով - Instagram, TikTok, Facebook:
- Տեղափոխեք բովանդակությունը ձեր հին կայքից՝ պարզապես նշեք հասցեն։
- Ժամանակակից դիզայն լավագույն շարժիչի վրա՝ React ( Next.js)՝ սերվերի ռենդերինգով և SEO օպտիմիզացիայով՝ անմիջապես։
- Լիովին ավտոմատացված SEO օպտիմալացում որոնման արդյունքների և նեյրոնային ցանցերի առաջարկությունների համար։
Նմանատիպ ոճեր
- MAKR — Ձեռագործ կաշվե իրերի թանգարանային ցուցափեղկ։ Հանգիստ, ամբողջությամբ սպիտակ սենյակ, որտեղ տաք սև թանաքով պիտակները լողում են ձեռքերում պահված կաշվե իրերի մեծ լուսանկարների տակ կամ բնապատկերների ֆոնին, միակ գունային հակադրությունը եղեսպակիի խլացված շերտն է։
- Franco Maria Ricci Editore — Արտ Դեկո պատկերասրահի կատալոգ - Հղկված ոսկե գծեր սպիտակ մագաղաթի վրա
- Laura Monin — Խմբագրական պատկերասրահի պատ, սպիտակ մարմար, թանաքային դրոշմանիշ
- OhDada — Խմբագրական պատկերասրահի պատ
- Cursor — Հարմարավետ մագաղաթի արհեստանոց, լուսավորված ծխացող ածուխներով
- Structured — Վերածննդի պատկերասրահ պլաստիլինե թղթի վրա
- MindMarket — Հարմարավետ հեքիաթային գիրք կրեմագույն թղթի վրա՝ բարեկամական խմբագրական կտավ, որտեղ արևով ողողված, պիտակի պես փափուկ մակերեսի վրա համակեցության մեջ են Ինտերի մեծ վերնագրերը և կտրված թղթե կերպարները։
- Airbnb — Հանգիստ սպիտակ պատկերասրահի պատ՝ մեկ մարջանագույն կարմիր էջանիշով
- Apple (España) — Թանգարանի պատկերասրահը, մեղմ ցերեկային լույսի ներքո, միասնական, գրավիչ, անկշիռ սպիտակ տարածք է, որտեղ յուրաքանչյուր ցուցանմուշ լուսավորված է թեթևակի երանգավորված պատի ֆոնին տեղադրված լուսարձակով։
- Lamborghini — Սև թափքի գույնը ցուցասրահում, լուսարձակների տակ՝ մեկ դեղին մեքենա
- Amplemarket — Արևով ողողված աշխատավայր՝ ցրված կոնֆետիով
- Getharvest — Ոսկե ժամին սեղան՝ տաք կրեմագույն կտավ, կտավի վրա կախված սպիտակ բացիկներ և մեկ վառ նարնջագույն բոց։