Apple (España)
Baltos erdvės katedra su vos girdimomis antraštėmis. Didžiulė, šviesi salė, kurioje ore kabo didžiuliai 700 tankio šriftai, kuriuos jungia tik pastelinės spalvos ir vienas mėlynas siūlas.
„Apple“ produktų puslapių kalba – tai tipografijos dosnumo pavyzdys: didžiulės „SF Pro Display“ antraštės kybo balkšvame fone, apsuptos didžiulės baltos erdvės, kurioje kiekvienas žodis atrodo apgalvotas. Paletė beveik monochromatinė – tekstas su šriftais #1d1d1f, drobė kaitaliojasi tarp #ffffff ir #f5f5f7 – su vienu mėlynu akcentu (#0071e3), skirtu išskirtinai interaktyvioms akimirkoms. Spalvos yra pačiuose produktų vaizduose (pasteliniai tonai), niekada nebūna dekoratyviniai vartotojo sąsajos elementai. Komponentai yra be rėmelių: apvalios kortelės su 28 pikselių spinduliu, piliulės formos mygtukai beveik liečia puslapio kraštus, be matomų konteinerių ar šešėlių. Ritmas kuriamas kaitaliojančiomis baltomis ir pilkomis juostelėmis, o ne pertvaromis ar rėmeliais.
Skyriai užima visą puslapio plotį, driekdamiesi nuo krašto iki krašto su gausia užpildymo juosta (maždaug 40–100 kraštinių). Didžiausias turinio plotis efektyviai centruojamas kiekvienoje juostelėje. Pagrindinis elementas yra centre išdėstytas krūva: antakio formos etiketė, padidinta antraštė, vienas raginimo veikti mygtukas, kainos eilutė ir produkto paveikslėlis, užpildantis rodinio apačią. Skyriai išdėstyti pagal pasikartojantį modelį: kairėje lygiuota antraštė juostelėje, po kurios eina dviejų stulpelių išdėstymas su produktų aprašymais (tekstas kairėje / paveikslėlis dešinėje arba pakaitomis), trijų stulpelių kortelių tinklelis arba centruota vaizdinė demonstracija. Turinio ritmą visiškai kontroliuoja pakaitomis baltas ir trijų spalvų fonai su 100–100 cm vertikaliais tarpais – nėra skirtukų, nėra kortelių su elementais. Visuotinė navigacija yra viena fiksuota juosta. Produkto specifikacijų skyriuose naudojamos viso pločio juostos su gausia užpildymo juosta, kur tekstas centruojamas siaurais stulpeliais (~560 pikselių) platesniame vaizdiniame plote.
„Apple“ vizualinė kalba pirmiausia yra produktų fotografija: stambūs aparatinės įrangos planai grynai baltame arba spalvotame fone, be gyvenimo būdo konteksto ar inscenizuotų scenų. Pagrindiniame paveikslėlyje pavaizduotos rankos, laikančios pastelinės žalios spalvos „MacBook Neo“ – žmogiškasis elementas yra antraeilis, demonstruojantis mastelį ir tekstūrą, o ne emocijas. Produkto variantų skyriuose du įrenginiai pateikiami greta vienas kito su vienodų apdailos spalvų (rožinės, žalios, sidabrinės, dangaus mėlynos) fonu, kiekviena kortelė yra plokščias spalvų laukas, kurio centre yra produktas. Detaliose nuotraukose naudojami itin stambūs planai (nešiojamojo kompiuterio vyris, kameros modulis) neutraliame fone. Nėra jokių iliustracijų, abstrakčios grafikos, dekoratyvinių vaizdų – pats produktas yra vizualinis elementas. Ikonografija yra visur – vienspalvės linijų piktogramos SF Symbols stiliumi, 1,5–2 pikselių storio, paimtos iš „Apple“ sistemos piktogramų rinkinio. Fotografija visada atliekama ryškiai: vienodas, be šešėlių apšvietimas, kuris sumažina produktą iki grafinės formos, o ne trimačio objekto.
Paletė
Prekės ženklas
- Electric Blue
#0071e3— Užpildyti veiksmų mygtukai yra vienintelis spalvų akcentas vartotojo sąsajoje, retai naudojamas raginimams veikti. - Link Blue
#0066cc— Įterptosios teksto nuorodos, nuorodos su rodyklėmis ir ševronais. - Citrus Gradient
#3b3b23— Alternatyvi apdaila, tapusi išskirtiniu gaminio bruožu, yra tamsus pagrindas, kuris pereina į gelsvai žalius akcentus.
Neutralus
- Primary Ink
#1d1d1f— Antraštės, pagrindinis tekstas ir mygtukų užrašai yra dominuojantis priekinio plano tonas visuose paviršiuose; pagrindinio produkto paveikslėlio fonas sklandžiai pereina iš vientisos #1d1d1f viršuje į chromatinę mėlyną spalvą. - Mid Gray
#707070— Antrinis tekstas, neaktyvi naršymo būsena, nutildytos vartotojo sąsajos etiketės - Deep Gray
#474747— Navigacijos tekstas ir piktogramos yra vidutinio šrifto. - Hairline
#d6d6d6— Plonos ribos tarp sekcijų ir vartotojo sąsajos elementų. - Canvas
#f5f5f7— Kintantys sekcijų fonai – pilka juostelė, skirianti baltas sritis. - Paper
#ffffff— Kortelės paviršius, pagrindinio puslapio fonas, mygtuko tekstas tamsiame fone.
Tipografija
nuo 12 iki 96 pikselių · 10 žingsnių
- SF Pro Display — pakeitimas: Inter · kontūrai 600, 700 · Rodomosios pagrindinės antraštės ir paantraštės – 700 svoris, 80–96 pikselių su neigiamu raidžių tarpu -1,44 pikselio, sukuria „Apple“ firminį „masyvų baltos spalvos plūduriuojantį antraštės vaizdą“. Pakeičia: „Inter“, „system-ui“.
- SF Pro Display — pakeitimas: Inter · kontūrai 600 · Skyrių antraštės, kortelių pavadinimai, paantraštės – 600 dydžio šriftas su šiek tiek teigiamais tarpais tarp raidžių, kai tekstas vidutinio dydžio, atrodo šiltai ir draugiškai, kitaip nei trumpos antraštės aukščiau.
- SF Pro Text — pakeitimas: Inter · kontūrai 400, 500, 600 · Pagrindiniam tekstui, naršymui, pagalbinėms pastraipoms ir trumpiems titrams pagrindinis šriftas yra 400 indekso šriftas, kurio dydis yra 17 pikselių. Neigiamas raidžių tarpas leidžia pateikti glaustesnį pagrindinį tekstą puslapiuose, kuriuose gausu informacijos.
Intervalai ir forma
| Tikslas | Reikšmė |
|---|---|
| Tankis | tankus |
| Pagrindinis žingsnis | 8-10px |
| Mygtuko spindulys | 980px |
| Kortelės spindulys | 28px |
| Šešėliai | ne – rėmeliai vietoj šešėlių |
| Tarp sekcijų | 100-120px |
| Puslapio plotis | 1200px |
Dirbtinis intelektas sukurs jūsų svetainę Apple (España) stiliumi ir ją užpildys
- Užpildykite produktais ir įrašais per nuorodą – Instagram, TikTok, Facebook.
- Perkelkite turinį iš senos svetainės – tiesiog nurodykite adresą.
- Modernus dizainas geriausiame variklyje: React ( Next.js) su serverio atvaizdavimu ir SEO optimizavimu iš karto.
- Visiškai automatizuotas SEO optimizavimas paieškos rezultatams ir neuroninių tinklų rekomendacijoms.
Panašūs stiliai
- Airbnb — Rami balta galerijos siena su vienu koralų raudonumo skirtuku
- Peak Design — Galerijos siena, iš dalies apšviesta
- Ramp — Redakcijos finansų skyrius, nespalvoti puslapiai su vienu neoniniu žymekliu. Leidinio praktiškai monochrominis paviršius, kur vienas ryškiai žalsvai gelsvas brūkšnys kiekvieną sąveiką paverčia finansiniu signalu.
- 099 SUPPLY — Galerijos siena, pilna juodai baltų objektų
- Orderful — Pramoninės logistikos valdymo blokas – atspausdintas logistikos dispečerio kontrolinis sąrašas, užpildytas juodu rašalu ir chirurgine raudona spalva, kiekvienas puslapis pakankamai diskretiškas, kad vienas operatorius galėtų sušukti ką nors svarbaus.
- Apple (España) — balta galerijos vitrina
- teenage engineering — Pramoninis katalogas studijiniame apšvietime – produktas yra vienintelis reikšmingas objektas puslapyje, o visa kita aptariama aplink jį
- Apple (España) — Galerijos langas ryto rūke
- Lightship — Kinematografiška atviro kelio diorama. Šiltos kreminės spalvos galerijos sienas puošė didelės peizažų nuotraukos, išdėstytos nedideliu atstumu, ant kadrų vos matomas plonas juodas šriftas ir vienas ryškiai oranžinis akcentas, pertraukiantis monochromiją tarsi laužas pievoje.
- Custo — Pistoleto metalo spalvų galerija su monolitiniu šriftu. Parodų salė prislopintuose pilkai žaliuose tonuose, kur vienas tamsus objektas ir 57 pikselių šriftas kalba patys už save.
- Silencio — Baltas kambarys su plaukiojančiais artefaktais. Galerijos ekspozicija, sukurta iš šilto popieriaus, kur kiekvienas elementas užima savo vietą neigiamo tūrio fone, o tyla yra sąmoningas dizaino sprendimas.
- ORYZO AI — Fotoreportažas apie tamsų kambarį. Vienišas objektas, kybantis šiltoje tamsoje, kurio vienintelė puošmena – kreminis šriftas.