Apple
Valge tuba ühe sinise lülitiga
Apple'i disain on vaoshoituse etalon: peaaegu valge lõuend, rohkelt tühja ruumi ja üksainus erkssinine aktsent, mis muudab iga tegevuse läbimõelduks. Peamine fookus on tüpograafial – SF Pro negatiivse tähevahega, mis väheneb suuruse kasvades, andes pealkirjadele arhitektuurilise selguse, ilma et see oleks liiga raske. Toode ONgi disain: domineerivad suured tootefotod ja elustiilipildid, samas kui kroomelemendid taanduvad õhukestesse raamide, poolläbipaistva navigatsiooni ja peente joonte taha. Sektsioonid vahelduvad helehallil taustal täisvärviliste reklaammaterjalide plokkidega, luues rütmi pigem skaala muutuste kui dekoratiivsete elementide kaudu.
Lehe paigutus on täislaiuses leht, millel pole fikseeritud maksimaalset konteineri laiust – sektsioonid ulatuvad servast servani, tekstiplokid on tsentreeritud umbes 980 piksli kaugusele. Navigeerimine on üks fikseeritud globaalne riba, millel on iga toote jaoks täiendav alamkaust, mis kuvatakse kerimisel. Põhipaigutus on alati tsentreeritud: suur tootenimi, üherealine tunnuslause, kaks tabletinuppu ja seejärel toote pilt, mis täidab ülejäänud vaatevälja. Sektsioonid on vertikaalselt virnastatud helde vertikaalse rütmiga (sektsioonide vahel üle 64 piksli), vaheldumisi #f5f5f7 ja värviliste taustadega. Alumisel lehel on üks horisontaalne rida täislaiuses teeninduskaarte (Apple TV+, Fitness+, Muusika, Arkaadmängud), millest igaüks on fotoplokk koos pealisteksti ja tabletinupuga. Puuduvad külgribad, mitmeveerulised sisupaigutused ega asümmeetrilised kompositsioonid – kõik on tsentreeritud, virnastatud ja sümmeetriline.
Fotograafia on domineeriv visuaalne keel. Tootefotod on tehtud puhta valge või pehme halli tausta ees, ilma igasuguse kontekstita – seade ON staar, isoleeritud ja valgustatud. Elustiilifotosid kuvatakse täislaiuses bännerites, sageli tihedalt kärbitud objektidega. Värvigradiendid (pastellsinine, roosa, roheline) toimivad tooteosade taustana, mitte dekoratsioonina. Ikonograafia on minimalistlik ja joontepõhine, 1-2 piksli paksune, samas halltooni kui tekst. Illustratsioone, abstraktset graafikat ega 3D-renderdusi pole, välja arvatud tootefotod ise.
Palett
Bränd
- Apple Blue
#0071e3— Täidetud toimingunupud, valitud olekud – ainus interaktiivne kromaatiline värv, mida on iga välimuse tähenduslikuks muutmiseks säästlikult kasutatud. - Link Blue
#0066cc— Esiletõstetud toimingupiirid, manustatud lingid – õunasinisest küllastunud värvi kasutatakse kohtades, kus täidetud tahvelarvuti oleks liiga silmatorkav. - Signal Blue
#2997ff— Dekoratiivsed raamid, piltide piirjooned, ikoonide äärised – süsteemi kõige heledam sinine värv, mida kasutatakse pigem atmosfääri loomiseks kui kasutaja interaktsiooniks.
Neutraalne
- Carbon
#1d1d1f— Põhitekst, pealkirjade äärised, navigeerimisread, kaardi äärised – valdav tindivärv on peaaegu must kerge sooja varjundiga. - Frost
#f5f5f7— Lehekülje lõuend, põhiteksti taust ja jaluse pind on Apple'ile iseloomulikus helehallis toonis, mis on veidi jahedam kui puhas valge. - Ice
#f4f8fb— Ekspressiivsed pinnatäited, peened toonid, nuputekst tumedal taustal – peen sinine toon, mis elavdab sektsiooni seda esile tõstmata. - Smoke
#333333— Teisene tekst, navigeerimisriba täitevärv, nuppude äärised – mitmekülgne neutraalne värv ääriste ja ikoonide jaoks, mis vajavad rohkem särtsu kui keskmine hall. - Graphite
#474747— Navigeerimistekst, navigeerimisäärised, lingiäärised – asuvad elementide hierarhias süsiniku ja suitsu vahepealsel positsioonil. - Ash
#707070— Jaluse tekst, loendi äärised, navigeerimisäärised, summutatud põhitekst – keskmine hall sisu jaoks, mis peab olema olemas, kuid mitte silmatorkav.
Tüpograafia
12-st 56 pikslini · 8 sammu
- SF Pro Display — asendamine: Inter · kontuurid 400, 600, 700 · Pealkirjad ja suur tekst – 40+ pikslit kasutavad kitsama ava ja tugevama negatiivse jälgimise jaoks kuvamisvormingut; 700 on reserveeritud reklaamipaigutustele ja 400 tootenimedele toimetuslikus sisus.
- SF Pro Text — asendamine: Inter · kontuurid 300, 400, 600 · Põhitekst, navigeerimine, nupud, alapealkirjad — tööfont; 400 põhiteksti jaoks, 300 alapealkirjade ja kvalifitseeritud siltide jaoks, 600 navigeerimiselementide ja nuppude teksti jaoks; negatiivne tähevahe väheneb proportsionaalselt suurusega (-0,022em kuni 12px ja -0,01em kuni 44px).
Intervallid ja vorm
| Eesmärk | Tähendus |
|---|---|
| Tihedus | keskmine |
| Põhisamm | 12px |
| Nupu raadius | 980px |
| Kaardi raadius | 8px |
| Varjud | ei - varjude asemel äärised |
| Sektsioonide vahel | 64px |
| Lehe laius | 1440px |
Tehisintellekt loob teie veebisaidi Apple stiilis ja täidab selle
- Täida toodete ja postitustega lingi kaudu - Instagram, TikTok, Facebook.
- Kanna sisu oma vanalt saidilt üle – täpsusta lihtsalt aadress.
- Moodne disain parimal mootoril: React ( Next.js) koos serveri renderdamise ja SEO optimeerimisega koheselt.
- Täisautomaatne SEO optimeerimine otsingutulemuste ja närvivõrgu soovituste jaoks.
Sarnased stiilid
- Studio — Liikuv galeriisein. Iga ekraan kujutab endast vaikset halli näitusepinda, kus trükimaterjalid ja kattuvad loomingulised teosed võistlevad tähelepanu pärast.
- Mollie — Kašmiirist lett, tume pearaamat. Jäta musta teksti ümber piisavalt tühja ruumi kujunduse jaoks ning seejärel rõhuta tootega seotud punkte soojade kreemide, espressopruunide ja kombatavate fotodega tegelikest makseviisidest.
- Basis Theory — Makseterminalid disainistuudios. Valge tehniline paber, kattuvad poolläbipaistvad tehingukihid ja üks türkiissinine juhtelement määravad visuaalse suuna.
- CleanShot X — Sinise valgustusega töölauaga stuudio. Loo rahulik valge ruum kompaktse musta teksti ümber ja lase seejärel rikkalikel sinistel juhtnuppudel ja kihilistel Maci tootepiltidel kesksele kohale jõuda.
- Modern Treasury — Millimeetripaberil olev riigikassa pearaamat. Looge lehti, mis meenutavad vaikset valget operatsioonitabelit, kus rahavoogusid kuvatakse peente joonte, märgistatud sõlmede ja täpsete peidetud juhtelementide abil.
- Basha-Franklin — Galeriiruudustik valge silluse all. Kasutage sooja #f4ede6 tooni, peent musta struktuuri ja asümmeetrilisi sambaid, mis põhinevad fotodel ja näevad välja nagu trükitud arhitektuuriportfoolio.
- Bajgart Office — Toimetuse galeriisein. Kasutage suurt valget ruumi, kus peened serif-fondid ja portfooliofragmendid kannavad kroomitud liideseelementidest suuremat visuaalset kaalu.
- Heptabase — Päikesepaisteline laud. Soojad, paberilaadsed pinnad, söekarva juhtnupud ja hõljuvad uurimistööaknad loovad pigem organiseeritud tööruumi kui tarkvara juhtpaneeli tunde.
- Bejamas — Pidžaamad – happeline lubi läbi musta klaasi. Loo rahulikke, helehalle toimetuse lehekülgi, mida katkestavad kütkestavad mustad paneelid, kus pinnale lõikuvad hägused rohelised valgusribad.
- Baba — Hooldusmärkmed punases päikesevalguses. Looge intiimsete valgete, roosade ja kreemikate infopindade ümber laiad punased jutustavad triibud, kasutades emotsionaalse keskpunktina inimeste fotosid.
- Grafana Labs — Päikesetõusu signaalijaama juhtimisruum. Vaikne hallvalge tööruum on ühendatud laia neljavärvilise horisondi gradiendiga ja täpsete siniste liidessignaalidega.
- Kagi — Eraldi lugemissaal. Loo julge grafiitteksti ümber avatud valge ruum, kasutades rahu lõhustamiseks õrnu lillasid aktsente ja sooje pastelseid pindu.