IKEA
sökülmüş şəkildə günəş işığına qərq olmuş İsveç mebel salonu
IKEA-nın interfeysi yüksək kontrastlı redaksiya yayılmasına bənzəyir: isti ağ fonda demək olar ki, qara şrift, daxili çağırış zonaları kimi xidmət edən düz sarı panellərlə tamamlanır. Sistem qəsdən minimalistdir - cəmi iki çəkidə (400 və 700) bir xüsusi sans-serif şrifti (Noto IKEA), hər komponent üçün tək bir künc radiusu və kölgələr və ya qradiyentlər yoxdur. Bu kompaktlıq minimalist bir tendensiya deyil, strukturdur: mənfi hərf aralığı (başlıqda -0.029em, əsas mətndə -0.027em) hətta 13 piksel etiketlərə də memarlıq hissi verir. Kartlar böyükdür və media məzmununa yönəlmişdir, oxunaqlılığı artırmaq üçün qradiyentdən qara rəngə qədər dəyişən mətn örtükləri ilə böyük iki sütunlu bloklarda düzülmüşdür. Sarı şrift #ffdb00 interfeys üçün bütün işləri görür - bəzəmir, sadəcə aktivləşdirir.
Təxminən 1440 piksel ilə məhdudlaşdırılmış mərkəzləşdirilmiş məzmun konteynerinə malik tam enli dizayn. Naviqasiya sadə, yapışmayan üst paneldir. Səhifə təxminən 80 piksel boşluqlarla şaquli şəkildə yığılmış üfüqi kartlardan qurulub. "Qəhrəman" düzülüşü bölünmüş düzülüşdür — 2/3 media kartı (şəkil) + 1/3 bütöv sarı kart, hərəkətə çağırış. Səhifənin əsas hissəsində şəkil və mətn bloklarını növbələşdirən iki sütunlu kart şəbəkələri istifadə olunur. Məzmun sıxlığı genişdir, heç vaxt kompakt deyil. Kartlar böyükdür (minimum təxminən 600x400 piksel) və bol doldurma ilə. "Zaman xətti/Tarixçə" bölməsi şəbəkəni böyük rəqəmlərlə bölür. Yan panel, meqa menyu, mürəkkəb naviqasiya arxitekturası yoxdur.
Vizual dil əsasən məhsul və həyat tərzi fotoqrafiyasıdır. Redaktə: parlaq, təbii işıqlandırılmış, isti Skandinaviya interyerləri, studiyanın açıq ağlığı kimi deyil, canlı bir hiss yaradır. İnsanlar məhsulla qarşılıqlı əlaqə səhnələrində (tutmaq, yığmaq, istifadə etmək) görünürlər. Şəkillər həmişə kartın bütün enini tutur, heç vaxt üzvi formalara kəsilmir. Mətnli istənilən kartın alt hissəsində qradiyent qara örtüklər görünür. Düz illüstrasiyalar bəzən nümayiş olunur (məsələn, firuzəyi, yaşıl və narıncı rənglərdə mədəni ikonoqrafiyası olan Almaniyanın xəritəsi). Fotoşəkillər redaksiya üslubunda çəkilib: parlaq stok foto effekti yoxdur, həddindən artıq stilizə edilmiş rəng korreksiyası yoxdur.
Palitra
Brend
- IKEA Yellow
#ffdb00— Hərəkətə çağırışları doldurmaq üçün əsas elementlər, seçilmiş şəkilləri olan kartlar üçün fonlar, əsas pəncərədəki vurğu panelləri - sistemin unikal rəng elementi.
Neytral
- Ink Black
#111111— Əsas mətn, əsas mətn, başlıqlar, əsas sərhədlər (851 dəfə), ikon konturu. - Pure White
#ffffff— Səhifə fonu, kart səthi, naviqasiya fonu, tünd fonda düymə mətni. - Warm White
#fffefb— Düymələr və kartlar üçün bir az kremli çalar — təmiz ağdan bir qədər isti — rəqəmsal soyuqluğu aradan qaldırır. - Steel Gray
#818181— İkinci dərəcəli mətn, səssiz sərhədlər, deaktiv edilmiş ikon vəziyyətləri - True Black
#000000— Maksimum kontrastın tələb olunduğu yerlərdə SVG işarələri doldurulur, giriş sahəsinin sərhədləri və dərin qara vurğular. - Link Blue
#0159a3— Naviqasiya və əsas keçidlərdə geniş istifadə olunan mətn keçid rəngi sistemdəki yeganə mavi rəngdir.
Tipoqrafiya
13-dən 51 pikselə qədər · 5 addım
- Noto IKEA — əvəzetmə: Inter · konturlar 400, 700 · İstifadə olunan yeganə şrift IKEA-nın imza Noto şriftidir. İkiqat şrift sistemi (400 adi, 700 qalın) qəsdən məhdudlaşdırılıb: kursiv, orta və ya yüngül şriftlər yoxdur. 700 nöqtəli başlıqlar, 36-51 piksel ölçüsündə, bütün brend stilini əks etdirir; 16 piksellik əsas mətn neytral qalır. Ölçü artdıqca hərf aralığı azalır və başlıqlara qısa və memarlıq hissi verir.
İntervallar və forma
| Məqsəd | Mənası |
|---|---|
| Sıxlıq | orta |
| Əsas addım | 24px |
| Düymə radiusu | 8px |
| Kart radiusu | 8px |
| Kölgələr | kölgələr əvəzinə sərhədlər yoxdur |
| Bölmələr arasında | 80px |
| Səhifə eni | 1440px |
Süni intellekt veb saytınızı IKEA üslubunda quracaq və onu dolduracaq
- Məhsullar və paylaşımlar ilə Instagram, TikTok, Facebook linkləri vasitəsilə tanış olun.
- Köhnə saytınızdan məzmunu köçürün — sadəcə ünvanı göstərin.
- Ən yaxşı mühərrikdə müasir dizayn: Server render və SEO optimallaşdırması ilə React ( Next.js).
- Axtarış nəticələri və neyron şəbəkə tövsiyələri üçün tam avtomatlaşdırılmış SEO optimallaşdırması.
Oxşar üslublar
- MindMarket — Kremli kağız üzərində rahat bir nağıl kitabı - günəş işığına batmış, stiker kimi yumşaq bir səthdə böyük İnter başlıqlarının və kəsilmiş kağız personajlarının yanaşı yerləşdiyi səmimi bir redaksiya kətan.
- Lamborghini — Sərgi salonunda, işıqforların altında qara kuzov rəngi - bir sarı avtomobil
- amp — Soyuq ağ fonda isti narıncı. Dizayn günəşli bir çardaqda çəkilmiş premium fitness məhsulunu xatırladır: bir əşya, bir vurğu, bir özünəinamlı şrift işi görür.
- LUNCH — isti perqament üzərində məxmər podium
- Microsoft — Pərakəndə satış kataloqu özünəməxsus mavi rəngdən istifadə edir — ağ salonun döşəməsində hər dizayn elementinin mavi rəngdə olduğu kvadrat loqotip təsəvvür edin.
- Vibrants — Ağ mərmər üzərində Skyborne Apteki - tünd mavi mürəkkəb havan, göy qurşağı spektri isə dərmandır
- Isla Beauty — Cərrahi qırmızı vurğuları olan kremli əczaçılıq üslubu - isti perqament divarları, kəhrəba şüşələri və hər etiketdə tək bir qırmızı möhürü düşünün.
- Swap — Nanə Redaksiya Qalereyası: Parlaq əhəng vurğuları və incə serifləri olan otaqlarda açıq adaçayı çalarları
- Cursor — Kömürlərlə işıqlandırılan rahat perqament emalatxanası
- Structured — Plastilin kimi kağız üzərində İntibah dövrü qalereyası
- Apple (España) — Muzey qalereyası, yumşaq gün işığında, hər bir eksponatın yüngül rəngli divara qarşı işıqlandırma ilə işıqlandırıldığı tək, valehedici, çəkisiz ağ bir məkandır.
- Amplemarket — Konfeti ilə örtülmüş günəş işığı altında iş yeri