
Nike
Igalari enombala ofanayo yempumelelo yezemidlalo - izindonga ezimhlophe, umkhiqizo njengomsebenzi wobuciko, i-chrome incibilikisiwe ngemuva
I-Nike.com isebenza njengegalari ye-monochrome, eqala ngomkhiqizo: isikhombimsebenzisi somsebenzisi asibonakali nhlobo, sivumela izithombe zomkhiqizo ukuthi zihlale esikrinini ngasinye. Isikhombimsebenzisi sonke sakhiwe ngemibala emnyama, emhlophe, kanye nemibala emithathu empunga—akukho mibala yokugqamisa, akukho mihlobiso, akukho chrome efudumele, ephawulekayo. Isitayela sesikhombimsebenzisi se-Nike sihlala kulogo yegalari kanye nezithombe, kodwa asikaze sibe ku-interface yomsebenzisi uqobo. Ukuthayipha kuncane futhi kuyasebenziseka, kuncike emndenini wefonti we-Helvetica Now oklanywe ngokwezifiso ku-12-20px, onelogo eyodwa, enkulu ye-Nike Futura ND ku-76px yezihloko. Izingxenye zincane kakhulu: izinkinobho ezimise okwephilisi ezinerediyasi engu-30px, amakhadi omkhiqizo ayisicaba, imingcele emincane, kanye nomehluko wokuphakama ocishe ungabikho. Ikhasi lishintshana phakathi kwezindawo zomkhiqizo ezimhlophe kanye nezingxenye zokuhlela ezimnyama ezikhangayo, ezidala isigqi ngokuqhathanisa kunokuhlobisa.
Ikhasi lilandela isigqi sokuhlela esiqinile: isihloko esimangalisayo, esibanzi, esimnyama esinomkhiqizo owodwa kanye nesihloko esikhulu, silandelwe yigridi egcwele, yesigaba esingu-2x2, igridi yokuskrola evundlile yamakhadi omkhiqizo kumakholomu ama-3, bese kuthi ekugcineni kube unyawo oluminyene, olunamakholomu amaningi. Wonke amabhlogo okuqukethwe athatha ububanzi be-viewport egcwele engenabo ububanzi obukhulu besitsha; umkhawulo wobubanzi obukhulu usebenza kuphela kugridi yesixhumanisi sokuzulazula kanye nesesese. Ukushintshana phakathi kwezigaba kubukhali: isihloko esimnyama → igridi yesigaba esimhlophe → igridi yomkhiqizo omhlophe → unyawo olumhlophe, olunemingcele emincane empunga esebenza njengomthungo obonakalayo kuphela. Ukuzulazula kuyibha encane, enezitezi ezimbili (izixhumanisi ezisizayo phezulu, izigaba eziyinhloko ziphakathi) ngaphandle kokuphina, akukho kugcwaliswa kwangemuva, futhi akukho mthunzi. Ubuningi bokuqukethwe buncane kumagridi omkhiqizo (isikhala samakhadi esiqinile) futhi bukhulu ku-header (i-viewport egcwele ububanzi).
Ukuthwebula izithombe kuyisici esibonakalayo esivelele futhi kuchaza ubunjalo bomkhiqizo. Uhlelo lusebenzisa izithombe zomkhiqizo ezisezingeni eliphezulu, ezinohlaka oluphelele: izicathulo zemidlalo ezithwetshulwe ngazinye zibhekene nesizinda esimnyama noma esithambile, ezisikiwe ukuze kugcwaliswe uhlaka, ngaphandle komongo wendlela yokuphila. Izithombe zendlela yokuphila zivela ngaphakathi kwezigaba, zibonisa izinyawo nemilenze yabadlali abahambayo. Kusetshenziswa uhlelo lombala olugqamile nolugcwele—izicathulo ezibomvu zibhekene nesizinda esimnyama, ama-neon accents ezithendeni ezimhlophe, kanye nokukhanya okufudumele nokupholile ukuze kuboniswe izinto. Azikho imidwebo, ihluzo ezingabonakali, noma ukudweba kwe-3D okusetshenziswayo. Izithombe zihlala zinemiphetho ehlanzekile (azikho amakhona ayindilinga ezitsheni zezithombe), zihlala zihlala yonke indawo ngaphakathi kwamabhulokhi azo, futhi zihlala zihambisana nokumbozwa kombhalo okuncane. I-iconography isebenza kahle: izithonjana zohlaka lokusesha, uhlu lwezifiso, inqola, kanye ne-akhawunti ngemibala ye-Obsidian noma yensimbi.
Iphalethi
Okungathathi hlangothi
- Obsidian
#111111— Umbala omnyama uhambisana nombhalo ongathathi hlangothi kanye nezithonjana futhi udala ukugqama okunamandla. Gwema ukuwusebenzisa njengombala oyinhloko wokubiza isenzo. - Paper White
#ffffff— Ingemuva lekhasi, ubuso bekhadi, umbhalo wenkinobho ngemuva okumnyama, uhlaka lwesithonjana—ikhanvasi ezenzakalelayo yamagridi omkhiqizo kanye nezigaba zesigaba. - Concrete Gray
#e5e5e5— Imingcele, abahlukanisi, imigqa emincane ehlukanisa izingxenye zegridi, izinhlaka ezicashile zezinkambu zokufaka. - Soft Mist
#f5f5f5— Umbala wangemuva ongabonakali wezindawo zesibili, ukuzulazula kwenkambu yokusesha, ingemuva lethegi. - Steel
#707072— Umbhalo wesibili, umbhalo womsizi othulisiwe, uhlaka lwezithonjana oluncishisiwe, amalebula e-breadcrumb, abahlukanisi bezixhumanisi zangaphansi. - Faint Gray
#9e9ea0— Imidwebo yesithonjana, izakhi ezincane ze-UI, kanye nemingcele enokugqamisa okuncane kukhutshaziwe.
Ukuthayipha
kusukela ku-12 kuya ku-76px · izinyathelo ezingu-6
- Helvetica Now Text Medium — esikhundleni: Inter · izinhlaka 500 · Ifonti ye-Helvetica Now Text Medium - itholakala kudatha eqoshiwe kodwa engachazwanga yi-AI.
- Helvetica Now Text — esikhundleni: Inter or Helvetica Neue · izinhlaka 400, 500 · Umbhalo oyinhloko wesixhumi esibonakalayo somsebenzisi - izixhumanisi zokuzulazula, amalebula ezinkinobho, izihloko zamakhadi, amagama emikhiqizo, uhlu lwezansi, wonke umbhalo womzimba.
- Helvetica Now Display Medium — esikhundleni: Inter Medium or Helvetica Neue Medium · izinhlaka 500 · Izihloko zezigaba, amalebula esigaba samakhadi, izihloko eziphakathi nendawo - Ifonti ephakathi (20-24px) iwuphawu lwezihloko ze-Nike ezingezona izakhi zomklamo ezinkulu: azikaze zibe nesibindi, zihlala zimfushane.
Izikhawu kanye nesimo
| Inhloso | Incazelo |
|---|---|
| Ubuningi | minyene |
| Isinyathelo esiyisisekelo | 8px |
| Irediyasi yenkinobho | 30px |
| Irediyasi yekhadi | 0px |
| Izithunzi | cha - imingcele esikhundleni sezithunzi |
| Phakathi kwezigaba | 48px |
| Ububanzi bekhasi | 1440px |
I-AI izokwakha iwebhusayithi yakho ngesitayela se- Nike futhi iyigcwalise
- Gcwalisa ngemikhiqizo kanye nokuthunyelwe ngesixhumanisi - Instagram, TikTok, Facebook.
- Dlulisa okuqukethwe kusuka kusayithi lakho elidala—vele ucacise ikheli.
- Umklamo wesimanje enjinini engcono kakhulu: React ( Next.js) enokunikeza iseva kanye nokwenza ngcono i-SEO ngokungenaphutha.
- Ukwenziwa ngcono kwe-SEO okuzenzakalelayo ngokuphelele kwemiphumela yokusesha kanye nezincomo zenethiwekhi ye-neural.
Izitayela ezifanayo
- Airbnb — Udonga lwegalari olumhlophe oluthule olunebhukhimakhi eyodwa ebomvu ye-coral
- Apple (España) — ikesi lokubonisa igalari elimhlophe
- Silencio — Igumbi elimhlophe elinezinto zobuciko ezintantayo. Isibonisi segalari esenziwe ngephepha elifudumele, lapho into ngayinye ithatha indawo yayo ngokumelene nesizinda sevolumu engemihle, kanti ukuthula kuyisinqumo sokuklama esihlosiwe.
- Oakâme — Indawo yokusebenzela yaseProvençal eyomile elangeni eqoshwe ngetshe elifudumele
- Arc — igalari emhlophe yezimboni phezu kwamanzi aphakathi kwamabili
- Rivian — I-monolith kagesi odongeni lukakhonkolo lwegalari. URivian wethula imoto ngayinye njengesifanekiso esibhekene nendawo enkulu emhlophe, enombhalo omkhulu kangangokuthi uba yinto yokwakha, kanye nophuzi owodwa ofudumele ophula umoya we-monochromatic, njengokukhanya kwelanga ebusweni obungacwebezeli.
- Analogue — Ikesi lokubonisa igalari elimnyama - izimpahla zizulazula endaweni engenalutho
- ddna — isikhwama sombukiso semnyuziyamu esifudumele elangeni elingelashiwe
- Zellerfeld — Indawo yokusebenzela yabaqophi bezithombe emabula amhlophe—izindawo ezinkulu zesisekelo, inhlansi eyodwa ye-cobalt, ukuzwakala kwezinhlamvu ezincane kusukela phansi kuya ophahleni
- UY Studio — Igalari yamatshe yesigodlo iyindawo ethule enezindonga zekhonkrithi, lapho amabhodlela ephunga emi khona ezinsikeni ezimhlophe, ekhanyiswa yisibani esisodwa sama-watt angu-400 kanye nama-bulb amane afudumele ampunga.
- Basic.Space — igalari yokugcinwa kwempahla kumabula amhlophe
- COS — igalari yemfashini enezindonga ezimhlophe