Apple
Як ҳуҷраи сафед бо як тугмаи кабуд
Тарроҳии Apple намунаи худдорӣ аст: як матои қариб сафед, фазои сафеди фаровон ва як лаҳҷаи кабуди дурахшон, ки ҳар як амалро ба таври қасдан эҳсос мекунад. Таваҷҷӯҳи асосӣ ба типография равона шудааст - SF Pro, ки фосилаи ҳарфҳои манфӣ бо афзоиши андоза кам мешавад, ба сарлавҳаҳо равшании меъморӣ медиҳад, бе он ки аз ҳад зиёд вазнин бошад. Маҳсулот тарҳ аст: аксҳои калони маҳсулот ва тасвирҳои тарзи зиндагӣ бартарӣ доранд, дар ҳоле ки унсурҳои хромӣ ба чаҳорчӯбаҳои тунук, навигатсияи шаффоф ва хатҳои нозук табдил меёбанд. Қисмҳо дар заминаи хокистарии равшан бо блокҳои пурраранг барои маводи таблиғотӣ иваз мешаванд ва тавассути тағирот дар миқёс, на унсурҳои ороишӣ, ритм эҷод мекунанд.
Тарҳбандии саҳифа як саҳифаи пурра паҳноӣ аст, ки паҳнои максималии контейнери муқарраршуда надорад — бахшҳо аз канор то канор тӯл мекашанд ва блокҳои матнӣ дар марказ тақрибан 980 пиксел ҷойгир шудаанд. Навигатсия як сатри ягонаи глобалии собит бо зерҷузвдони иловагӣ барои ҳар як маҳсулотест, ки дар гардиш пайдо мешавад. Тарҳбандии асосӣ ҳамеша дар марказ ҷойгир аст: номи калони маҳсулот, шиори яксатра, ду тугмаи ҳаб, сипас тасвири маҳсулот, ки майдони намоиши боқимондаро пур мекунад. Бахшҳо бо ритми амудии фаровон (64 пиксел+ байни бахшҳо), ки #f5f5f7 ва заминаҳои рангаро иваз мекунанд, амудӣ ҷойгир карда мешаванд. Саҳифаи поёнӣ як қатори уфуқии кортҳои хидматрасонии пурра паҳноӣ (Apple TV+, Fitness+, Music, Arcade) мебошад, ки ҳар кадоме аз онҳо блоки аксӣ бо матни рӯйпӯш ва тугмаи ҳаб мебошанд. Бе панелҳои паҳлӯӣ, бе тарҳбандии мундариҷаи бисёрсутунӣ, бе композитсияҳои асимметрӣ — ҳама чиз дар марказ, рӯйпӯш ва симметрӣ ҷойгир аст.
Суратгирӣ забони асосии визуалӣ аст. Аксҳои маҳсулот дар заминаи сафеди холис ё хокистарии мулоим, бе ягон контекст гирифта мешаванд - дастгоҳ ситора аст, ки ҷудо ва равшан карда шудааст. Аксҳои тарзи зиндагӣ дар баннерҳои пурра паҳноӣ, аксар вақт бо ашёҳои зич буридашуда намоиш дода мешаванд. Градиентҳои ранг (кабуди пастелӣ, гулобӣ, сабз) ҳамчун замина барои қисмҳои маҳсулот хизмат мекунанд, на ҳамчун ороиш. Иконография минималистӣ ва хатӣ аст, ғафсии 1-2 пиксел, дар ҳамон ранги хокистарӣ бо матн. Бе тасвирҳо, бе графикаи абстрактӣ, бе тасвири сеченака, ба истиснои худи аксҳои маҳсулот.
Палитра
Бренд
- Apple Blue
#0071e3— Тугмаҳои пур аз амал, ҳолатҳои интихобшуда - ягона ранги хроматикии интерактивӣ, ки барои пурмазмун кардани ҳар як намуди зоҳирӣ кам истифода мешавад. - Link Blue
#0066cc— Марзҳои амалии таъкидшуда, пайвандҳои дарунсохт - ранги сершудатар нисбат ба Apple Blue, ки дар он планшети пуршуда хеле дурахшон хоҳад буд. - Signal Blue
#2997ff— Чорчӯбаҳои ороишӣ, контурҳои тасвирҳо, ҳошияҳои нишонаҳо - ранги кабуди равшантарин дар система, ки барои атмосфера истифода мешаванд, на барои муоширати корбар.
Бетараф
- Carbon
#1d1d1f— Матни асосӣ, сарҳадҳои сарлавҳа, хатҳои навигатсия, сарҳадҳои кортҳо - ранги асосии сиёҳ қариб сиёҳ бо каме гармӣ аст. - Frost
#f5f5f7— Ранги хокистарии равшани хоси Apple, ки нисбат ба сафеди холис каме сардтар аст, холсти саҳифа, заминаи матни асосӣ ва сатҳи поёни саҳифа мебошанд. - Ice
#f4f8fb— Пуркунии сатҳҳои ифоданок, рангҳои нозук, матни тугмаҳо дар заминаи торик — ранги кабуди нозуке, ки қисматро бе фарқ кардани он зинда мегардонад. - Smoke
#333333— Матни дуюмдараҷа, пуркунии навигатсия, ҳошияҳои тугмаҳо - Ранги бетарафи бисёрҷониба барои ҳошияҳо ва нишонаҳо, ки нисбат ба хокистарии миёна равшании бештарро талаб мекунанд. - Graphite
#474747— Матни навигатсионӣ, сарҳадҳои навигатсионӣ, сарҳадҳои пайванд - дар иерархияи элементҳо мавқеи мобайниро байни Карбон ва Дуд ишғол мекунад. - Ash
#707070— Матни поёни сатр, сарҳадҳои рӯйхат, сарҳадҳои паймоиш, матни асосии хомӯш - Ранги хокистарии миёна барои мундариҷае, ки бояд мавҷуд бошад, аммо намоён набошад.
Типография
аз 12 то 56 пиксел · 8 қадам
- SF Pro Display — ивазкунӣ: Inter · контурҳо 400, 600, 700 · Сарлавҳаҳо ва матни калон — андозаи зиёда аз 40 пиксел формати намоишро барои диафрагмаи тангтар ва пайгирии манфии қавитар истифода мебарад; 700 барои тарҳбандии таблиғотӣ ва 400 барои номҳои маҳсулот дар мундариҷаи таҳрирӣ нигоҳ дошта мешавад.
- SF Pro Text — ивазкунӣ: Inter · контурҳо 300, 400, 600 · Матни асосӣ, навигатсия, тугмаҳо, зерсарлавҳаҳо — шрифти корӣ; 400 барои матни асосӣ, 300 барои зерсарлавҳаҳо ва тамғаҳои мувофиқ, 600 барои унсурҳои навигатсия ва матни тугма; фосилаи ҳарфҳои манфӣ мутаносибан ба андоза кам мешавад (аз -0.022em то 12px то -0.01em то 44px).
Фосилаҳо ва шакл
| Мақсад | Маънӣ |
|---|---|
| Зичӣ | миёна |
| Қадами асосӣ | 12px |
| Радиуси тугма | 980px |
| Радиуси корт | 8px |
| Сояҳо | бе марзҳо ба ҷои сояҳо |
| Байни бахшҳо | 64px |
| Паҳнои саҳифа | 1440px |
Соҳиби зеҳни сунъӣ вебсайти шуморо бо услуби Apple месозад ва онро пур мекунад
- Тавассути истинод - Instagram, TikTok, Facebook, маҳсулот ва паёмҳоро пур кунед.
- Мундариҷаро аз сомонаи кӯҳнаи худ интиқол диҳед — танҳо суроғаро муайян кунед.
- Тарроҳии муосир дар беҳтарин муҳаррик: React ( Next.js) бо рендеринги сервер ва беҳсозии SEO аз қуттӣ.
- Беҳсозии пурра автоматии SEO барои натиҷаҳои ҷустуҷӯ ва тавсияҳои шабакаи асаб.
Услубҳои монанд
- Studio — Девори галерея дар ҳаракат. Ҳар як экран сатҳи ором ва хокистарранги намоишгоҳро ифода мекунад, ки дар он маводҳои типографӣ ва асарҳои эҷодии ба ҳам монанд барои таваҷҷӯҳ рақобат мекунанд.
- Mollie — Ҳисобкунаки кашемирӣ, дафтари сиёҳ. Дар атрофи матни сиёҳ фазои сафеди кофӣ барои тарроҳии таҳрирӣ гузоред, сипас нуктаҳои марбут ба маҳсулотро бо кремҳои гарм, қаҳварангҳои эспрессо ва аксҳои ламсии усулҳои воқеии пардохт тақвият диҳед.
- Basis Theory — Терминалҳои пардохт дар студияи тарроҳӣ. Коғази сафеди техникӣ, қабатҳои шаффофи муомилоти такрорӣ ва як унсури идоракунии фирӯза самти визуалиро муайян мекунанд.
- CleanShot X — Студияе бо мизи кории кабудранг. Дар атрофи матни сиёҳи фишурда фазои сафеди ором эҷод кунед, сипас бигзор идоракунии рангҳои кабуди бой ва тасвирҳои қабатдори маҳсулоти Mac саҳнаи марказиро ишғол кунанд.
- Modern Treasury — Китоби хазинадорӣ дар коғази графикӣ. Саҳифаҳоеро эҷод кунед, ки ба варақаи амалиётии ором ва сафед монанданд, ки дар он ҷараёни пул бо хатҳои борик, гиреҳҳои нишонгузорӣшуда ва идоракунии дақиқ ва пинҳон нишон дода мешавад.
- Basha-Franklin — Шабакаи галерея дар зери линтели сафед. Ранги гарми #f4ede6, сохтори сиёҳи нозук ва сутунҳои носимметриро дар асоси аксҳое, ки ба портфолиои меъмории чопшуда монанданд, истифода баред.
- Bajgart Office — Девори галереяи таҳририя. Фазои калони сафедро истифода баред, ки дар он шрифтҳои нозуки сериф ва пораҳои портфолио нисбат ба унсурҳои интерфейси бо хром пӯшонидашуда вазни визуалии бештар доранд.
- Heptabase — Мизи кории офтобӣ. Сатҳҳои гарми коғазмонанд, идоракунии ранги ангишт ва тирезаҳои шинокунанда барои таҳқиқот эҳсоси фазои кории муташаккилро ба ҷои панели идоракунии нармафзор эҷод мекунанд.
- Bejamas — Пижама — оҳаки турш аз шишаи сиёҳ. Саҳифаҳои таҳририи ором ва хокистарранги равшанро эҷод кунед, ки бо панелҳои сиёҳи дилкаш, ки дар он рахҳои сабзи хира бо сатҳ бурида мешаванд, халалдор мешаванд.
- Baba — Эзоҳҳои нигоҳубин дар нури сурхи офтоб. Дар атрофи сатҳҳои иттилоотии сафед, гулобӣ ва қаймоқӣ рахҳои васеи сурхи ривоятӣ эҷод кунед ва аксҳои одамонро ҳамчун маркази эҳсосӣ истифода баред.
- Grafana Labs — Утоқи идоракунии истгоҳи сигнали Sunrise. Фазои кории хокистаррангу сафеди ором бо градиенти васеъи уфуқи чорранга ва сигналҳои интерфейси дақиқи кабуд муттаҳид мешавад.
- Kagi — Толори алоҳидаи хониш. Дар атрофи матни ғафси графитӣ фазои сафеди кушод эҷод кунед, бо истифода аз лакнатсияҳои нозуки арғувонӣ ва сатҳҳои гарми пастелӣ оромиро халалдор кунед.