Nike
Սպորտային նվաճումների միագույն պատկերասրահ՝ սպիտակ պատեր, ապրանքը որպես արվեստի գործ, ֆոնին լուծված քրոմ
Nike.com-ը գործում է որպես մոնոխրոմ, ապրանքին նախապատվություն տվող պատկերասրահ. օգտագործողի ինտերֆեյսը գործնականում անտեսանելի է, ինչը թույլ է տալիս ապրանքի լուսանկարներին զբաղեցնել յուրաքանչյուր էկրան: Ամբողջ ինտերֆեյսը կառուցված է սևից, սպիտակից և մոխրագույնի երեք երանգներից՝ առանց շեշտադրող գույների, առանց դեկորատիվ գրադիենտների, առանց տաք, ֆիրմային քրոմի: Nike-ի ֆիրմային ոճը ապրում է պատկերասրահի լոգոյում և լուսանկարներում, բայց երբեք՝ օգտագործողի ինտերֆեյսում: Տիպագրությունը կոմպակտ և օգտատիրոջական է՝ հենվելով Helvetica Now տառատեսակների ընտանիքի վրա՝ 12-20px չափսերով, վերնագրերի համար՝ մեկ, մեծ չափսի Nike Futura ND լոգոտիպով՝ 76px չափսերով: Բաղադրիչները մինիմալիստական են. 30px շառավղով դեղահաբի տեսքով կոճակներ, հարթ ապրանքի քարտեր, բարակ եզրագծեր և գործնականում զրոյական բարձրության տարբերություն: Էջը հերթագայում է մաքուր սպիտակ ապրանքի մակերեսների և աչքի ընկնող, մուգ խմբագրական բաժինների միջև՝ ստեղծելով ռիթմ՝ ստեղծելով հակադրության միջոցով, այլ ոչ թե զարդարանքի:
Էջը հետևում է խմբագրական կայուն ռիթմին՝ աչքի ընկնող, լրիվ լայնությամբ, մուգ վերնագիր՝ մեկ ապրանքով և մեծ վերնագրով, որին հաջորդում են լրիվ լայնությամբ, 2x2 կատեգորիաների ցանց, հորիզոնական գլորվող ապրանքային քարտերի ցանց՝ 3 սյուներով, և վերջապես՝ խիտ, բազմասյունակ ստորին էջատետր։ Բոլոր բովանդակության բլոկները զբաղեցնում են դիտման պատուհանի լրիվ լայնությունը՝ առանց կոնտեյների առավելագույն լայնության. առավելագույն լայնության սահմանափակումը վերաբերում է միայն նավիգացիայի և ստորին էջատետրի հղումների ցանցին։ Բաժինների միջև անցումները սուր են. սև վերնագիր → սպիտակ կատեգորիաների ցանց → սպիտակ ապրանքային ցանց → սպիտակ ստորին էջատետր, նեղ մոխրագույն եզրագծերով, որոնք ծառայում են որպես միակ տեսողական կար։ Նավիգացիան մինիմալիստական, երկաստիճան գոտի է (օժանդակ հղումներ վերևում, հիմնական կատեգորիաներ՝ կենտրոնում)՝ առանց ամրացման, առանց ֆոնի լրացման և առանց ստվերի։ Բովանդակության խտությունը կոմպակտ է ապրանքային ցանցերում (քարտերի միջև փոքր հեռավորություն) և ընդարձակ՝ վերնագրում (լրիվ լայնությամբ դիտման պատուհան)։
Լուսանկարչությունը գերիշխող տեսողական տարրն է և սահմանում է ապրանքանիշի ամբողջ ինքնությունը: Համակարգն օգտագործում է բարձրորակ, լիարժեք կադրով արտադրանքի լուսանկարներ. մարզական կոշիկներ, որոնք լուսանկարվել են առանձին մուգ կամ գրադիենտային ֆոնի վրա, կտրված՝ կադրը լրացնելու համար, առանց կենսակերպի համատեքստի: Կենսակերպի պատկերները հայտնվում են կատեգորիաների մեջ՝ ցուցադրելով մարզիկների ոտքերն ու ոտքերը շարժման մեջ: Օգտագործվում է բարձր կոնտրաստի, հագեցած գունային սխեմա՝ կարմիր կոշիկներ սև ֆոնի վրա, նեոնային շեշտադրումներ սպիտակ ներբանների վրա և տաք ու սառը լուսավորություն՝ նյութերը դրամատիզացնելու համար: Չեն օգտագործվում նկարազարդումներ, աբստրակտ գրաֆիկա կամ եռաչափ պատկերացումներ: Պատկերները միշտ ունեն մաքուր եզրեր (լուսանկարչական տարաներում կլորացված անկյուններ չկան), միշտ զբաղեցնում են ամբողջ տարածքը իրենց բլոկների ներսում և միշտ ուղեկցվում են նվազագույն տեքստային վերադրմամբ: Պատկերագրությունը զուտ ֆունկցիոնալ է. որոնման, ցանկությունների ցուցակի, զամբյուղի և հաշվի ուրվագծային պատկերակները՝ օբսիդիանե կամ պողպատե գույներով:
Պալիտրա
Չեզոք
- Obsidian
#111111— Մուգ գույնը լրացնում է չեզոք տեքստը և պատկերակները և ստեղծում է ուժեղ հակադրություն: Խուսափեք այն օգտագործել որպես գործողության կոչերի հիմնական գույն: - Paper White
#ffffff— Էջի ֆոնը, քարտի մակերեսը, կոճակի տեքստը մուգ ֆոնի վրա, պատկերակի ուրվագիծը՝ ապրանքային ցանցերի և կատեգորիաների բաժինների համար նախատեսված լռելյայն կտավը։ - Concrete Gray
#e5e5e5— Սահմաններ, բաժանիչներ, ցանցի հատվածները բաժանող բարակ գծեր, մուտքագրման դաշտերի նուրբ ուրվագծեր։ - Soft Mist
#f5f5f5— Երկրորդական մակերեսների նուրբ ֆոնի գույն, որոնման դաշտի լրացում նավիգացիայում, պիտակի ֆոն։ - Steel
#707072— Երկրորդական տեքստ, խլացված օժանդակ տեքստ, կրճատված պատկերակների ուրվագծեր, հացի փշրանքների պիտակներ, ստորին էջի հղումների բաժանիչներ։ - Faint Gray
#9e9ea0— Պատկերակների ուրվագծերը, UI-ի երկրորդական տարրերը և նվազագույն ընդգծմամբ եզրագծերը անջատված են։
Տպագրություն
12-ից մինչև 76px · 6 քայլ
- Helvetica Now Text Medium — փոխարինում: Inter · ուրվագծեր 500 · Helvetica Now Text Medium տառատեսակ - հայտնաբերվել է հավաքված տվյալներում, բայց չի նկարագրվել արհեստական բանականության կողմից։
- Helvetica Now Text — փոխարինում: Inter or Helvetica Neue · ուրվագծեր 400, 500 · Օգտագործողի ինտերֆեյսի հիմնական տեքստը՝ նավիգացիոն հղումներ, կոճակների պիտակներ, քարտերի վերնագրեր, ապրանքների անվանումներ, ստորին էջի ցանկեր, ամբողջ մարմնի տեքստը։
- Helvetica Now Display Medium — փոխարինում: Inter Medium or Helvetica Neue Medium · ուրվագծեր 500 · Բաժինների վերնագրեր, քարտերի կատեգորիաների պիտակներ, միջին չափի վերնագրեր - Միջին տառատեսակը (20-24px) Nike-ի վերնագրերի բնորոշ առանձնահատկությունն է, որոնք մեծ դիզայնի տարրեր չեն. երբեք թավատառ, միշտ հակիրճ։
Ժամանակահատվածներ և ձև
| Նպատակ | Նշանակություն |
|---|---|
| Խտություն | խիտ |
| Հիմնական քայլ | 8px |
| Կոճակի շառավիղ | 30px |
| Քարտի շառավիղ | 0px |
| Ստվերներ | ստվերների փոխարեն՝ առանց սահմանների |
| Բաժինների միջև | 48px |
| Էջի լայնությունը | 1440px |
Արհեստական բանականությունը կկառուցի ձեր կայքը Nike ոճով և կլրացնի այն
- Լրացրեք ապրանքներով և գրառումներով՝ հղումով - Instagram, TikTok, Facebook:
- Տեղափոխեք բովանդակությունը ձեր հին կայքից՝ պարզապես նշեք հասցեն։
- Ժամանակակից դիզայն լավագույն շարժիչի վրա՝ React ( Next.js)՝ սերվերի ռենդերինգով և SEO օպտիմիզացիայով՝ անմիջապես։
- Լիովին ավտոմատացված SEO օպտիմալացում որոնման արդյունքների և նեյրոնային ցանցերի առաջարկությունների համար։
Նմանատիպ ոճեր
- Airbnb — Հանգիստ սպիտակ պատկերասրահի պատ՝ մեկ մարջանագույն կարմիր էջանիշով
- Apple (España) — սպիտակ պատկերասրահի ցուցափեղկ
- Silencio — Սպիտակ սենյակ՝ լողացող արտեֆակտներով։ Տաք թղթից պատրաստված պատկերասրահի ցուցադրություն, որտեղ յուրաքանչյուր տարր զբաղեցնում է իր տեղը բացասական ծավալի ֆոնի վրա, իսկ լռությունը միտումնավոր դիզայնի որոշում է։
- Oakâme — Արևով ողողված Պրովանսական արհեստանոց, որը փորագրված է տաք քարից
- Arc — Արդյունաբերական սպիտակ պատկերասրահ կեսգիշերային ջրի վրա
- Rivian — Էլեկտրական մոնոլիտ պատկերասրահի բետոնե պատին։ Ռիվիանը յուրաքանչյուր տրանսպորտային միջոց ներկայացնում է որպես քանդակ՝ հսկայական սպիտակ տարածության ֆոնին, որի տպագրությունը այնքան մեծ է, որ դառնում է ճարտարապետական տարր, և միակ տաք դեղինը խախտում է մոնոքրոմատիկ մթնոլորտը՝ ինչպես արևի լույսը անփայլ մակերեսի վրա։
- Analogue — Սև պատկերասրահի ցուցափեղկ – ապրանքները սավառնում են դատարկության մեջ
- ddna — տաք թանգարանային ցուցափեղկ՝ չմշակված կտավի վրա
- Zellerfeld — Քանդակագործի արհեստանոց սպիտակ մարմարի վրա՝ պատվանդանի մոնոլիտ մակերեսները, կոբալտի միակ կայծը, հատակից մինչև առաստաղ ձգվող փոքրատառերի շշուկը
- UY Studio — Վանքի քարե պատկերասրահը բետոնե պատերով լուռ տարածք է, որտեղ օծանելիքի շշերը տեղադրված են սպիտակ պատվանդանների վրա՝ լուսավորված մեկ 400 վատտանոց լամպով և չորս տաք մոխրագույն լամպերով։
- Basic.Space — կուրատորական պատկերասրահ սպիտակ մարմարի վրա
- COS — նորաձև պատկերասրահ սպիտակ պատերով