IKEA
saulės nutviekstame švediškų baldų salone išardytoje formoje
IKEA sąsaja atrodo kaip kontrastingas redakcinis išdėstymas: beveik juodas šriftas šiltai baltame fone, papildytas plokščiais geltonais skydeliais, kurie tarnauja kaip įterptos raginimo veikti zonos. Sistema yra sąmoningai minimalistinė – vienas pasirinktinis šriftas be serifų („Noto IKEA“) vos dviejų storių (400 ir 700), vienas kampo spindulys kiekvienam komponentui ir nėra šešėlių ar gradientų. Šis kompaktiškumas yra struktūrinis, o ne minimalistinė tendencija: neigiamas raidžių tarpas (-0,029 em antraštėje, -0,027 em pagrindinėje teksto versijoje) suteikia net 13 pikselių etiketėms architektūrinį pojūtį. Kortelės yra didelės ir orientuotos į medijos turinį, išdėstytos dideliuose dviejų stulpelių blokuose su teksto perdengimais nuo gradiento iki juodo, kad būtų lengviau skaityti. Geltonas šriftas #ffdb00 atlieka visą sąsajos darbą – jis nepuošia, o tik aktyvuoja.
Viso pločio dizainas su centruotu turinio konteineriu, apribotu iki maždaug 1440 pikselių. Navigacija yra paprasta, nelipni viršutinė juosta. Puslapis sudarytas iš horizontalių kortelių, sudėtų vertikaliai su maždaug 80 pikselių tarpais. „Herojaus“ išdėstymas yra padalintas – 2/3 medijos kortelės (vaizdo) + 1/3 vientisos geltonos kortelės su raginimu veikti. Pagrindinėje puslapio dalyje naudojamos dviejų stulpelių kortelių tinkleliai, kaitaliojami vaizdų ir teksto blokai. Turinio tankis yra erdvus, niekada nekompaktiškas. Kortelės yra didelės (maždaug 600 x 400 pikselių) su gausiu užpildymu. Skyrius „Laiko juosta / istorija“ suskaido tinklelį dideliais skaičiais. Nėra šoninės juostos, mega meniu, nėra sudėtingos naršymo architektūros.
Vizualinė kalba pirmiausia yra produktų ir gyvenimo būdo fotografija. Montažas: ryškus, natūraliai apšviestas, šiltas skandinaviškas interjeras su gyvenamos aplinkos pojūčiu – ne atšiauri studijos baltuma. Žmonės rodomi sąveikos su produktu (laikymo, surinkimo, naudojimo) scenose. Vaizdai visada užima visą kortelės plotį, niekada nekertami iki organiškų formų. Bet kurios kortelės su tekstu apačioje rodomi juodi gradientiniai perdengimai. Kartais pateikiamos plokščios iliustracijos (pavyzdžiui, Vokietijos žemėlapis su turkio, žalios ir oranžinės spalvų kultūrine ikonografija). Nuotraukos atliktos redakciniu stiliumi: be blizgių nuotraukų efekto, be pernelyg stilizuotos spalvų korekcijos.
Paletė
Prekės ženklas
- IKEA Yellow
#ffdb00— Pagrindiniai elementai raginimams veikti užpildyti, kortelių su rodomais paveikslėliais fonai, akcento skydeliai pagrindiniame lange – unikalus sistemos spalvų elementas.
Neutralus
- Ink Black
#111111— Pagrindinis tekstas, tekstas, antraštės, pagrindinės rėmeliai (851 atvejis), piktogramų kontūrai. - Pure White
#ffffff— Puslapio fonas, kortelės paviršius, naršymo fonas, mygtuko tekstas tamsiame fone. - Warm White
#fffefb— Šiek tiek kreminis sagų ir kortelių atspalvis – vos šiltesnis už gryną baltą – sulaužo skaitmeninį šaltumą. - Steel Gray
#818181— Antrinis tekstas, nutildytos rėmeliai, išjungtų piktogramų būsenos - True Black
#000000— SVG piktogramų užpildai, įvesties laukų rėmeliai ir sodrūs juodi akcentai ten, kur reikalingas maksimalus kontrastas. - Link Blue
#0159a3— Teksto nuorodos spalva, plačiai naudojama navigacijoje ir pagrindinėse nuorodose, yra vienintelė mėlyna spalva sistemoje.
Tipografija
nuo 13 iki 51 pikselio · 5 žingsniai
- Noto IKEA — pakeitimas: Inter · kontūrai 400, 700 · Naudojamas tik IKEA firminis šriftas „Noto“. Dviejų storių sistema (400 įprastas, 700 paryškintas) yra sąmoningai santūri: nėra kursyvo, vidutinio ar lengvo storio. 700 taškų dydžio, 36–51 pikselio dydžio antraštės perteikia visą prekės ženklo stilių; 16 pikselių dydžio pagrindinė teksto dalis išlieka neutrali. Tarpai tarp raidžių mažėja didėjant dydžiui, todėl antraštės atrodo glaustos ir architektūriškos.
Intervalai ir forma
| Tikslas | Reikšmė |
|---|---|
| Tankis | vidutinis |
| Pagrindinis žingsnis | 24px |
| Mygtuko spindulys | 8px |
| Kortelės spindulys | 8px |
| Šešėliai | ne – rėmeliai vietoj šešėlių |
| Tarp sekcijų | 80px |
| Puslapio plotis | 1440px |
Dirbtinis intelektas sukurs jūsų svetainę IKEA 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
- MindMarket — Jauki pasakų knyga ant kreminio popieriaus – draugiška redakcinė drobė, kurioje saulės nutviekstame, minkštame, lyg lipdukas, paviršiuje susijungia didelės „Inter“ antraštės ir iškirpti popieriniai personažai.
- Lamborghini — Juoda kėbulo spalva salone, prožektorių šviesoje – vienas geltonas automobilis
- amp — Šilta oranžinė spalva vėsiame baltame fone. Dizainas primena aukščiausios kokybės fitneso produktą, nufotografuotą saulės nutviekstame palėpėje: vienas daiktas, vienas akcentas, vienas užtikrintas šriftas, kuris atlieka visą darbą.
- LUNCH — aksominis podiumas ant šilto pergamento
- Microsoft — Mažmeninės prekybos kataloge naudojama firminė mėlyna spalva – įsivaizduokite kvadratinį logotipą ant baltų salono grindų, kur kiekvienas dizaino elementas yra mėlynos spalvos.
- Vibrants — „Skyborne“ vaistinė ant balto marmuro – tamsiai mėlynas rašalas yra skiedinys, o vaivorykštės spektras – vaistai
- Isla Beauty — Kreminis vaistinės stilius su chirurginės raudonos spalvos akcentais – įsivaizduokite šiltas pergamentines sienas, gintaro butelius ir po vieną raudoną antspaudą ant kiekvienos etiketės.
- Swap — „Mint Editorial Gallery“: šviesūs šalavijų atspalviai kambariuose su ryškiais citrinmedžio akcentais ir subtiliais serifais
- Cursor — Jauki pergamentų dirbtuvė, apšviesta rusenančių žarijų
- Structured — Renesanso galerija ant plastilino tipo popieriaus
- Apple (España) — Muziejaus galerija, švelniai dienos šviesoje, yra vientisa, žavi, nesvari balta erdvė, kurioje kiekvienas eksponatas apšviestas prožektoriaus šviesa prie švelniai tamsintos sienos.
- Amplemarket — Saulės nutvieksta darbovietė, nusėta konfeti