Telegram, WhatsApp және т.б.+380637610482
Валерий Данюк
Валерий ДанюкәзірлеушіБизнес үшін жасанды интеллект құралдарын әзірлеу. Жоғары сапалы. Қолжетімді.Telegram-ға жазу
Nike — осы стильдегі сайттың алдын ала көрінісі

Nike

Спорттық жетістіктердің монохромды галереясы – ақ қабырғалар, өнер туындысы ретіндегі өнім, хром фонда еріген

Nike.com монохромды, өнімге бағытталған галерея ретінде жұмыс істейді: пайдаланушы интерфейсі іс жүзінде көрінбейді, бұл өнім фотосуреттерінің әрбір экранды толтыруына мүмкіндік береді. Интерфейс толығымен қара, ақ және сұрдың үш реңкінен жасалған — екпін түстері, сәндік градиенттер, жылы, фирмалық хром жоқ. Nike фирмалық стилі галерея логотипі мен фотосуреттерде сақталады, бірақ пайдаланушы интерфейсінің өзінде ешқашан болмайды. Типография ықшам және утилитарлық, 12-20 пиксель өлшеміндегі арнайы жасалған Helvetica Now қаріптер тобына негізделген, тақырыптар үшін 76 пиксель өлшеміндегі бір үлкен Nike Futura ND логотипі бар. Компоненттер минималистік: 30 пиксель радиусы бар таблетка тәрізді түймелер, жалпақ өнім карталары, жұқа жиектер және биіктік айырмашылықтары іс жүзінде нөлге тең. Бет таза ақ өнім беттері мен көзге түсетін, қараңғы редакциялық бөлімдер арасында кезектесіп орналасады, бұл әшекейлеуден гөрі контраст арқылы ырғақ жасайды.

Бет берік редакциялық ырғақпен жүреді: бір өнім мен үлкен тақырыпты қамтитын таңқаларлық, толық енді, қараңғы тақырып, одан кейін толық енді, 2x2 санат торы, 3 бағандағы өнім карталарының көлденең айналдыру торы және соңында тығыз, көп бағанды төменгі колонтитул. Барлық мазмұн блоктары максималды контейнер ені жоқ толық көрініс терезесінің енін алады; максималды ендік шектеуі тек шарлау және төменгі колонтитул сілтеме торына қолданылады. Бөлімдер арасындағы ауысулар айқын: қара тақырып → ақ санат торы → ақ өнім торы → ақ төменгі колонтитул, тар сұр жиектер жалғыз көрнекі тігіс ретінде қызмет етеді. Шарлау минималистік, екі деңгейлі жолақ (жоғарғы жағында көмекші сілтемелер, негізгі санаттар ортасында), бекітусіз, фонды толтырусыз және көлеңкесіз. Мазмұн тығыздығы өнім торларында ықшам (карталардың тығыз аралығы) және тақырыпта кең (толық ендік көрініс терезесі).

Фотография басым визуалды элемент болып табылады және брендтің бүкіл жеке басын анықтайды. Жүйе жоғары сапалы, толық кадрлы өнім фотосуреттерін пайдаланады: қараңғы немесе градиент фонда жеке-жеке түсірілген спорттық аяқ киімдер, жақтауды толтыру үшін кесілген, өмір салты контекстінсіз. Өмір салты суреттері санаттар ішінде пайда болады, қозғалыстағы спортшылардың аяқтары мен аяқтарын көрсетеді. Жоғары контрастты, қанық түс схемасы қолданылады - қара фонда қызыл аяқ киім, ақ табандарда неон екпіндері және материалдарды драмалық ету үшін жылы және салқын жарықтандыру. Иллюстрациялар, абстрактілі графика немесе 3D кескіндер пайдаланылмайды. Суреттердің әрқашан таза жиектері болады (фото контейнерлерінде дөңгелек бұрыштар болмайды), әрқашан блоктарындағы барлық кеңістікті алады және әрқашан минималды мәтін қабаттасуларымен бірге жүреді. Иконография таза функционалды: іздеу, тілектер тізімі, себет және тіркелгі үшін контур белгішелері обсидиан немесе болат түстерінде.

Палитра

Бейтарап

  • Obsidian #111111 — Қара түс бейтарап мәтін мен белгішелерді толықтырады және күшті контраст жасайды. Оны әрекетке шақыру үшін негізгі түс ретінде пайдаланудан аулақ болыңыз.
  • Paper White #ffffff — Беттің фоны, карта беті, қараңғы фондағы түйме мәтіні, белгішенің контуры — өнім торлары мен санат бөлімдеріне арналған әдепкі кенеп.
  • Concrete Gray #e5e5e5 — Шекаралар, бөлгіштер, тор бөлімдерін бөлетін жіңішке сызықтар, енгізу өрістерінің нәзік контурлары.
  • Soft Mist #f5f5f5 — Екінші реттік беттерге арналған нәзік фон түсі, іздеу өрісін толтыру навигациясы, тег фоны.
  • Steel #707072 — Қосымша мәтін, дыбысы өшірілген көмекші мәтін, белгіше контурларының кішірейтілген элементтері, қосымша белгілер, төменгі колонтитул сілтеме бөлгіштері.
  • Faint Gray #9e9ea0 — Белгіше контурлары, қосымша интерфейс элементтері және минималды ерекшеленуі бар жиектер өшірілген.

Типография

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 сілтемелері арқылы өнімдер мен жазбаларды толтырыңыз.
  • Ескі сайтыңыздан мазмұнды тасымалдаңыз — тек мекенжайын көрсетіңіз.
  • Ең үздік қозғалтқыштағы заманауи дизайн: серверді рендерингтеу және SEO оңтайландыру арқылы React ( Next.js).
  • Іздеу нәтижелері мен нейрондық желі ұсыныстары үшін толық автоматтандырылған SEO оңтайландыруы.

Ұқсас стильдер

  • Airbnb — Маржан қызыл түсті бір бетбелгісі бар тыныш ақ галерея қабырғасы
  • Apple (España) — ақ галереялық дисплей қорабы
  • Silencio — Қалқымалы артефактілері бар ақ бөлме. Жылы қағаздан жасалған галереялық көрме, онда әрбір элемент теріс көлем фонында өз орнын алады, ал тыныштық - әдейі жасалған дизайн шешімі.
  • Oakâme — Жылы тастан ойылған күн сәулесімен безендірілген Прованс шеберханасы
  • Arc — түн ортасындағы су үстіндегі индустриалды ақ галерея
  • Rivian — Галереяның бетон қабырғасындағы электрлік монолит. Ривиан әрбір көлікті кең ақ кеңістікке салынған мүсін ретінде ұсынады, типографиясы сәулет элементіне айналатындай үлкен және күңгірт беттегі күн сәулесі сияқты монохроматикалық атмосфераны бұзатын жалғыз жылы сары түс.
  • Analogue — Қара галереялық витрина – тауарлар бос кеңістікте қалқып тұр
  • ddna — өңделмеген зығыр матадан жасалған жылы мұражай көрмесі
  • Zellerfeld — Ақ мәрмәрден жасалған мүсіншінің шеберханасы — тұғырдың монолитті беттері, кобальттың бір ұшқыны, еденнен төбеге дейінгі кіші әріптердің сыбыры
  • UY Studio — Монастырьдың тас галереясы – бетон қабырғалары бар тыныш кеңістік, онда парфюмерия бөтелкелері ақ тұғырларда тұр, оларды бір 400 ватт шам және төрт жылы сұр шам жарықтандырады.
  • Basic.Space — ақ мәрмәрдегі кураторлық галерея
  • COS — ақ қабырғалары бар сәнді галерея