
Nike
Галереяи якранги дастовардҳои варзишӣ - деворҳои сафед, маҳсулот ҳамчун асари санъат, хром дар замина ҳал шудааст
Nike.com ҳамчун галереяи монохромӣ ва маҳсулот дар ҷои аввал кор мекунад: интерфейси корбар қариб ноаён аст ва имкон медиҳад, ки аксҳои маҳсулот ҳар як экранро ишғол кунанд. Тамоми интерфейс аз сиёҳ, сафед ва се сояи хокистарӣ сохта шудааст - бе рангҳои таъкидӣ, бе градиентҳои ороишӣ, бе хроми гарми имзоӣ. Услуби имзои Nike дар логотипи галерея ва аксҳо зиндагӣ мекунад, аммо ҳеҷ гоҳ дар худи интерфейси корбар нест. Типография компакт ва утилитарӣ буда, ба оилаи шрифтҳои махсус тарҳрезишудаи Helvetica Now бо андозаи 12-20 пиксел такя мекунад ва логотипи ягонаи Nike Futura ND бо андозаи 76 пиксел барои сарлавҳаҳо дорад. Компонентҳо минималистӣ мебошанд: тугмаҳои шакли ҳаб бо радиуси 30 пиксел, кортҳои ҳамвори маҳсулот, канорҳои борик ва қариб сифр фарқияти баландӣ. Саҳифа байни сатҳҳои сафеди маҳсулот ва бахшҳои таҳририи торик иваз мешавад ва тавассути контраст ритм эҷод мекунад, на ороиш.
Саҳифа аз ритми пурқуввати таҳрирӣ пайравӣ мекунад: сарлавҳаи таъсирбахши пурра ва торик, ки дорои як маҳсулот ва унвони калон аст, пас аз он шабакаи пурра ва категорияи 2x2, шабакаи уфуқии ҳаракаткунандаи кортҳои маҳсулот дар 3 сутун ва дар ниҳоят поёни саҳифаи зич ва бисёрсутунӣ. Ҳамаи блокҳои мундариҷа паҳнои пурраи майдони намоишро бидуни паҳнои ҳадди аксари контейнер ишғол мекунанд; маҳдудияти ҳадди аксар танҳо ба шабакаи пайвандҳои навигатсия ва поёни саҳифа дахл дорад. Гузаришҳо байни бахшҳо тезанд: сарлавҳаи сиёҳ → шабакаи категорияи сафед → шабакаи маҳсулоти сафед → поёни саҳифаи сафед, бо сарҳадҳои танг хокистарӣ, ки ҳамчун ягона дарзи визуалӣ хизмат мекунанд. Навигатсия як сатри минималистӣ ва дуқабата (пайвандҳои ёрирасон дар боло, категорияҳои асосӣ дар марказ) бе пинкунӣ, пур кардани замина ва соя мебошад. Зичии мундариҷа дар шабакаҳои маҳсулот фишурда аст (фосилаи зичи корт) ва дар сарлавҳа васеъ аст (портали намоиши пурра).
Аксбардорӣ унсури асосии визуалӣ буда, тамоми шахсияти брендро муайян мекунад. Система аз аксҳои маҳсулоти босифат ва пурраи чаҳорчӯба истифода мебарад: пойафзоли варзишӣ, ки алоҳида дар заминаи торик ё градиентӣ аксбардорӣ карда мешаванд, барои пур кардани чаҳорчӯба бурида шудаанд, бе контексти тарзи зиндагӣ. Тасвирҳои тарзи зиндагӣ дар дохили категорияҳо пайдо мешаванд ва пойҳо ва пойҳои варзишгаронро дар ҳаракат нишон медиҳанд. Схемаи рангии сершуда ва контрасти баланд истифода мешавад - пойафзоли сурх дар заминаи сиёҳ, аксентҳои неон дар таги сафед ва равшании гарму хунук барои драматизатсияи мавод. Ҳеҷ гуна тасвирҳо, графикаи абстрактӣ ё тасвирҳои сеченака истифода намешаванд. Тасвирҳо ҳамеша канорҳои тоза доранд (кунҷҳои мудаввар дар контейнерҳои аксӣ нестанд), ҳамеша тамоми фазои дохили блокҳои худро ишғол мекунанд ва ҳамеша бо қабати матни ҳадди ақал ҳамроҳӣ карда мешаванд. Иконография комилан функсионалӣ аст: нишонаҳои контурӣ барои ҷустуҷӯ, рӯйхати хоҳишҳо, ароба ва ҳисоб бо рангҳои обсидиан ё пӯлод.
Палитра
Бетараф
- Obsidian
#111111— Ранги торик матн ва нишонаҳои бетарафро пурра мекунад ва контрасти қавӣ эҷод мекунад. Аз истифодаи он ҳамчун ранги асосӣ барои даъват ба амал худдорӣ кунед. - Paper White
#ffffff— Заминаи саҳифа, сатҳи корт, матни тугма дар заминаи торик, контури нишона - холсти пешфарз барои шабакаҳои маҳсулот ва бахшҳои категорияҳо. - Concrete Gray
#e5e5e5— Марзҳо, тақсимкунандагон, хатҳои тунуки ҷудокунандаи қисматҳои шабака, контурҳои нозуки майдонҳои вурудӣ. - Soft Mist
#f5f5f5— Ранги нозуки замина барои сатҳҳои дуюмдараҷа, пур кардани майдони ҷустуҷӯ дар навигатсия, заминаи тег. - Steel
#707072— Матни дуюмдараҷа, матни ёрирасони хомӯшшуда, контурҳои нишонаҳои камшуда, тамғакоғазҳои нонреза, ҷудокунакҳои пайвандҳои поёнӣ. - Faint Gray
#9e9ea0— Контурҳои нишонаҳо, унсурҳои ночизи UI ва сарҳадҳо бо равшансозии ҳадди ақал ғайрифаъол мебошанд.
Типография
аз 12 то 76 пиксел · 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-24 пиксел) аломати фарқкунандаи сарлавҳаҳои 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 — галереяи мӯд бо деворҳои сафед