Rád vítám čtenáře vc.ru. Jmenuji se Pavel Permyakov a pracuji jako designér v jednom malém webovém studiu a také píšu články pro stejnou skupinu ve VK s názvem Bit.Design. Byl zde zveřejněn článek níže, ale udělám to znovu, abych získal alespoň nějakou zpětnou vazbu. Předem děkujeme.
V tomto článku se podíváme na Brutalismus ve webovém designu: historii původu, charakteristické rysy a to, jak můžete ve svých projektech využívat rysy tohoto stylu.
Původ brutalismu
Termín „brutalismus“ pochází z francouzského „beton brut“, což se doslovně překládá jako surový beton, a nikoli z anglického adjektiva brutal, jak by se mohlo na první pohled zdát. Bylo by správnější říci, že brutalismus znamená něco bez povrchové úpravy, syrové, syrové nebo drsné.
Tento styl se zrodil v architektuře v 50. až 60. letech. V poválečném období si drsný a funkční styl rychle našel uplatnění díky své lacnosti a snadnému vývoji různých budov a obytných komplexů. První takovou stavbou byla slavná francouzská Unité d'Habitation, město Marseille, dokončená v roce 1952. Tento obrovský a ambiciózní projekt zahrnoval 337 bytů. Kupodivu byl tento projekt úspěšný a architekt Le Corbusier pokračoval v budování podobných struktur. V Berlíně se objevilo toto.
O něco později v roce 1954 navrhli a postavili školu v Hunstantonu slavnější architekti Alison a Peter Smithson, manželé z Velké Británie. Oproti pojmu brutalismu nebyla škola postavena z betonu, ale z cihel a skla.
Brutalismus ve webovém designu
Ve webovém designu neexistuje žádný konkrétní tvůrce stylů. Weby tohoto druhu se začaly objevovat všude kolem roku 2014, kdy designér Pascal Deville vytvořil adresář brutalistických webů, které si můžete prohlédnout na brutalistwebsites.com. Byly vytvořeny, aby zpochybnily nově vytvořené úhledné stránky, které postupem času začaly ztrácet svou novost. Hlavním úkolem tohoto stylu je vytvořit nejsrozumitelnější web bez vizuálních excesů: zaoblení, pestrost a zbytečný design, aby byl obsah co nejčtenější a uživatelsky přívětivý. Jak se to ale v tomto případě liší od minimalismu a které stránky jsou ve skutečnosti brutalistické?
Hlavní rysy brutálních stránek jsou: – provokativní designové prvky; – Na základně jedovatých tónů, jako je modrá, červená, zelená; – Pozadí je vlhké, nejčastěji bílé nebo černé; – Obrázky na webu jsou často surové, pokud existují; – Všechny stránky používají jedno písmo; – Nejsou žádné animace; – Úmyslné chyby v hierarchii, logice, intervalech.
Představitelé tohoto hnutí často nesprávně interpretují podstatu brutalismu. Tendence vytvářet ošklivé stránky bez podílu umění vzkvétá a tyto myšlenky velmi často nemají absolutně nic společného s původní filozofií brutalismu, která byla v architektuře, ale stále se stala trendem v roce 2020.
Stránka smashingmagazine.com rozděluje moderní webový brutalismus na 2 typy, ale ve skutečnosti je tento styl poněkud rozmanitější. Pojďme se na ně podívat.
Typ jedna: L'internet BRUT
První typ je nejblíže filozofii architektury. L'internet BRUT lze přeložit doslovně jako „Raw“ nebo „Raw Internet“, jehož zdrojovým materiálem je značkovací jazyk HTML a nejméně používaný styl CSS. Na těchto webech jsou hypertextové odkazy modré, pozadí bílé a text černý. Nejznámějším zástupcem tohoto typu je známá stránka Wikipedia.
Zde vidíte přesně podstatu, význam, který v architektuře byl: jednoduchost všech prvků a poctivost materiálů (html a css) vytvářejí krása a rozhraní je co nejjasnější i pro nejzkušenějšího uživatele. Existuje však web, který ilustruje podstatu brutalismu.
Jak můžete vidět na fotografii výše, domovská stránka craigslist.org není nijak ozdobná. Navíc se design stránek nezměnil více než 20 let. Web je navržen co nejjednodušší, není třeba hádat, jak to funguje, protože vše máte na očích.
Navzdory skutečnosti, že zdrojový materiál webů je stejný, samotné weby nejsou stejné. Stejně jako v případě architektury má webový brutalismus také neuvěřitelnou rozmanitost forem. Stránky jako tyto nekřičí krásou, ale v jejich funkčnosti je elegance.
Webový brutalismus se často používá v adresářích, na zpravodajských webech, v encyklopediích. Tyto stránky vypadají nenáročně, ale vždy věrně slouží svému účelu pomocí surových webových prvků.
Typ dva: L'internet FOU
Tento typ webového brutalismu je nejkontroverznější a nejpopulárnější. Doslova L’internet FOU lze přeložit jako „šílený internet“. Filozofií tohoto stylu je protestovat proti novým webům, což se stalo trendem let 2019–2020.
Pascal Deville, tvůrce prvního katalogu brutálních webů, tvrdí, že „ve své drsnosti a neochotě vypadat snadno, brutalismus lze považovat za reakci mladší generace na lehkost, optimismus a lehkomyslnost moderního webového designu. “
Stránky tohoto typu jsou často záměrně komplikované, mají jedovaté barvy, drsné tvary, syrové obrázky. Jejich nárůst popularity není do značné míry způsoben hrubostí, ale krutostí hraničící s anarchií.
Doporučuji podívat se na příklady z článku Awwwards, který popisuje brutalismus webu takto:
< p> Brutalismus ve webovém designu se směje tváří v tvář racionalismu a funkčnosti. Ve světě designu to lze definovat jako volný, ošklivý, neuctivý, hrubý, povrchně dekorativní atd.
Awwwards.com
Některé příklady z tohoto článku:
Tento typ má zcela odlišný přístup než první typ. Jedná se o stránky nového směru, zcela odlišné od toho, co bylo původně v architektuře, jsou více podvratné povahy a protestují proti příliš zjednodušenému designu. Návrháři záměrně navrhují matoucí a složitá rozhraní, ale pamatujte, že většinu z těchto webů vytvářejí designéři za účelem nové zkušenosti nebo vtipu.
Jaké principy brutalismu lze nyní použít ve skutečných projektech?
I. Krásný znamená pohodlný
Lidé milují krásné věci a to je fakt. Navrhuji, abyste se zde seznámili s přehledem výzkumu Habrého na toto téma. Pokud vytvoříte něco funkčního, ale neatraktivního, pak je méně pravděpodobné, že to uživatel použije. Lidé milují rytmy, plynulé linie a jasné barvy.
II. Potřeby lidí jsou na prvním místě
Přestože je bydlení v bytových domech předmětem výsměchu, první takové budovy, jako například budova od Le Corbusiera, byly vytvořeny za účelem zlepšení kvality života obyvatel. . V poválečném období byli lidé nuceni žít v těchto podmínkách a ke zlepšení těchto podmínek byla vytvořena „obytná jednotka“.
III. Jednoduše znamená efektivní
Funkčnost a jednoduchost raných brutalistických budov platí také pro webový design. Snad jednoduchý jednostránkový web s jednoduchými „kotvami“ bude mnohem pohodlnější a snazší jej vyvíjet a používat.
IV. Originalita materiálů
Brutalismus v architektuře znamená, že domy se nehodí k výzdobě, což se o moderním designu webových stránek nedá říci: odkazy často nevypadají jako odkazy a tlačítko lze zaměnit za jednoduchý obrázek nebo dekorativní prvek. (Například hypertextový odkaz je v reálném světě nesrovnatelný.) Klikatelné oblasti webového dokumentu by uživatele neměly zmást, protože by si nakonec ani nevšimly požadovaného funkčního prvku.
V. Benefit Dosed
Brutalismus je koncentrovaný styl. Pro váš projekt může být prospěšné pouze jeho dávkované použití. Pokud nenarušuje vizuální hierarchii, navigační systém známý uživatelům a logiku interakcí jen proto, aby vynikl a měl efekt novinky, pak to může být užitečné.
Závěry
Web Brutalism má vyhlídky na životaschopnost na komerčních webech, ale aby toho dosáhl, potřebuje změknout směrem k průměrnému uživateli. Trend tohoto stylu již velké společnosti naučil, že díky použití monopolizovaných barev, tvarů a dokonce i textu je produkt méně konkurenceschopný, a v tomto případě pomůže pouze to, co ho odlišuje od konkurence, a to donutí kupujícího nebo uživatel si to vybrat. Nakonec design UX nevyžaduje použití konkrétních tvarů, barev, textu.
Níže nechám odkazy na téma na stránky, se kterými vám doporučuji přečíst:
– Awwwards článek o brutalismu s příklady;
– katalog BrutalistWebSites.com;
– analýza prostudujte si téma „Proč se krásná zdá pohodlná“ na Habré.
