Módní průmysl se stejně jako design vyvíjí rychlým tempem. Ve webovém designu je móda trendy. Každý, kdo je sleduje, bez námahy uvidí korelaci mezi měnícími se trendy na webu a módem mimo dráhy.
Některá omezení, řekněme, jsou způsobena trendy na webu. Například módní weby jsou minimalistické kvůli trendům ve webdesignu. Opakem minimalismu je brutalismus. Dosud nedosáhlo stadia vývoje, který by se dal použít v módních buticích (zdá se mi, že minimalismus si kvůli své vizuální a funkční jednoduchosti ponechá tuto mezeru pro sebe), ale existují pokusy. Pokud můj drahý čtenář neví, co je to brutalismus , doporučuji přečíst si o tom můj článek. Tady.
Rozhodl jsem se prozkoumat toto téma, protože nyní je módní styl na webu stále velmi populární. Níže se podělím o to, co jsem zjistil, a budu upřímně rád, pokud tento malý článek pomůže někomu jinému. Žádám vás, abyste zanechali své komentáře a dodatky v komentářích – pokud napíšu druhou část, určitě to zohledním.
Na konci článku nechám několik odkazů na krásné stránky, které si podle mého názoru zaslouží zmínku. Navíc jsem v rámci malého tréninku vytvořil pracovní koncept a zveřejnil ho na Behance. O něm na konci článku.
Fonty
Začněme postupně základními prvky.
Písma jsou jednou z nejdůležitějších součástí tohoto stylu vizuálního zpracování. Zpravidla se dekorativní písma používají v módním stylu. Sazba je vždy bezpatková, podobná helvetice a nadpis je vícepatková než bezpatková. Za zmínku stojí také to, že velikosti písma jsou kontrasty: nadpisy jsou obrovské a sazba až 18 (pokud mluvíme o kontejneru o velikosti 1200-1440px).
Zde je několik příkladů párů písem:
Zdarma:
Playfair – Manrope
Ivy Mode – Poppins < br /> Kormorán Garamond – Montserrat
Prospekt – Sailec
Proxima Nova – Raleway
Placené:
Saol Display – Aktiv Grotesk
Avenir – Didot
Made mirage – Work Sans
Nemyslím si, že by mělo smysl ukazovat každému tvář. V případě potřeby se s nimi můžete seznámit.
Barvy
Toto je pravděpodobně nejjednodušší bod. Barvy jsou pastelové, až na vzácné výjimky: firemní identita je někdy záměrně okázalá, ale pokud je to butik, pak je to jen minimalismus.
Ve výběru barev výše jsem ukázal nejběžnější, jak se říká, monopolizované barvy. Téměř každý je hacknutý, ale funguje to. Nemusíte je používat všechny, ale při navrhování je to docela dobrý tahák.
Zde bych také měl poznamenat, že projekty s tmavým pozadím jsou často vytvářeny v tomto stylu. Tzv. darkmode . Jsou velmi stylové a dodávají projektu vysokou cenu a jedinečnost.
Techniky, text, mediální obsah
Upřímně řečeno, toto je můj oblíbený bod.
Jde o to, že zde není jasný vzorec. Všechny jsou extrémně odlišné, ale existují podobnosti – bloky. Velmi zřídka, téměř nikdy, se používají kruhy nebo ovály. Je to kvůli minimalismu, ale je to zajímavý detail.
Obecně platí, že mediální obsah má vždy vysokou kvalitu: fotografie jsou zpracovány a zapadají do konceptu jak ve stylu, tak i v místě a videa, pokud existují, jsou vždy krátká a dynamická. Mimochodem, stále více videí se používá na obálce webu. Toto je 5–10sekundové smyčkové video s textem nahoře. V obálkách jsou posuvníky již standardem, ale existují i složité kreativní možnosti.
Plynulý přechod k textu. Nadpisy jsou vždy velké a často narážejí na obrázek. Nadpisy mají obvykle 2–3 řádky a obsahují až 7–8 slov. Toto je důležitý bod, protože tak stránka vypadá vizuálně méně načtená. Sazba textu je vždy krátká. V případech, kdy je hodně textu, návrháři vytvářejí vyprávění v krátkých úryvcích. Nejdelší text, na který jsem narazil, byl dlouhý 9–10 řádků a široký 400–450 pixelů a vždy vedle něj byl mediální obsah. Písma jsou v tomto případě malá: 14–18 pixelů, ale je zde poznámka: trendy zahrnují velké velikosti písma a text odstavce najdete ve velikosti 24–28 pixelů. To vše je postaveno podle situace a vkusu designéra, jen o tom věřím.
Uspořádání obrázků na první pohled vypadá chaoticky a různé druhy paralaxových efektů tento efekt jen posilují. Ve skutečnosti je vše vždy zarovnané s mřížkou, a tak vzniká jedinečná kompozice. Toto musí být použito, pak se práce ukáže být vědomá a kompozičně vyvážená.
Důležitou technikou jsou trendy věci, o kterých nebudu podrobně hovořit, článků na toto téma je dost. Mezi hlavní patří neomorfismus, dokonalé ikony, obrovské volné prostory, skleněný efekt, animace atd.
Příklady
talia.su
Rád bych začal s ruskými weby. Talisia je skvělým příkladem. Toto je internetový obchod. Kůl je zde zaměřen na minimalismus a plní své funkce velmi efektivně. Je to dobrá práce, ale pokud jde o použitelnost, osobně mám stížnosti. Mnoho rozhodnutí tohoto plánu je kontroverzních, ale vizuálně velmi dobrých.
ivantoma.com
Druhá a poslední ruská stránka je příkladem kvalitního tmavého módu. Toto je web designéra interiérů. Osobně mě to chytí za barevná schémata a vyprávění.
rino-pelle.exoape.com
Rino Pelle je pravděpodobně nejlepší komerční web, který jsem z hlediska vizuálu viděl. Snad nejlepší příklad módního stylu.
curenails.co
Trochu zastaralý, ale přesto stylový internetový obchod. Neobvyklá vizuální řešení a typografie (NoeDisplay – Northwell – Poppins) dodávají jedinečnost. Nezaostává ani mediální obsah. Doporučuji si to přečíst.
en.maradji.com
Opět elektronický obchod. Extrémně kvalitní web. Lehký, správný, minimalistický.
Dovolte mi shrnout.
Pokud chcete vytvořit nejmodernější pracovní (například pro obchod) stránky, musíte použít příjemnou paletu barev, písma nejvyšší kvality, obrázky, média a také využít všechny silné stránky minimalismu.
Možná, že výše uvedené příklady nesedí dobře s expresivní módou na molu. Chtěl jsem ukázat možnosti, které lze použít ve skutečných projektech. Je jasné, že honosný brutalismus je vhodnější pro honosnou módu, ale přinejmenším není rozumné jej používat v každém projektu. Vyrábíme weby pro průměrné uživatele, což bude vyhovovat většině uživatelů. Pohodlí je trumf.
Doufám, že tento článek byl užitečný. Děkuji za přečtení!
P.s. O mém případě (není nutné číst)
INTRO – Koncept webových stránek INTRO – Koncept webových stránek www.behance.net
Když jsem dělal tento mini-projekt, spoléhal jsem se na to, co je napsáno výše, a dospěl jsem k závěru, že to všechno stále nestačí a tady je důvod:
V designu je mnoho malých detailů, které nezachytíte, když něco děláte sami. Položil jsem si tuto otázku a položím ji vám. Věřím, že se musíte sami rozvíjet a doplňovat své sady nástrojů o takové detaily, ale jak je to možné udělat? Překreslete projekty jiných lidí, zkopírujte je nebo jen analyzujte … Co si o tom myslíte?
Musíte si vytvořit smysl pro krásu. Design není umění, ale je velmi důležité pěstovat smysl pro krásu, aby byl vyroben kvalitní produkt. Vezměme si například kompozici nebo typografii. Design nemusí být nemotorný. Mělo by to být lehké a plynulé, jako samotný návrhář.
Rád bych slyšel vaše komentáře.
