Apple (España)
Ağ məkandan ibarət, çətinliklə eşidilən başlıqları olan bir kilsə. Yalnız pastel rənglər və tək bir mavi sapla bir-birinə bağlı olan, havada asılı qalan nəhəng, işıqlı bir salon.
Apple-ın məhsul səhifəsi dili tipoqrafik səxavət üzərində aparılan bir araşdırmadır: ağ fonda nəhəng SF Pro Display başlıqları, hər sözün qəsdən hiss olunmasına səbəb olan geniş ağ boşluqla əhatə olunmuşdur. Palitra demək olar ki, monoxromatikdir - #1d1d1f mətni, #ffffff və #f5f5f7 arasında növbələşən kətan - yalnız interaktiv anlar üçün ayrılmış tək mavi vurğu (#0071e3). Rəng məhsul şəkillərinin özündə mövcuddur (pastel tonlar), heç vaxt dekorativ UI elementləri kimi deyil. Komponentlər çərçivəsizdir: 28 piksel radiuslu yuvarlaq kartlar, səhifənin kənarlarına demək olar ki, toxunan həb formalı düymələr, görünən konteynerlər və ya düşən kölgələr yoxdur. Ritm, bölücülər və ya haşiyələr deyil, növbələşən ağ və boz zolaqlar vasitəsilə yaradılır.
Bölmələr səhifənin tam enini tutur, kənarlardan kənarlara geniş boşluqlarla (təxminən 40-100 tərəf) uzanır. Maksimum məzmun eni hər zolağın içərisində effektiv şəkildə mərkəzləşdirilir. Əsas element mərkəzləşdirilmiş yığındır: qaş formalı etiket, böyüdülmüş başlıq, tək bir çağırış düyməsi, qiymət sətri və sonra görünüş portalının alt hissəsini dolduran məhsul təsviri. Bölmələr təkrarlanan bir nümunəni izləyir: zolağın içərisində sola düzülmüş başlıq, ardınca ya məhsul təsvirləri olan iki sütunlu düzülüş (soldakı mətn/sağdakı şəkil və ya növbə ilə), üç sütunlu kartlar şəbəkəsi və ya mərkəzləşdirilmiş vizual vitrini. Məzmun ritmi tamamilə 100-100 sm şaquli boşluqları olan alternativ ağ və üç rəngli fonlarla idarə olunur - bölücülər yoxdur, elementləri daşıyan kartlar yoxdur. Qlobal naviqasiya tək, sabit bir zolaqdır. Məhsulun spesifikasiyası bölmələri geniş boşluqlu tam enli zolaqlardan istifadə edir, burada mətn daha geniş vizual sahəyə qarşı dar sütunlarda (~560 piksel) mərkəzləşdirilir.
Apple-ın vizual dili əsasən məhsul fotoqrafiyasıdır: təmiz ağ və ya rəngli fonda aparatların yaxın planları, həyat tərzi konteksti və ya səhnələşdirilmiş səhnələr olmadan. Əsas şəkildə pastel yaşıl MacBook Neo tutan əllər göstərilir - insan elementi ikinci dərəcəli olmaqla, emosiyadan daha çox miqyas və tekstura nümayiş etdirir. Məhsul variantı bölmələrində, uyğun bəzək rəngləri (çəhrayı, yaşıl, gümüş, göy mavi) fonunda iki cihaz yan-yana təqdim olunur, hər biri məhsulun mərkəzində olmaqla düz rəngli bir sahə çəkir. Detallı çəkilişlərdə neytral fonda həddindən artıq yaxın planlar (noutbuk menteşəsi, kamera modulu) istifadə olunur. Heç bir illüstrasiya, mücərrəd qrafika, dekorativ şəkillər yoxdur - məhsulun özü vizual elementdir. İkonoqrafiya hər yerdədir - Apple sistem nişan dəstindən götürülmüş 1,5-2 piksel qalınlığında SF Symbols üslubunda monoxrom xətt nişanları. Fotoqrafiya həmişə yüksək səviyyədə aparılır: məhsulu üçölçülü obyekt əvəzinə qrafik formaya endirən vahid, kölgəsiz işıqlandırma.
Palitra
Brend
- Electric Blue
#0071e3— Doldurulmuş hərəkət düymələri istifadəçi interfeysində yeganə rəng vurğusudur və hərəkətə çağırışlar üçün nadir hallarda istifadə olunur. - Link Blue
#0066cc— Sətir içi mətn bağlantıları, oxlar və şevronlarla bağlantılar. - Citrus Gradient
#3b3b23— Məhsulun əsas xüsusiyyətinə çevrilən alternativ bir örtük, sarı-yaşıl rəngli işıqlara çevrilən tünd rəngli bir bazadır.
Neytral
- Primary Ink
#1d1d1f— Başlıqlar, əsas mətn və düymə etiketləri bütün səthlərdə dominant ön plan tonunu təşkil edir; əsas məhsul təsvirinin fonu yuxarıdakı bərk #1d1d1f-dən xromatik mavi rəngə rəvan şəkildə keçir. - Mid Gray
#707070— İkinci dərəcəli mətn, qeyri-aktiv naviqasiya vəziyyəti, səssiz UI etiketləri - Deep Gray
#474747— Naviqasiya mətni və ikonoqrafiya orta şriftlə vurğulanmışdır. - Hairline
#d6d6d6— Bölmələr və UI elementləri arasında nazik sərhədlər. - Canvas
#f5f5f7— Alternativ bölmə fonları - ağ sahələri ayıran boz zolaq. - Paper
#ffffff— Kart səthi, əsas səhifə arxa planı, tünd fonda düymə mətni.
Tipoqrafiya
12-dən 96 pikselə qədər · 10 addım
- SF Pro Display — əvəzetmə: Inter · konturlar 600, 700 · Ekran üçün qəhrəman başlıqları və alt başlıqlar — 80–96 piksel ölçüdə 700 piksel, mənfi hərf aralığı -1.44 piksel olmaqla Apple-ın imzası olan "ağ rəngdə üzən böyük başlıq" yaradır. Əvəzedicilər: İnter, sistem interfeysi
- SF Pro Display — əvəzetmə: Inter · konturlar 600 · Bölmə başlıqları, kart başlıqları, alt başlıqlar - yuxarıdakı qısa başlıqlardan fərqli olaraq, orta ölçülü 600 şrift, bir az müsbət hərf aralığına malik olmaqla, isti və səmimi hiss olunur.
- SF Pro Text — əvəzetmə: Inter · konturlar 400, 500, 600 · Əsas mətn, naviqasiya, dəstəkləyici abzaslar və kiçik başlıqlar üçün 17 piksel ölçüsündə 400 indeksli şrift əsas şriftdir. Mənfi hərf aralığı məlumatla zəngin səhifələrdə əsas mətnin daha qısa olmasına imkan verir.
İntervallar və forma
| Məqsəd | Mənası |
|---|---|
| Sıxlıq | sıx |
| Əsas addım | 8-10px |
| Düymə radiusu | 980px |
| Kart radiusu | 28px |
| Kölgələr | kölgələr əvəzinə sərhədlər yoxdur |
| Bölmələr arasında | 100-120px |
| Səhifə eni | 1200px |
Süni intellekt veb saytınızı Apple (España) ü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
- Airbnb — Tək mərcan qırmızı əlfəcinli sakit ağ qalereya divarı
- Peak Design — Qismən işıqlandırılmış qalereya divarı
- Ramp — Redaksiya maliyyə şöbəsi, tək neon markerli ağ-qara səhifələr. Nəşrin demək olar ki, monoxrom səthi, burada tək bir parlaq yaşılımtıl xətt hər bir qarşılıqlı təsiri pul siqnalına çevirir.
- 099 SUPPLY — Qara və ağ əşyalarla dolu qalereya divarı
- Orderful — Sənaye Logistika Nəzarət Göyərtəsi - Qara mürəkkəb və cərrahi qırmızı ilə hazırlanmış çap olunmuş logistika dispetçer yoxlama siyahısı, hər səhifə bir operatorun vacib bir şeyi qışqırmasına imkan verəcək qədər gizlidir.
- Apple (España) — ağ qalereya vitrin qutusu
- teenage engineering — Studiya işıqlandırmasında sənaye kataloqu - məhsul səhifədəki yeganə əhəmiyyətli obyektdir və qalan hər şey onun ətrafında müzakirə olunur
- Apple (España) — Səhər dumanında qalereya pəncərəsi
- Lightship — Açıq yolun kinematoqrafik dioraması. Yaxın məsafələrdən quraşdırılmış böyük mənzərə fotoşəkilləri ilə bəzədilmiş isti krem rəngli qalereya divarları, çərçivələrdə çətinliklə görünən nazik qara şriftlər və çəmənlikdə tonqal kimi monoxromu pozan tək bir parlaq narıncı vurğu.
- Custo — Monolit şriftə malik gunmetal rəngli qalereya. Tək bir tünd obyektin və 57 piksel şriftin özləri üçün danışdığı solğun boz-yaşıl tonlarda sərgi salonu.
- Silencio — Üzən artefaktlarla dolu ağ otaq. Hər bir elementin mənfi həcm fonunda öz yerini tutduğu isti kağızdan hazırlanmış qalereya sərgisi və sükut qəsdən hazırlanmış dizayn qərarıdır.
- ORYZO AI — Qaranlıq otaq haqqında foto esse. İsti qaranlıqda dalğalanan tənha bir obyekt, yeganə bəzək krem şriftdir.