IKEA
Saules pielieta zviedru mēbeļu izstāžu zāle izjauktā veidā
IKEA saskarne izskatās kā kontrastējošs redakcionāls izkārtojums: gandrīz melns burts uz silti balta fona, ko papildina plakani dzelteni paneļi, kas kalpo kā iegultas aicinājuma uz darbību zonas. Sistēma ir apzināti minimālistiska — viens pielāgots sans-serif fonts (Noto IKEA) tikai divos biezumos (400 un 700), viens stūra rādiuss katram komponentam un nav ēnu vai gradientu. Šis kompaktums ir strukturāls, nevis minimālisma tendence: negatīva burtu atstarpe (-0,029em virsrakstā, -0,027em pamattekstā) piešķir pat 13 pikseļu etiķetēm arhitektonisku sajūtu. Kartītes ir lielas un vērstas uz multivides saturu, sakārtotas lielos divu kolonnu blokos ar teksta pārklājumiem no gradienta līdz melnam, lai uzlabotu lasāmību. Dzeltenais fonts #ffdb00 veic visu darbu saskarnē — tas nedekorē, tas tikai aktivizē.
Pilna platuma dizains ar centrētu satura konteineru, kas ierobežots līdz aptuveni 1440 pikseļiem. Navigācija ir vienkārša, nelipīga augšējā josla. Lapa ir veidota no horizontālām kartītēm, kas vertikāli sakrautas ar aptuveni 80 pikseļu atstarpēm. "Varoņa" izkārtojums ir sadalīts izkārtojums — 2/3 multivides kartīte (attēls) + 1/3 nepārtraukta dzeltena kartīte ar aicinājumu uz darbību. Lapas pamatdaļā tiek izmantoti divu kolonnu kartīšu režģi, pārmaiņus attēlojot attēlu un teksta blokus. Satura blīvums ir plašs, nekad nav kompakts. Kartītes ir lielas (vismaz aptuveni 600x400 pikseļi) ar bagātīgu atkāpi. Sadaļa "Laika skala/vēsture" sadala režģi ar lieliem skaitļiem. Nav sānu joslas, nav mega izvēlnes, nav sarežģītas navigācijas arhitektūras.
Vizuālā valoda galvenokārt ir produktu un dzīvesstila fotogrāfija. Montāža: spilgts, dabiski apgaismots, silts skandināvu interjers ar apdzīvotas vides sajūtu, nevis studijas skarbo baltumu. Cilvēki parādās mijiedarbības ainās ar produktu (turot, saliekot, lietojot). Attēli vienmēr aizņem visu kartītes platumu un nekad netiek apgriezti organiskās formās. Jebkuras kartītes ar tekstu apakšdaļā parādās melni gradienta pārklājumi. Reizēm tiek izmantotas plakanas ilustrācijas (piemēram, Vācijas karte ar kultūras ikonogrāfiju tirkīza, zaļā un oranžā krāsā). Fotogrāfijas ir veidotas redakcionālā stilā: bez spīdīga foto efekta, bez pārāk stilizētas krāsu korekcijas.
Palete
Zīmols
- IKEA Yellow
#ffdb00— Galvenie elementi aicinājumu uz darbību aizpildīšanai, fonu kartes ar piedāvātajiem attēliem, akcentu paneļi galvenajā logā — unikāls sistēmas krāsu elements.
Neitrāls
- Ink Black
#111111— Galvenais teksts, pamatteksts, virsraksti, galvenās apmales (851 gadījums), ikonu kontūra. - Pure White
#ffffff— Lapas fons, kartītes virsma, navigācijas fons, pogas teksts uz tumša fona. - Warm White
#fffefb— Viegli krēmīgs tonis pogām un kartītēm — tik tikko siltāks par tīri baltu — lauž digitālo vēsumu. - Steel Gray
#818181— Sekundārais teksts, klusinātas apmales, atspējotu ikonu stāvokļi - True Black
#000000— SVG ikonu aizpildījumi, ievades lauku apmales un dziļi melni akcenti vietās, kur nepieciešams maksimāls kontrasts. - Link Blue
#0159a3— Teksta saites krāsa, kas plaši tiek izmantota navigācijā un primārajās saitēs, ir vienīgā zilā krāsa sistēmā.
Tipogrāfija
no 13 līdz 51 pikseļiem · 5 soļi
- Noto IKEA — nomaiņa: Inter · kontūras 400, 700 · Vienīgais izmantotais fonts ir IKEA raksturīgais Noto. Divu biezumu sistēma (400 parastais, 700 treknraksts) ir apzināti atturīga: nav slīpraksta, vidēja vai viegla biezuma. Virsraksti 700 punktu lielumā ar izmēru 36–51 pikseļi atspoguļo visu zīmola stilu; pamatteksts 16 pikseļi paliek neitrāls. Burtu atstarpe samazinās, palielinoties izmēram, piešķirot virsrakstiem koncentrētu un arhitektonisku sajūtu.
Intervāli un forma
| Mērķis | Nozīme |
|---|---|
| Blīvums | vidēji |
| Pamata solis | 24px |
| Pogas rādiuss | 8px |
| Kartes rādiuss | 8px |
| Ēnas | nē — robežas ēnu vietā |
| Starp sekcijām | 80px |
| Lapas platums | 1440px |
Mākslīgais intelekts izveidos jūsu vietni IKEA stilā un aizpildīs to
- Aizpildiet ar produktiem un ierakstiem, izmantojot saiti — Instagram, TikTok, Facebook.
- Pārsūtiet saturu no savas vecās vietnes — vienkārši norādiet adresi.
- Moderns dizains uz labākā dzinēja: React ( Next.js) ar servera renderēšanu un SEO optimizāciju uzreiz pēc instalēšanas.
- Pilnībā automatizēta SEO optimizācija meklēšanas rezultātiem un neironu tīkla ieteikumiem.
Līdzīgi stili
- MindMarket — Mājīga pasaku grāmata uz krēmkrāsas papīra — draudzīgs redakcionāls audekls, kur uz saulē pielietas, uzlīmēm līdzīgas mīkstas virsmas sadzīvo lieli Inter virsraksti un izgriezti papīra tēli.
- Lamborghini — Melna virsbūves krāsa salonā, prožektoru gaismā - viena dzeltena automašīna
- amp — Silti oranža krāsa uz vēsi balta fona. Dizains atgādina augstākās klases fitnesa produktu, kas fotografēts saulē pielietā bēniņu telpā: viens priekšmets, viens akcents, viens pārliecināts fonts, kas paveic visu darbu.
- LUNCH — samta podijs uz silta pergamenta
- Microsoft — Mazumtirdzniecības katalogā tiek izmantota raksturīga zila krāsa — iedomājieties kvadrātveida logotipu uz baltas izstāžu zāles grīdas, kur katrs dizaina elements ir zilā krāsā.
- Vibrants — Skyborne aptieka uz balta marmora — tumši zila tinte ir java, un varavīksnes spektrs ir zāles
- Isla Beauty — Krēmīgs aptiekas stils ar ķirurģiski sarkaniem akcentiem — iedomājieties siltas pergamenta sienas, dzintara pudeles un vienu sarkanu zīmogu uz katras etiķetes.
- Swap — Mint redakcijas galerija: gaiši salvijas toņi telpās ar spilgtiem laima akcentiem un smalkām serifām
- Cursor — Mājīga pergamenta darbnīca, ko apgaismo kvēlojošas ogles
- Structured — Renesanses galerija uz plastilīnam līdzīga papīra
- Apple (España) — Muzeja galerija maigā dienasgaismā ir vienota, valdzinoša, bezsvara balta telpa, kur katru eksponātu apgaismo prožektors uz viegli tonētas sienas.
- Amplemarket — Saules apspīdēta darba vieta, kas nokaisīta ar konfeti