Apple (España)
Ak giňişlikden ybarat, sözbaşylary asla eşidilmeýän kafedral. Howada asylgy duran ägirt uly 700 dykyzlykdaky şriftleriň ýerleşýän giň, ýagty zal, olar diňe pastel reňkler we ýekeje gök sapak bilen birleşdirilipdir.
Apple-iň önüm sahypasynyň dili tipografik jomartlygyň öwrenilmegidir: uly SF Pro Display başlyklarynyň ak reňkli fonda aýlanyp durmagy, her bir söziň maksatly duýulmagyna sebäp bolýan giň ak boşluk bilen gurşalyp alynmagy. Palitra monohromatik diýen ýaly — #1d1d1f teksti, #ffffff we #f5f5f7 arasynda üýtgeýän kanwa — diňe interaktiw pursatlar üçin niýetlenen ýekeje gök aksent (#0071e3) bilen. Reňk önümiň suratlarynda bar (pastel reňkler), hiç haçan bezeg interfeýsi elementleri hökmünde däl. Komponentler çarçuwasyz: 28 piksel radiusly tegelek kartlar, sahypanyň gyralaryna diýen ýaly degýän tabletka şekilli düwmeler, görünýän gaplar ýa-da düşýän kölegeler ýok. Ritm bölüjiler ýa-da çäkler däl-de, ak we çal zolaklaryň çalşygy arkaly döredilýär.
Bölümler sahypanyň doly giňligini eýeleýär, giň boşluk bilen gyradan gyra uzalyp gidýär (takmynan 40-100 tarap). Maksimum mazmun giňligi her bir zolakda netijeli merkezleşdirilendir. Esasy element merkezleşdirilen stekdir: gaş şekilli ýazgy, ulaldylan sözbaşy, bir çagyryş düwmesi, baha setiri we soňra görnüş meýdançasynyň aşagyny doldurýan önümiň suraty. Bölümler gaýtalanýan nusga boýunça hereket edýär: zolakda çep tarapa deňleşdirilen sözbaşy, ondan soň önümiň düşündirişleri (çepde tekst / sagda surat ýa-da gezekli-gezegine), üç sütünli kartlar toruna ýa-da merkezleşdirilen wizual görkezme. Mazmun ritmi doly derejede ak we üç reňkli fonlaryň 100-100 sm dik aralyklary bilen çalyşmagy bilen dolandyrylýar - bölüjiler ýok, elementleri göterýän kartlar ýok. Global nawigasiýa ýeke-täk, üýtgewsiz çyzykdyr. Önümiň spesifikasiýa bölümleri giň boşluk bilen doly giň zolaklary ulanýar, bu ýerde tekst giň wizual meýdana garşy dar sütünlerde (~560px) merkezleşdirilendir.
Apple-iň wizual dili, esasan, önüm suratçylygydyr: durmuş konteksti ýa-da sahnalaşdyrylan sahnalar bolmazdan, arassa ak ýa-da reňkli fonda enjamlaryň ýakyn planda surata düşürilmegi. Esasy suratda pastel ýaşyl MacBook Neo-ny saklaýan eller görkezilýär - ynsan elementi ikinji derejeli bolup, duýgulardan has köp ölçeg we tekstura görkezýär. Önümiň wariant bölümlerinde iki enjam gabat gelýän reňkleriň (gülgüne, ýaşyl, kümüş, asman gök) fonunda ýan-ýana görkezilýär, her biri önümiň merkezinde bolan tekiz reňk meýdanyny görkezýär. Jikme-jik suratlarda neýtral fonda örän ýakyn planlar (noutbuk menteşesi, kamera moduly) ulanylýar. Suratlar, abstrakt grafika, bezeg suratlary ýok - önümiň özi wizual elementdir. Ikonografiýa hemme ýerde bar - Apple ulgamynyň nyşan toplumyndan alnan, 1,5–2 piksel galyňlygyndaky SF nyşanlary stilindäki monohrom çyzyk nyşanlary. Suratçylyk hemişe ýokary derejeli usulda amala aşyrylýar: önümi üç ölçegli obýekt däl-de, grafik görnüşe getirýän birmeňzeş, kölegesiz yşyklandyryş.
Palitra
Brend
- Electric Blue
#0071e3— Doldurylan hereket düwmeleri UI-däki ýeke-täk reňk aksenti bolup, herekete çagyryşlar üçin seýrek ulanylýar. - Link Blue
#0066cc— Setir içindäki tekst baglanyşyklary, okly we şewronly baglanyşyklar. - Citrus Gradient
#3b3b23— Önümiň esasy aýratynlygyna öwrülen alternatiw reňk, sary-ýaşyl reňklere öwrülýän gara esasdyr.
Neýtral
- Primary Ink
#1d1d1f— Sözbaşylar, esasy tekst we düwme ýazgylary ähli ýüzlerde esasy öň plan öwüşginini emele getirýär; esasy önümiň suratynyň fony ýokarky bölekdäki berk #1d1d1f reňkinden hromatik gök reňke ýuwaşlyk bilen geçýär. - Mid Gray
#707070— Ikinji derejeli tekst, işjeň däl nawigasiýa ýagdaýy, sessiz UI bellikleri - Deep Gray
#474747— Nawigasiýa teksti we ikonografiýa orta şriftde. - Hairline
#d6d6d6— Bölümler we UI elementleriniň arasyndaky inçe serhetler. - Canvas
#f5f5f7— Alternatiw bölüm fonlary - ak ýerleri bölýän çal zolak. - Paper
#ffffff— Kartyň ýüzi, esasy sahypanyň fony, garaňky fonda düwmäniň teksti.
Tipografiýa
12-den 96 piksele çenli · 10 ädim
- SF Pro Display — çalyşmak: Inter · konturlar 600, 700 · Görkezmek üçin gahryman sözbaşylary we kiçi sözbaşylar — 80–96 piksel ölçegde 700 agramy we -1.44 piksel aralygy bolan negatiw harplar Apple-iň "ak reňkde ýüzýän ägirt uly sözbaşy" goluny döredýär. Çalşyryjylar: Inter, system-UI
- SF Pro Display — çalyşmak: Inter · konturlar 600 · Bölüm sözbaşylary, kart sözbaşylary, kiçi sözbaşylar - ýokardaky gysga sözbaşylardan tapawutlylykda, orta ölçeglerde biraz boş harp aralygy bolan 600 şrift ýyly we dostlukly duýulýar.
- SF Pro Text — çalyşmak: Inter · konturlar 400, 500, 600 · Esasy tekst, nawigasiýa, goldaw abzaslary we kiçi ýazgylar üçin 17 piksel ölçegli 400 indeksli şrift esasy şriftdir. Negatiw harp aralygy maglumat köp bolan sahypalarda esasy teksti has gysga görnüşde ýazmaga mümkinçilik berýär.
Aralyklar we görnüş
| Maksat | Manysy |
|---|---|
| Dykyzlyk | dykyz |
| Esasy ädim | 8-10px |
| Düwme radiusy | 980px |
| Kart radiusy | 28px |
| Kölegeler | kölegeleriň ýerine serhetler ýok |
| Bölümleriň arasynda | 100-120px |
| Sahypanyň giňligi | 1200px |
Süni intellekt web sahypaňyzy Apple (España) stilinde gurar we ony doldurar
- Instagram, TikTok, Facebook salgylary arkaly önümler we ýazgylar bilen dolduryň.
- Köne saýtyňyzdan mazmuny göçüriň — diňe salgyny görkeziň.
- Iň gowy motorda döwrebap dizaýn: React ( Next.js) serwer renderi we SEO optimizasiýasy bilen gyssagly ýagdaýda.
- Gözleg netijeleri we neýron tor maslahatlary üçin doly awtomatlaşdyrylan SEO optimizasiýasy.
Meňzeş stiller
- Airbnb — Ýekeje mercan gyzyl reňkli ýazgyly sessiz ak galereýa diwary
- Peak Design — Galereýa diwary, bölekleýin ýagtylandyrylan
- Ramp — Redaksiýanyň maliýe bölümi, ýekeje neon markerli gara-ak sahypalar. Neşiriň diýen ýaly monohrom ýüzi, bu ýerde ýekeje ýagty laým-ýaşyl reňkli çyzyk her bir gatnaşygy pul signalyna öwürýär.
- 099 SUPPLY — Gara we ak zatlar bilen doldurylan galereýa diwary
- Orderful — Senagat Logistikasynyň Gözegçilik Palatasy - Gara syýa we hirurgiki gyzyl reňkde ýazylan çap edilen logistika dispetçeriniň barlag sanawy, her sahypa bir operatoryň möhüm zady gygyryp aýtmagyna mümkinçilik berýän derejede gizlindir.
- Apple (España) — ak galereýa displeý gutusy
- teenage engineering — Studiýa yşyklandyryşynda senagat katalogy - önüm sahypadaky ýeke-täk möhüm obýektdir we galan ähli zatlar onuň töwereginde ara alnyp maslahatlaşylýar
- Apple (España) — Irdenki duman içinde galereýa penjiresi
- Lightship — Açyk ýoluň kinematografik dioramasy. Ýakyn aralykda goýlan uly peýzaž suratlary bilen bezelen ýyly krem reňkli galereýa diwarlary, çarçuwalarda görünmeýän inçe gara şrift we çemenlikdäki ot ýaly monohromy bozýan ýekeje ýagty mämişi reňkli aksent.
- Custo — Monolit şriftli ýarag reňkli galereýa. Ýekeje garaňky obýekt we 57 piksel şrift özi üçin gürleýän çal-ýaşyl reňkli sergi zaly.
- Silencio — Suwda ýüzýän artefaktlar bilen bezelen ak otag. Her bir element negatiw göwrümiň fonunda öz ornuny eýeleýän ýyly kagyzdan ýasalan galereýa sergisi we dymmak maksatly dizaýn çözgüdi.
- ORYZO AI — Garaňky otag barada surat oçerk. Ýyly garaňkylykda aýlanyp ýören ýekeje obýekt, krem reňkli şrift ýeke-täk bezeg.