IKEA
Sólríkt sænskt húsgagnasýningarsalur í sundurhlutaðri mynd
Viðmót IKEA lítur út eins og ritstjórnarútbreiðsla með mikilli birtuskilum: nærri svört letur á hlýjum hvítum bakgrunni, ásamt flötum gulum spjöldum sem þjóna sem innbyggð svæði með hvatningu til aðgerða. Kerfið er viljandi lágmarkskennt — eitt sérsniðið sans-serif letur (Noto IKEA) í aðeins tveimur þyngdum (400 og 700), einn hornradíus fyrir hvern íhlut og engir skuggar eða litbrigði. Þessi þéttleiki er byggingarlegs eðlis, ekki lágmarksþróun: neikvætt bil milli stafa (-0,029em í fyrirsögn, -0,027em í meginmáli) gefur jafnvel 13px merkimiðum byggingarlistarlegt yfirbragð. Kortin eru stór og einbeitt að margmiðlunarefni, raðað í stóra tveggja dálka blokkir með texta sem liggur frá litbrigðum upp í svart fyrir betri lesanleika. Gula letrið #ffdb00 sér um allt verkið fyrir viðmótið — það skreytir ekki, það virkjar aðeins.
Hönnun í fullri breidd með miðjuðu efnisíláti sem er takmarkað við um það bil 1440 pixla. Leiðsögnin er einföld, ekki klístruð efri súla. Síðan er byggð úr láréttum spjöldum sem eru staflaðar lóðrétt með um það bil 80 pixla bili. „Hetju“ útlitið er skipt útlit - 2/3 margmiðlunarspjald (mynd) + 1/3 samfellt gult spjald með aðgerðahvatningu. Meginhluti síðunnar notar tveggja dálka grindur af spjöldum, sem skiptast á myndum og texta. Þéttleiki efnisins er rúmgóður, aldrei þéttur. Spilin eru stór (um það bil 600x400 pixlar að lágmarki) með rausnarlegri fyllingu. „Tímalína/Saga“ hlutinn brýtur upp grindina með stórum tölum. Það er engin hliðarstika, engin risavalmynd, engin flókin leiðsöguarkitektúr.
Myndmálið er fyrst og fremst vöru- og lífsstílsljósmyndun. Klippingin: björt, náttúrulega upplýst, hlýleg skandinavísk innrétting með lifandi tilfinningu — ekki eins og hvítt og í vinnustofu. Fólk birtist í senum þar sem það hefur samskipti við vöruna (heldur, setur saman, notar). Myndirnar fylla alltaf alla breidd kortsins, aldrei klipptar í lífræn form. Litbrigði í svörtum litum birtast neðst á öllum kortum með texta. Flatar myndskreytingar eru stundum notaðar (til dæmis kort af Þýskalandi með menningarlegum táknum í tyrkisbláum, grænum og appelsínugulum litum). Ljósmyndirnar eru teknar í ritstjórnarstíl: engin glansandi myndáhrif, engin of stílfærð litaleiðrétting.
Litatöflu
Vörumerki
- IKEA Yellow
#ffdb00— Lykilþættir til að fylla út hvatningarorð, bakgrunnar fyrir kort með myndum, áherslur í aðalglugganum - einstakt litaþáttur kerfisins.
Hlutlaus
- Ink Black
#111111— Aðaltexti, megintexti, fyrirsagnir, aðalrammar (851 tilvik), útlínur tákna. - Pure White
#ffffff— Bakgrunnur síðu, yfirborð korts, bakgrunnur flakks, texti hnappa á dökkum bakgrunni. - Warm White
#fffefb— Lítillega rjómalöguð litbrigði á hnöppum og kortum — varla hlýrri en hreint hvítt — brýtur upp stafræna kuldann. - Steel Gray
#818181— Aukatexti, þögguð rammi, óvirk tákn - True Black
#000000— SVG táknfyllingar, rammar innsláttarreita og djúpsvartir hreimar þar sem hámarks birtuskil eru nauðsynleg. - Link Blue
#0159a3— Litur textatengilsins, sem er mikið notaður í leiðsögn og aðaltenglum, er eini blái liturinn í kerfinu.
Leturfræði
frá 13 til 51px · 5 skref
- Noto IKEA — skipti: Inter · útlínur 400, 700 · Eina letrið sem notað er er Noto, sem einkennir IKEA. Tvöföld leturgerð (400 venjuleg letur, 700 feitletrað) er vísvitandi takmörkuð: engin skáletrun, miðlungs eða létt letur. Fyrirsagnir með 700 punkta breidd, 36–51 pixla, endurspegla allan stíl vörumerkisins; meginmálið er hlutlaust með 16 pixla breidd. Bil milli stafa minnkar eftir því sem stærðin eykst, sem gefur fyrirsögnunum þéttari og byggingarlistarlegan blæ.
Millibil og form
| Tilgangur | Merking |
|---|---|
| Þéttleiki | meðaltal |
| Grunnskref | 24px |
| Hnapparadíus | 8px |
| Radíus korts | 8px |
| Skuggar | engin landamæri í stað skugga |
| Milli hluta | 80px |
| Síðubreidd | 1440px |
Gervigreind mun smíða vefsíðuna þína í stíl við IKEA og fylla hana út
- Fyllið út vörur og færslur í gegnum tengilinn - Instagram, TikTok, Facebook.
- Flyttu efni af gömlu síðunni þinni — tilgreindu bara vefslóðina.
- Nútímaleg hönnun á bestu vélinni: React ( Next.js) með netþjónsútgáfu og SEO-bestun beint úr kassanum.
- Fullkomlega sjálfvirk SEO hagræðing fyrir leitarniðurstöður og tillögur að tauganetum.
Líkir stílar
- MindMarket — Notaleg ævintýrabók á rjómalituðum pappír - vinalegt ritstjórnarefni þar sem stórar fyrirsagnir frá Inter og útklipptar pappírspersónur búa saman á sólríkum, mjúkum yfirborði.
- Lamborghini — Svartur bíll í sýningarsalnum, undir kastljósum - einn gulur bíll
- amp — Hlýr appelsínugulur litur á köldum hvítum bakgrunni. Hönnunin minnir á úrvals líkamsræktarvöru sem ljósmynduð er í sólríku lofti: ein vara, ein áhersla, eitt öruggt letur sem vinnur allt verkið.
- LUNCH — flauelspallur á hlýju pergamenti
- Microsoft — Verslunarvörulistinn notar einkennandi bláan lit — ímyndaðu þér ferkantað merki á hvítum sýningarsalsgólfi þar sem allir hönnunarþættir eru í bláu.
- Vibrants — Skyborne apótek á hvítum marmara - dökkblátt blek er múrinn og regnbogalitrófið er lyfið
- Isla Beauty — Kremkenndur apótekstíll með skurðrauðum tónum — hugsaðu þér hlýja pergamentveggi, gulbrúnar flöskur og einn rauðan stimpil á hverjum miða.
- Swap — Ritstjórnarmyndasafn Mint: Ljós salvíutónar í herbergjum með skærum lime-áherslum og fíngerðum seríum.
- Cursor — Notaleg verkstæði úr pergamenti, upplýst af glóandi kolum
- Structured — Endurreisnargallerí á plastínulíkum pappír
- Apple (España) — Safnsýningarsalurinn, í mjúkri dagsbirtu, er eitt, heillandi, þyngdarlaust hvítt rými, þar sem hver sýning er upplýst með kastljósi á móti ljóslituðum vegg.
- Amplemarket — Sólríkur vinnustaður stráður konfettíi