Apple
Ýeke gök açarly ak otag
Apple-iň dizaýny çäklendirmegiň nusgasydyr: diýen ýaly ak reňkli tuwal, giň ak boşluk we her bir hereketiň maksatly ýaly görünmegini üpjün edýän ýeke-täk, janly gök reňk. Esasy üns berilýän zat tipografiýadyr - SF Pro, ölçegi ulaldygyça azalýan negatiw harp aralygy bilen, aşa agyr bolmazdan, baş sahypalara arhitektura aýdyňlygyny berýär. Önüm dizaýndyr: uly önüm suratlary we durmuş keşbi agdyklyk edýär, hrom elementleri bolsa inçe çarçuwalara, şeffaf nawigasiýa we inçe çyzyklara öwrülýär. Bölekler açyk çal fonda üýtgeýär we mahabat materiallary üçin doly reňkli bloklar bilen bezeg elementleriniň ýerine ölçegiň üýtgemegi arkaly ritm döredýär.
Sahypanyň düzülişi konteýneriň iň ýokary ini kesgitlenmedik doly giňlikdäki sahypadyr — bölümler çetden çetine çenli uzalyp gidýär, tekst bloklary takmynan 980 pikselde merkezleşdirilen. Nawigasiýa her bir önüm üçin goşmaça kiçi papkasy bolan ýeke-täk, üýtgewsiz global çyzykdyr, ol skrollingde peýda bolýar. Esasy düzüliş hemişe merkezleşdirilendir: uly önümiň ady, bir setirlik şygar, iki düwme, soňra galan görnüş portuny doldurýan önümiň suraty. Bölümler giň dik ritm (bölümleriň arasynda 64 piksel+) bilen dikligine ýerleşdirilip, #f5f5f7 we reňkli fonlary çalyşýar. Aşakdaky sahypa doly giňlikdäki hyzmat kartlarynyň (Apple TV+, Fitness+, Music, Arcade) ýeke-täk gorizontal hatarydyr, her biri üst-üst teksti we düwmesi bolan surat blokydyr. Gapdal paneller ýok, köp sütünli mazmun düzülişleri ýok, asimmetrik kompozisiýalar ýok — hemme zat merkezleşdirilen, üst-üst edilen we simmetrikdir.
Fotografiýa esasy wizual dildir. Önümiň suratlary arassa ak ýa-da ýumşak çal reňkli fonda, hiç hili kontekstsiz düşürilýär - enjam ýyldyzdyr, izolýasiýa edilen we ýagtylandyrylan. Durmuş suratlary doly giňlikdäki bannerlerde, köplenç berk kesilen obýektler bilen görkezilýär. Reňk gradientleri (pastel gök, gülgüne, ýaşyl) önüm bölümleri üçin bezeg hökmünde däl-de, fon hökmünde hyzmat edýär. Ikonografiýa minimalist we çyzyk esasynda, 1-2 piksel galyňlykda, tekst bilen birmeňzeş çal reňkde. Önümiň suratlaryndan başga hiç hili suratlar, abstrakt grafika, 3D şekillendirmeler ýok.
Palitra
Brend
- Apple Blue
#0071e3— Doldurylan hereket düwmeleri, saýlanan ýagdaýlar - her bir görnüşi manyly etmek üçin seýrek ulanylýan ýeke-täk interaktiw hromatik reňk. - Link Blue
#0066cc— Aýratynlaşdyrylan hereket çäkleri, içine goýlan baglanyşyklar - doldurylan planşetiň gaty ýalpyldawuk boljak ýerinde Apple Blue ulanylandan has doýgun reňk. - Signal Blue
#2997ff— Bezeg çarçuwalary, surat konturlary, nyşanlaryň çäkleri - ulgamdaky iň açyk gök reňk, ulanyjy bilen özara gatnaşyk üçin däl-de, atmosfera üçin ulanylýar.
Neýtral
- Carbon
#1d1d1f— Esasy tekst, sözbaşy çäkleri, nawigasiýa setirleri, kart çäkleri - agdyklyk edýän syýa reňki gara reňkde we azajyk ýylylyk alamaty bilen. - Frost
#f5f5f7— Sahypanyň kanwasy, esasy tekst fony we aşaky kolonkanyň ýüzi Apple-iň özboluşly açyk çal reňkinde, arassa ak reňkden biraz sowukrak. - Ice
#f4f8fb— Ýüziň beýanly dolduryşlary, inçe reňkler, garaňky fonda düwme teksti — bölegi tapawutlandyrman, janlandyrýan inçe gök reňk. - Smoke
#333333— Ikinji derejeli tekst, nawigasiýa doldurylyşy, düwme çäkleri - Ortaça çal reňkden has köp çukurlygy talap edýän çäkler we nyşanlar üçin köpugurly neýtral reňk. - Graphite
#474747— Nawigasiýa teksti, nawigasiýa serhetleri, baglanyşyk serhetleri - element iýerarhiýasynda Uglerod bilen Tüsseniň arasynda aralyk orny eýeleýär. - Ash
#707070— Aşaky tekst, sanaw çäkleri, nawigasiýa çäkleri, sessiz esasy tekst - Bar bolmagy zerur bolan, ýöne belli bolmadyk mazmun üçin orta çal reňk.
Tipografiýa
12-den 56 piksele çenli · 8 ädim
- SF Pro Display — çalyşmak: Inter · konturlar 400, 600, 700 · Sözbaşylar we uly tekst — 40px+ ölçegler has dar diafragma we has güýçli negatiw yzarlama üçin görkeziliş formatyny ulanýar; 700 reklama dizaýnlary üçin, 400 bolsa redaksiýa mazmunyndaky önüm atlary üçin saklanýar.
- SF Pro Text — çalyşmak: Inter · konturlar 300, 400, 600 · Esasy tekst, nawigasiýa, düwmeler, kiçi sözbaşylar — işleýän şrift; Esasy tekst üçin 400, kiçi sözbaşylar we degişli ýazgylar üçin 300, nawigasiýa elementleri we düwme teksti üçin 600; negatiw harp aralygy ölçege proporsional taýdan azalýar (-0.022em-den 12px-e çenli -0.01em-den 44px-e çenli).
Aralyklar we görnüş
| Maksat | Manysy |
|---|---|
| Dykyzlyk | ortaça |
| Esasy ädim | 12px |
| Düwme radiusy | 980px |
| Kart radiusy | 8px |
| Kölegeler | kölegeleriň ýerine serhetler ýok |
| Bölümleriň arasynda | 64px |
| Sahypanyň giňligi | 1440px |
Süni intellekt web sahypaňyzy Apple 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
- Studio — Hereket edýän galereýa diwary. Her ekran tipografik materiallaryň we bir-biriniň üstüne düşýän döredijilik işleriniň üns üçin bäsleşýän sessiz, çal reňkli sergi ýüzüni görkezýär.
- Mollie — Kaşmir hasaplaýjy, garaňky hasap defteri. Gara tekstiň töwereginde redaksiýa dizaýny üçin ýeterlik ak ýer galdyryň, soňra önüm bilen baglanyşykly nokatlary ýyly kremler, espresso kokteýlleri we hakyky töleg usullarynyň duýulýan suratlary bilen güýçlendiriň.
- Basis Theory — Dizaýn studiýasyndaky töleg terminallary. Ak tehniki kagyz, üst-üste düşýän şeffaf geleşik gatlaklary we ýeke-täk firuze reňkli dolandyryş elementi wizual ugry kesgitleýär.
- CleanShot X — Gök reňkli yşykly iş stoly bolan studiýa. Gara tekstiň töwereginde asuda ak boşluk dörediň, soňra baý gök reňkli dolandyryş elementleriniň we gatlakly Mac önüm suratlarynyň esasy orny eýelemegine rugsat beriň.
- Modern Treasury — Grafik kagyzda hazyna depderi. Pul akymlarynyň inçe çyzyklar, belliklenen düwünler we takyk, gizlin gözegçilikler bilen görkezilýän, sessiz, ak iş kagyzyna meňzeş sahypalary dörediň.
- Basha-Franklin — Ak linteliň aşagyndaky galereýa tor. Çap edilen binagärlik portfeline meňzeş suratlara esaslanýan ýyly #f4ede6 reňkini, inçe gara gurluşy we asimmetrik sütunlary ulanyň.
- Bajgart Office — Redaksiýa galereýasynyň diwary. Hrom örtülen interfeýs elementlerine garanyňda inçe serif şriftleriniň we portfolio bölekleriniň has köp wizual agramy bolan uly ak boşlugy ulanyň.
- Heptabase — Gün şöhlesi düşýän stol. Ýyly, kagyz ýaly ýüzler, kömür reňkli dolandyryş elementleri we ylmy barlaglar üçin ýüzýän penjireler programma üpjünçiliginiň dolandyryş paneli däl-de, tertipli iş giňişliginiň duýgusyny döredýär.
- Bejamas — Pijama — gara aýnanyň içinden kislotaly hek reňki. Gara paneller bilen kesişýän, ýaşyl reňkli ýagtylygyň ýüzüni kesişýän ýerlerde, asuda, açyk çal reňkli redaksiýa sahypalaryny dörediň.
- Baba — Gyzyl gün şöhlesinde ideg bellikleri. Adamlaryň suratlaryny duýgusal merkez hökmünde ulanyp, ýakyn ak, gülgüne we krem reňkli maglumat ýüzleriniň töwereginde giň gyzyl reňkli gürrüň beriş zolaklaryny dörediň.
- Grafana Labs — “Gün doguşy” signal stansiýasynyň dolandyryş otagy. Asuda çal-ak iş meýdany giň, dört reňkli gorizont gradienti we takyk gök interfeýs signallary bilen utgaşýar.
- Kagi — Aýry okaýyş otagy. Parahatçylygy bozmak üçin inçe gyrmyzy reňkli aksentleri we ýyly pastel ýüzleri ulanyp, goýy grafit tekstiniň daşynda açyk ak ýer dörediň.