
Nike
Monohroma sporta sasniegumu galerija – baltas sienas, produkts kā mākslas darbs, hroms izšķīdis fonā
Nike.com darbojas kā vienkrāsaina, uz produktiem orientēta galerija: lietotāja saskarne ir praktiski neredzama, ļaujot produktu fotoattēliem aizņemt katru ekrānu. Visa saskarne ir veidota no melnas, baltas un trim pelēkajiem toņiem — bez akcenta krāsām, bez dekoratīviem gradientiem, bez silta, raksturīga hroma. Nike raksturīgais stils mīt galerijas logotipā un fotoattēlos, bet nekad pašā lietotāja saskarnē. Tipogrāfija ir kompakta un utilitāra, balstoties uz īpaši izstrādātu Helvetica Now fontu saimi ar izmēru 12–20 pikseļi, ar vienu, lielu Nike Futura ND logotipu ar izmēru 76 pikseļi virsrakstiem. Komponenti ir minimālistiski: tabletes formas pogas ar 30 pikseļu rādiusu, plakanas produktu kartītes, plānas apmales un praktiski nulles augstuma atšķirības. Lapā mainās tīri baltas produktu virsmas un pārsteidzošas, tumšas redakcionālās sadaļas, radot ritmu ar kontrastu, nevis ornamentiem.
Lapa seko spēcīgam redakcionālam ritmam: pārsteidzošs, pilna platuma, tumšs galvenes fragments ar vienu produktu un lielu nosaukumu, kam seko pilna platuma 2x2 kategoriju režģis, horizontāli ritināms produktu karšu režģis 3 kolonnās un visbeidzot blīva, vairāku kolonnu kājene. Visi satura bloki aizņem pilnu skata loga platumu bez maksimālā konteinera platuma; maksimālā platuma ierobežojums attiecas tikai uz navigācijas un kājenes saišu režģi. Pārejas starp sadaļām ir asas: melna galvene → balts kategoriju režģis → balts produktu režģis → balta kājene, ar šaurām pelēkām apmalēm, kas kalpo kā vienīgā vizuālā šuve. Navigācija ir minimālistiska, divlīmeņu josla (palīgsaites augšpusē, galvenās kategorijas centrētas) bez piespraušanas, fona aizpildījuma un ēnas. Satura blīvums produktu režģos ir kompakts (blīva karšu atstarpe) un plašs galvenē (pilna platuma skata logs).
Fotogrāfija ir dominējošais vizuālais elements un nosaka visu zīmola identitāti. Sistēma izmanto augstas kvalitātes, pilna kadra produktu fotoattēlus: sporta apavi, kas fotografēti atsevišķi uz tumša vai gradienta fona, apgriezti, lai aizpildītu kadru, bez dzīvesveida konteksta. Dzīvesveida attēli tiek parādīti kategorijās, demonstrējot sportistu pēdas un kājas kustībā. Tiek izmantota augsta kontrasta, piesātināta krāsu shēma — sarkani apavi uz melna fona, neona akcenti uz baltām zolēm un silts un vēss apgaismojums, lai dramatizētu materiālus. Netiek izmantotas ilustrācijas, abstrakta grafika vai 3D renderējumi. Attēliem vienmēr ir tīras malas (foto konteineros nav noapaļotu stūru), tie vienmēr aizņem visu vietu savos blokos un vienmēr ir pārklāti ar minimālu tekstu. Ikonogrāfija ir tīri funkcionāla: kontūru ikonas meklēšanai, vēlmju sarakstam, grozam un kontam obsidiāna vai tērauda krāsās.
Palete
Neitrāls
- Obsidian
#111111— Tumša krāsa papildina neitrālu tekstu un ikonas un rada spēcīgu kontrastu. Neizmantojiet to kā galveno krāsu aicinājumiem uz darbību. - Paper White
#ffffff— Lapas fons, kartītes virsma, pogas teksts uz tumša fona, ikonas kontūra — produktu režģu un kategoriju sadaļu noklusējuma audekls. - Concrete Gray
#e5e5e5— Robežas, atdalītāji, plānas līnijas, kas atdala režģa sadaļas, ievades lauku smalkas kontūras. - Soft Mist
#f5f5f5— Neuzkrītoša fona krāsa sekundārajām virsmām, meklēšanas lauka aizpildīšanai navigācijā, birkas fonam. - Steel
#707072— Sekundārais teksts, apklusināts palīgteksts, samazinātas ikonu kontūras, navigācijas etiķetes, kājenes saišu atdalītāji. - Faint Gray
#9e9ea0— Ikonu kontūras, nelieli lietotāja interfeisa elementi un apmales ar minimālu izcelšanu ir atspējotas.
Tipogrāfija
no 12 līdz 76 pikseļiem · 6 soļi
- Helvetica Now Text Medium — nomaiņa: Inter · kontūras 500 · Helvetica Now Text Medium fonts — atrodams nokasītajos datos, bet mākslīgais intelekts to nav aprakstījis.
- Helvetica Now Text — nomaiņa: Inter or Helvetica Neue · kontūras 400, 500 · Lietotāja saskarnes galvenais teksts — navigācijas saites, pogu nosaukumi, karšu nosaukumi, produktu nosaukumi, kājenes saraksti, viss pamatteksts.
- Helvetica Now Display Medium — nomaiņa: Inter Medium or Helvetica Neue Medium · kontūras 500 · Sadaļu virsraksti, karšu kategoriju nosaukumi, vidēja izmēra virsraksti — vidējs fonts (20–24 pikseļi) ir raksturīga Nike virsrakstu pazīme, kas nav lieli dizaina elementi: nekad nav treknrakstā, vienmēr kodolīgi.
Intervāli un forma
| Mērķis | Nozīme |
|---|---|
| Blīvums | blīvs |
| Pamata solis | 8px |
| Pogas rādiuss | 30px |
| Kartes rādiuss | 0px |
| Ēnas | nē — robežas ēnu vietā |
| Starp sekcijām | 48px |
| Lapas platums | 1440px |
Mākslīgais intelekts izveidos jūsu vietni Nike stilā un aizpildīs to
- Aizpildiet ar produktiem un ierakstiem, izmantojot saiti — Instagram, TikTok, Facebook.
- Pārsūtiet saturu no savas vecās vietnes — vienkārši norādiet adresi.
- Moderns dizains uz labākā dzinēja: React ( Next.js) ar servera renderēšanu un SEO optimizāciju uzreiz pēc instalēšanas.
- Pilnībā automatizēta SEO optimizācija meklēšanas rezultātiem un neironu tīkla ieteikumiem.
Līdzīgi stili
- Airbnb — Klusa balta galerijas siena ar vienu koraļļsarkanu grāmatzīmi
- Apple (España) — balta galerijas vitrīna
- Silencio — Balta istaba ar peldošiem artefaktiem. Galerijas ekspozīcija, kas veidota no silta papīra, kur katrs elements ieņem savu vietu uz negatīva apjoma fona, un klusums ir apzināts dizaina lēmums.
- Oakâme — Saules pielieta Provansas darbnīca, kas izgrebta no silta akmens
- Arc — industriāla balta galerija virs pusnakts ūdens
- Rivian — Elektrisks monolīts uz galerijas betona sienas. Rivians katru transportlīdzekli attēlo kā skulptūru uz plašas baltas telpas fona, ar tik lielu tipogrāfijas apjomu, ka tā kļūst par arhitektūras elementu, un vienu siltu dzeltenu krāsu, kas pārtrauc monohromatisko atmosfēru, līdzīgi kā saules gaisma uz matētas virsmas.
- Analogue — Melna galerijas vitrīna – preces lidinās tukšumā
- ddna — silta muzeja vitrīna uz neapstrādāta lina
- Zellerfeld — Tēlnieka darbnīca uz balta marmora — pjedestāla monolītās virsmas, viena kobalta dzirksts, mazo burtu čuksts no grīdas līdz griestiem
- UY Studio — Klostera akmens galerija ir klusa telpa ar betona sienām, kur uz baltiem postamentiem stāv smaržu pudeles, ko apgaismo viena 400 vatu lampa un četras silti pelēkas spuldzes.
- Basic.Space — kuratora galerija uz balta marmora
- COS — moderna galerija ar baltām sienām