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— Бөлүмдөр менен UI элементтеринин ортосундагы ичке чек аралар. - 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 — Караңгы бөлмө жөнүндө сүрөт баян. Жылуу караңгылыкта калкып турган жалгыз объект, жалгыз кооздук - каймак түстүү шрифт.