Nike
Inzu ndangamurage y'ibyagezweho mu mikino - inkuta z'umweru, umusaruro nk'igikorwa cy'ubuhanzi, chrome yashongeshejwe inyuma
Nike.com ikora nk'ahantu hagaragara nk'ahantu hagaragara nk'ifoto ya monochrome, ikoreshwa mbere y'ibicuruzwa: aho abakoresha bahurira ntabwo hagaragara cyane, bituma amafoto y'ibicuruzwa yinjira muri buri ecran. Aho hantu hose hakozwe mu ibara ry'umukara, umweru, n'amabara atatu y'ikijuju - nta mabara y'inyuguti, nta miterere y'imitako, nta chrome ishyushye kandi ifite agaciro. Imiterere ya Nike igaragara mu kirango cya galeri n'amafoto, ariko ntabwo iri mu buryo bw'inyuguti ubwabwo. Imiterere y'inyandiko ni mito kandi ifite akamaro, ishingiye ku muryango w'inyuguti wa Helvetica Now wakozwe ku giti cye kuri 12-20px, hamwe n'ikirango kimwe kinini cya Nike Futura ND kuri 76px ku mitwe. Ibice ni bito cyane: utubuto dufite ishusho ya pill dufite radius ya 30px, amakarita y'ibicuruzwa arambuye, imipaka mito, n'itandukaniro ry'uburebure hafi ya zeru. Urupapuro rusimburana hagati y'ibicuruzwa byera gusa n'ibice by'inyandiko byijimye, bitanga injyana binyuze mu gutandukanya aho gukora imitako.
Urupapuro rukurikira injyana ikomeye y'ubuvanganzo: umutwe w'amashusho utangaje, wuzuye, wijimye urimo ibicuruzwa bimwe n'umutwe munini, hagakurikiraho gridi yuzuye, ya 2x2, gridi igenda izunguruka itambitse y'amakarita y'ibicuruzwa mu nkingi 3, hanyuma huzuye inkingi nini, ifite inkingi nyinshi. Ibikubiye byose bifata ubugari bwose bwa viewport nta bugari ntarengwa bwa container; ingano ntarengwa y'ubugari ikoreshwa gusa kuri gridi y'amashusho yo kuzenguruka n'amashusho. Impinduka hagati y'ibice ni nziza: umutwe w'umukara → gridi y'icyiciro cyera → gridi y'ibicuruzwa byera → footer yera, ifite imipaka mito y'imvi ikora nk'umugozi wonyine ugaragara. Inzira ni ntoya, ifite umurongo w'ibice bibiri (amasano y'inyongera hejuru, ibyiciro by'ibanze biri hagati) nta gukanda, nta kuzuza inyuma, kandi nta gicucu. Ubucucike bw'ibikubiye muri gridi y'ibicuruzwa ni buto mu miyoboro y'ibicuruzwa (intera y'amakarita manini) kandi ni nini mu mutwe (viewport yuzuye).
Gufotora ni cyo kintu cy’ingenzi kigaragara kandi kigaragaza umwirondoro w’ikirango. Sisitemu ikoresha amafoto y’ibicuruzwa by’ubwiza bwo hejuru, yuzuye: inkweto za siporo zafotowe ukwazo ku ruhande rw’ijimye cyangwa rujimye, ziciwe kugira ngo zuzuze ishusho, nta miterere y’ubuzima. Amashusho y’ubuzima agaragara mu byiciro, agaragaza ibirenge n’amaguru by’abakinnyi bari mu ngendo. Hakoreshwa amabara atandukanye cyane kandi yuzuye—inkweto zitukura ku ruhande rw’umukara, imitako ya neon ku mpande z’umweru, n’urumuri rushyushye kandi rukonje kugira ngo rugaragaze ibikoresho. Nta mashusho, amashusho adasanzwe, cyangwa amashusho ya 3D akoreshwa. Amashusho ahora afite impande zisukuye (nta mfuruka zizengurutse mu bikoresho by’amafoto), ahora afata umwanya wose mu bice byayo, kandi ahora aherekejwe n’inyandiko ntoya. Ishusho ikora neza gusa: utumenyetso tw’ishusho two gushakisha, urutonde rw’ibyo wifuza, igare, n’amabara ya Obsidian cyangwa Steel.
Paleti
Ntaho bibogamiye
- Obsidian
#111111— Ibara ryijimye ryuzuzanya n'inyandiko n'utumenyetso tudafite aho duhuriye kandi rigatuma habaho itandukaniro rikomeye. Irinde kurikoresha nk'ibara ry'ibanze ryo guhamagarira abantu gukora. - Paper White
#ffffff— Inyuma y'urupapuro, ubuso bw'ikarita, inyandiko y'utubuto ku inyuma yijimye, imiterere y'akamenyetso—urupapuro rusanzwe rw'imirongo y'ibicuruzwa n'ibice by'ibyiciro. - Concrete Gray
#e5e5e5— Imipaka, imiyoboro igabanya, imirongo mito itandukanya ibice by'urusobe rw'amakuru, imiterere mito y'ibice byinjizwamo. - Soft Mist
#f5f5f5— Ibara ry'inyuma ritoroshye ku buso bwa kabiri, kuzuza aho ushakisha, andika inyuma. - Steel
#707072— Inyandiko ya kabiri, inyandiko y'umufasha yaburiwe irengero, imbonerahamwe z'inyuguti zagabanijwe, ibirango by'umugati, ibitandukanya umurongo w'inyuma. - Faint Gray
#9e9ea0— Imiterere y'inyuguti, ibintu bito bya UI, n'imipaka ifite imiterere mito cyane birafunzwe.
Imyandikire
kuva kuri 12 kugeza kuri 76px · Intambwe 6
- Helvetica Now Text Medium — gusimbuza: Inter · imirongo 500 · Helvetica Now Text Medium font - iboneka mu makuru yakuweho ariko ntabwo yasobanuwe na AI.
- Helvetica Now Text — gusimbuza: Inter or Helvetica Neue · imirongo 400, 500 · Inyandiko nyamukuru y'ishusho ry'umukoresha - imirongo yo kuzenguruka, utubuto tw'amabara, imitwe y'amakarita, amazina y'ibicuruzwa, urutonde rw'inyuma, inyandiko yose y'umubiri.
- Helvetica Now Display Medium — gusimbuza: Inter Medium or Helvetica Neue Medium · imirongo 500 · Imitwe y'ibice, ibirango by'ibyiciro by'amakarita, imitwe iringaniye - Inyuguti iringaniye (20-24px) ni ikimenyetso cy'imitwe ya Nike itari imitako minini: ntabwo igaragara cyane, ihora isobanutse neza.
Intera n'imiterere
| Intego | Ubusobanuro |
|---|---|
| Ubucucike | bunini |
| Intambwe y'ibanze | 8px |
| Umurambararo w'ubuto | 30px |
| Umwanya w'ikarita | 0px |
| Ibicucu | oya - imipaka aho kuba igicucu |
| Hagati y'ibice | 48px |
| Ubugari bw'ipaji | 1440px |
AI izubaka urubuga rwawe mu buryo bwa Nike kandi irwuzuze
- Uzuza ibicuruzwa n'inyandiko ukoresheje link - Instagram, TikTok, Facebook.
- Kuramo ibikubiye ku rubuga rwawe rwa kera—shyiraho aderesi gusa.
- Igishushanyo mbonera gigezweho kuri moteri nziza: React ( Next.js) hamwe no gukora neza kwa seriveri no kunoza SEO.
- Gukora SEO neza byikora ku buryo bwikora kugira ngo habeho ibisubizo by'ishakisha n'inama ku miyoboro y'ubwonko.
Imiterere isa
- Airbnb — Urukuta rw'amabaraza y'umweru rutuje rufite ikimenyetso kimwe cy'umutuku wa korali
- Apple (España) — agasanduku k'ishusho kera
- Silencio — Icyumba cy'umweru gifite ibikoresho birebire. Imurikagurisha ryakozwe mu mpapuro zishyushye, aho buri kintu gifata umwanya wacyo mu gice cy'inyuma cy'ubunini butari bwiza, kandi guceceka ni icyemezo cyo gushushanya gikozwe ku bushake.
- Oakâme — Inzu yo gukoreramo ya Provençal yuzuye izuba ikoze mu mabuye ashyushye
- Arc — imurikagurisha ry'inganda ryera hejuru y'amazi yo mu gicuku
- Rivian — Ishusho y'amashanyarazi iri ku rukuta rwa sima rw'inzu ndangamurage. Rivian yerekana buri modoka nk'igishushanyo mbonera kiri ku mwanya munini w'umweru, hamwe n'inyuguti nini cyane ku buryo iba ikintu cy'ubwubatsi, n'umuhondo umwe ushyushye uca ikirere cy'umwero umwe, nk'izuba ku buso butagira amabara.
- Analogue — Agasanduku k'umukara k'ishusho - ibicuruzwa biri mu mwanya wabyo
- ddna — agasanduku k'ingoro ndangamurage gashyushye kari ku mwenda utavuwe
- Zellerfeld — Inzu y'umucuzi w'amabuye y'agaciro ku mabuye y'agaciro y'amabuye y'agaciro—ubuso bw'inkingi y'amabuye y'agaciro, itara rimwe rya kobalti, urusaku rw'inyuguti nto kuva hasi kugera hejuru
- UY Studio — Inzu y'amabuye y'abamonaki ni ahantu hatuje kandi hafite inkuta za sima, aho amacupa y'imibavu ahagarara ku nkingi z'umweru, amurikirwa n'itara rimwe rya watt 400 n'amatara ane y'umukara ashyushye.
- Basic.Space — ububiko bw'amabaraza ku mabuye y'umweru
- COS — ububiko bugezweho bufite inkuta z'umweru