Apple
Bela soba z enim samim modrim stikalom
Applov dizajn je zgled zadržanosti: skoraj belo platno, veliko belega prostora in en sam, živahen moder poudarek, zaradi katerega se vsako dejanje zdi premišljeno. Glavni poudarek je na tipografiji – SF Pro, z negativnim razmikom med črkami, ki se zmanjšuje z naraščajočo velikostjo, kar daje naslovom arhitekturno jasnost, ne da bi bili pretirano težki. Izdelek JE dizajn: prevladujejo velike fotografije izdelkov in slike življenjskega sloga, medtem ko se kromirani elementi umikajo v tanke okvirje, prosojno navigacijo in subtilne črte. Odseki se izmenjujejo na svetlo sivem ozadju z barvnimi bloki za promocijske materiale, kar ustvarja ritem s spremembami v merilu in ne z dekorativnimi elementi.
Postavitev strani je polne širine brez fiksne največje širine vsebnika – razdelki se raztezajo od roba do roba, bloki besedila pa so centrirani znotraj pri približno 980 slikovnih pik. Navigacija je ena sama, fiksna globalna vrstica z dodatno podmapo za vsak izdelek, ki se prikaže med pomikanjem. Glavna postavitev je vedno centrirana: veliko ime izdelka, enovrstični slogan, dva gumba za tablete in nato slika izdelka, ki zapolni preostalo vidno polje. Razdelki so navpično zloženi z velikodušnim navpičnim ritmom (64 slikovnih pik+ med razdelki), pri čemer se izmenjujejo #f5f5f7 in barvna ozadja. Spodnja stran je ena sama vodoravna vrsta kartic storitev polne širine (Apple TV+, Fitness+, Glasba, Arkade), vsaka s fotografijo, prekrivnim besedilom in gumbom za tablete. Brez stranskih vrstic, brez večstolpčnih postavitev vsebine, brez asimetričnih kompozicij – vse je centrirano, naloženo in simetrično.
Fotografija je prevladujoči vizualni jezik. Fotografije izdelkov so posnete na čisto belem ali mehko sivem ozadju, brez konteksta – naprava JE zvezda, izolirana in osvetljena. Fotografije življenjskega sloga so prikazane v pasicah polne širine, pogosto z ozko obrezanimi predmeti. Barvni prelivi (pastelno modra, roza, zelena) služijo kot ozadje za razdelke izdelkov, ne kot dekoracija. Ikonografija je minimalistična in temelji na črtah, debela 1–2 slikovnih pik, v isti sivini kot besedilo. Brez ilustracij, brez abstraktne grafike, brez 3D-upodobitev, razen samih fotografij izdelkov.
Paleta
Blagovna znamka
- Apple Blue
#0071e3— Zapolnjeni akcijski gumbi, izbrana stanja - edina interaktivna kromatska barva, ki se uporablja redko, da je vsak videz smiseln. - Link Blue
#0066cc— Označeni robovi dejanj, vdelane povezave - tam, kjer bi bila napolnjena tablica preveč kričeča, se uporablja bolj nasičena barva kot Apple Blue. - Signal Blue
#2997ff— Dekorativni okvirji, obrisi slik, robovi ikon - najsvetlejša modra barva v sistemu, uporabljena za vzdušje in ne za interakcijo z uporabnikom.
Nevtralno
- Carbon
#1d1d1f— Glavno besedilo, obrobe naslovov, navigacijske vrstice, obrobe kartic - prevladujoča barva črnila je skoraj črna z rahlim pridihom topline. - Frost
#f5f5f7— Platno strani, ozadje glavnega besedila in površina podnožja so v značilni svetlo sivi barvi Apple, ki je nekoliko hladnejša od čiste bele. - Ice
#f4f8fb— Izrazite polnila površin, subtilni odtenki, besedilo gumbov na temnem ozadju – subtilen moder odtenek, ki poživi odsek, ne da bi ga izstopal. - Smoke
#333333— Sekundarno besedilo, polnilo za navigacijo, obrobe gumbov - Vsestranska nevtralna barva za obrobe in ikone, ki potrebujejo več poudarka kot srednje siva. - Graphite
#474747— Navigacijsko besedilo, navigacijski robovi, robovi povezav - v hierarhiji elementov zaseda vmesni položaj med ogljikom in dimom. - Ash
#707070— Besedilo noge, obrobe seznama, obrobe navigacije, utišano besedilo telesa – srednje siva barva za vsebino, ki mora biti prisotna, vendar ne izstopajoča.
Tipografija
od 12 do 56 slikovnih pik · 8 korakov
- SF Pro Display — zamenjava: Inter · obrisi 400, 600, 700 · Naslovi in veliko besedilo – velikosti 40 slikovnih pik in več uporabljajo format prikaza za ožjo odprtino in močnejše negativno sledenje; 700 je rezerviranih za oglasne postavitve, 400 pa za imena izdelkov v uredniški vsebini.
- SF Pro Text — zamenjava: Inter · obrisi 300, 400, 600 · Telo besedila, navigacija, gumbi, podnaslovi – delovna pisava; 400 za telo besedila, 300 za podnaslove in kvalificirane oznake, 600 za navigacijske elemente in besedilo gumbov; negativni razmik med črkami se zmanjšuje sorazmerno z velikostjo (od -0,022 em do 12px do -0,01 em do 44px).
Intervali in oblika
| Namen | Pomen |
|---|---|
| Gostota | povprečje |
| Osnovni korak | 12px |
| Polmer gumba | 980px |
| Polmer kartice | 8px |
| Sence | ne - obrobe namesto senc |
| Med odseki | 64px |
| Širina strani | 1440px |
Umetna inteligenca bo zgradila vašo spletno stran v slogu Apple in jo napolnila
- Polnite z izdelki in objavami prek povezave - Instagram, TikTok, Facebook.
- Prenesite vsebino s starega spletnega mesta – samo navedite naslov.
- Sodoben dizajn na najboljšem iskalniku: React ( Next.js) z vnaprej pripravljenim upodabljanjem na strežniku in optimizacijo za SEO.
- Popolnoma avtomatizirana SEO optimizacija za rezultate iskanja in priporočila nevronskih mrež.
Podobni slogi
- Studio — Galerijska stena v gibanju. Vsak zaslon predstavlja tiho, sivo razstavno površino, kjer se tipografski materiali in prekrivajoča se ustvarjalna dela potegujejo za pozornost.
- Mollie — Kašmirski pult, temna knjiga blaga. Okoli črnega besedila pustite dovolj belega prostora za uredniško oblikovanje, nato pa točke, povezane z izdelkom, poudarite s toplimi kremnimi, rjavimi odtenki espressa in taktilnimi fotografijami dejanskih načinov plačila.
- Basis Theory — Plačilni terminali v oblikovalskem studiu. Vizualno smer določajo bel tehnični papir, prekrivajoče se prosojne transakcijske plasti in en sam turkizni kontrolni element.
- CleanShot X — Studio z modro osvetljenim namizjem. Ustvarite miren bel prostor okoli kompaktnega črnega besedila, nato pa naj v ospredje pridejo bogati modri kontrolniki in večplastne slike izdelkov Mac.
- Modern Treasury — Blagajniška knjiga na milimetrskem papirju. Ustvarite strani, ki so podobne tihemu, belemu operativnemu listu, kjer so denarni tokovi prikazani s tankimi črtami, označenimi vozlišči in natančnimi, skritimi kontrolami.
- Basha-Franklin — Galerijska mreža pod belo preklado. Uporabite topel odtenek #f4ede6, subtilno črno strukturo in asimetrične stebre, ki temeljijo na fotografijah in so videti kot natisnjen arhitekturni portfolio.
- Bajgart Office — Stena uredniške galerije. Uporabite velik bel prostor, kjer imajo subtilne serifne pisave in fragmenti portfelja večjo vizualno težo kot kromirani elementi vmesnika.
- Heptabase — S soncem obsijana miza. Tople, papirju podobne površine, ogleno obarvani krmilniki in lebdeča okna za raziskovanje ustvarjajo občutek organiziranega delovnega prostora in ne nadzorne plošče programske opreme.
- Bejamas — Pižama – kislo-limetna barva skozi črno steklo. Ustvarite mirne, svetlo sive uredniške strani, ki jih prekinjajo očarljive črne plošče, kjer se zamegljene zelene proge svetlobe sekajo na površini.
- Baba — Zapiski o negi v rdeči sončni svetlobi. Ustvarite široke rdeče pripovedne črte okoli intimnih belih, roza in krem informacijskih površin, pri čemer uporabite fotografije ljudi kot čustveno središče.
- Grafana Labs — Kontrolna soba signalne postaje Sunrise. Tiho sivo-belo delovno okolje se združuje s širokim štiribarvnim gradientom obzorja in natančnimi modrimi vmesniškimi signali.
- Kagi — Ločena bralna soba. Ustvarite odprt bel prostor okoli krepkega grafitnega besedila z uporabo subtilnih vijoličnih poudarkov in toplih pastelnih površin, da prekinete spokojnost.