Apple (España)
Ақ кеңістіктен тұратын, әрең естілетін тақырыптары бар собор. Ауада 700 тығыздықтағы қаріптер ілініп тұрған кең, жарық зал, оларды тек пастель түстері мен жалғыз көк жіп біріктіреді.
Apple компаниясының өнім бетінің тілі типографиялық жомарттықты зерттеу болып табылады: ақ фонда қалықтаған үлкен SF Pro Display тақырыптары, әр сөзді әдейі көрсететін кең ақ кеңістікпен қоршалған. Палитра дерлік монохроматикалық — #1d1d1f мәтіні, #ffffff және #f5f5f7 арасында кезектесіп тұратын кенеп — тек интерактивті сәттерге арналған бір көк екпінмен (#0071e3) жасалған. Түс өнім суреттерінің өзінде бар (пастель реңктері), ешқашан сәндік интерфейс элементтері ретінде емес. Компоненттер жақтаусыз: 28 пиксель радиусы бар дөңгелек карталар, таблетка тәрізді түймелер беттің шеттеріне тиіп тұрады, көрінетін контейнерлер немесе көлеңкелер жоқ. Ырғақ бөлгіштер немесе жиектер емес, ақ және сұр жолақтардың кезектесіп орналасуы арқылы жасалады.
Бөлімдер беттің толық енін алып жатыр, жиектері кең толтырғышпен (шамамен 40-100 жағы) созылып жатыр. Мазмұнның максималды ені әрбір жолақтың ішінде тиімді түрде орталықтандырылған. Негізгі элемент - орталықтандырылған стек: қас пішінді жапсырма, үлкейтілген тақырып, бір әрекетке шақыру түймесі, баға жолы және содан кейін қарау терезесінің төменгі бөлігін толтыратын өнім суреті. Бөлімдер қайталанатын үлгіні ұстанады: жолақтың ішінде солға тураланған тақырып, одан кейін өнім сипаттамалары бар екі бағандық орналасу (сол жақтағы мәтін/оң жақтағы сурет немесе кезектесіп), үш бағандық карталар торы немесе орталықтандырылған визуалды көрсетілім. Мазмұн ырғағы толығымен 100-100 см тік саңылаулары бар ақ және үш түсті фондардың кезектесіп орналасуы арқылы басқарылады - бөлгіштер жоқ, элементтері бар карталар жоқ. Жаһандық навигация - бұл бірыңғай, бекітілген жолақ. Өнімнің сипаттамалары бөлімдері кең толтырғышы бар толық енді жолақтарды пайдаланады, мұнда мәтін кеңірек визуалды аймаққа қарсы тар бағандарда (~560 пиксель) орталықтандырылған.
Apple компаниясының визуалды тілі негізінен өнім фотосуреті болып табылады: өмір салты контексті немесе сахналанған көріністерсіз, таза ақ немесе түрлі-түсті фонда аппараттық құралдардың жақыннан түсірілген суреттері. Негізгі суретте пастелді жасыл MacBook Neo ұстаған қолдар көрсетілген — адами элемент екінші орында, эмоциядан гөрі масштаб пен текстураны көрсетеді. Өнім нұсқаларының бөлімдерінде екі құрылғы сәйкес келетін әрлеу түстерінің (қызғылт, жасыл, күміс, аспан көк) фонында қатар көрсетілген, әрқайсысы өнімнің ортасында жалпақ түсті өрісті көрсетеді. Толық фотосуреттер бейтарап фонда өте жақыннан түсірілген суреттерді (ноутбуктың топсасы, камера модулі) пайдаланады. Иллюстрациялар, абстрактілі графика, сәндік кескіндер жоқ — өнімнің өзі визуалды элемент болып табылады. Иконография барлық жерде — SF Symbols стиліндегі монохромды сызықтық белгішелер, қалыңдығы 1,5–2 пиксель, Apple жүйелік белгішелер жиынтығынан алынған. Фотосурет әрқашан жоғары деңгейде жасалады: өнімді үш өлшемді нысанға емес, графикалық пішінге келтіретін біркелкі, көлеңкесіз жарықтандыру.
Палитра
Бренд
- Electric Blue
#0071e3— Толтырылған әрекет түймелері пайдаланушы интерфейсіндегі жалғыз түсті екпін болып табылады және әрекетке шақыру үшін сирек қолданылады. - Link Blue
#0066cc— Жол ішіндегі мәтін сілтемелері, көрсеткілер мен шеврондармен сілтемелер. - Citrus Gradient
#3b3b23— Өнімнің басты ерекшелігіне айналған балама әрлеу - сары-жасыл реңктерге айналатын қара негіз.
Бейтарап
- Primary Ink
#1d1d1f— Тақырыптар, негізгі мәтін және түйме белгілері барлық беттерде басым алдыңғы реңк болып табылады; негізгі өнім кескінінің фоны жоғарғы жағындағы біркелкі #1d1d1f түстен хроматикалық көк түске тегіс ауысады. - Mid Gray
#707070— Қосымша мәтін, белсенді емес шарлау күйі, дыбыссыз интерфейс белгілері - Deep Gray
#474747— Навигациялық мәтін және иконография орташа қаріппен жазылған. - Hairline
#d6d6d6— Бөлімдер мен пайдаланушы интерфейсі элементтері арасындағы жіңішке шекаралар. - Canvas
#f5f5f7— Кездейсоқ бөлім фоны - ақ аймақтарды бөліп тұратын сұр жолақ. - Paper
#ffffff— Карта беті, негізгі бет фоны, қараңғы фонда түйме мәтіні.
Типография
12-ден 96 пиксельге дейін · 10 қадам
- SF Pro Display — ауыстыру: Inter · контурлар 600, 700 · Көрсетуге арналған кейіпкер тақырыптары мен кіші тақырыпшалар — салмағы 700, 80–96 пиксель, теріс әріп аралығы -1,44 пиксель Apple компаниясының қолтаңбасы «ақ түсте қалқып жүрген үлкен тақырып» жасайды. Ауыстырғыштар: Inter, System-UI
- SF Pro Display — ауыстыру: Inter · контурлар 600 · Бөлім тақырыптары, карта тақырыптары, кіші тақырыпшалар - жоғарыдағы қысқа тақырыпшалардан айырмашылығы, орташа өлшемдерде әріптер аралығы аздап оң болатын 600 қаріп жылы және достық сезім сыйлайды.
- SF Pro Text — ауыстыру: Inter · контурлар 400, 500, 600 · Негізгі мәтін, навигация, қосымша абзацтар және шағын тақырыптар үшін 17 пиксельде 400 индексі бар қаріп негізгі қаріп болып табылады. Теріс әріптер аралығы ақпаратқа бай беттерде негізгі мәтінді қысқартуға мүмкіндік береді.
Аралықтары және формасы
| Мақсаты | Мағынасы |
|---|---|
| Тығыздық | тығыз |
| Негізгі қадам | 8-10px |
| Түйме радиусы | 980px |
| Карта радиусы | 28px |
| Көлеңкелер | көлеңкелердің орнына шекаралар жоқ |
| Бөлімдер арасында | 100-120px |
| Беттің ені | 1200px |
Жасанды интеллект сіздің веб-сайтыңызды Apple (España) стилінде жасайды және оны толтырады
- Instagram, TikTok, Facebook сілтемелері арқылы өнімдер мен жазбаларды толтырыңыз.
- Ескі сайтыңыздан мазмұнды тасымалдаңыз — тек мекенжайын көрсетіңіз.
- Ең үздік қозғалтқыштағы заманауи дизайн: серверді рендерингтеу және SEO оңтайландыру арқылы React ( Next.js).
- Іздеу нәтижелері мен нейрондық желі ұсыныстары үшін толық автоматтандырылған SEO оңтайландыруы.
Ұқсас стильдер
- Airbnb — Маржан қызыл түсті бір бетбелгісі бар тыныш ақ галерея қабырғасы
- Peak Design — Жартылай жарықтандырылған галерея қабырғасы
- Ramp — Редакцияның қаржы бөлімі, бір ғана неон маркері бар ақ-қара беттер. Басылымның іс жүзінде монохромды беті, онда бір ғана ашық лайм-жасыл сызық әрбір өзара әрекеттесуді ақша сигналына айналдырады.
- 099 SUPPLY — Ақ-қара заттарға толы галерея қабырғасы
- Orderful — Өнеркәсіптік логистиканы басқару палубасы - қара сиямен және хирургиялық қызыл түспен басылған логистикалық диспетчердің тексеру тізімі, әр беті бір операторға маңызды нәрсені айтуға мүмкіндік беретіндей етіп жасырылған.
- Apple (España) — ақ галереялық дисплей қорабы
- teenage engineering — Студиялық жарықтандырудағы өнеркәсіптік каталог - өнім беттегі жалғыз маңызды нысан болып табылады және қалғанының бәрі оның айналасында талқыланады
- Apple (España) — Таңертеңгі тұмандағы галерея терезесі
- Lightship — Ашық жолдың кинематографиялық диорамасы. Жақын аралықта орнатылған үлкен пейзаж фотосуреттерімен безендірілген жылы крем түсті галерея қабырғалары, жақтауларда әрең көрінетін жұқа қара қаріп және шалғындағы от сияқты монохромды бұзатын жалғыз ашық қызғылт сары екпін.
- Custo — Монолитті қаріпі бар гантель түсті галерея. Бірыңғай қара нысан мен 57 пиксель қаріпі өздері үшін сөйлейтін сұр-жасыл реңктердегі көрме залы.
- Silencio — Қалқымалы артефактілері бар ақ бөлме. Жылы қағаздан жасалған галереялық көрме, онда әрбір элемент теріс көлем фонында өз орнын алады, ал тыныштық - әдейі жасалған дизайн шешімі.
- ORYZO AI — Қараңғы бөлме туралы фотоэссе. Жылы қараңғылықта қалықтап тұрған жалғыз зат, кілегей қаріп жалғыз әшекей.