Jsem rád, že mohu přivítat čtenáře vc.ru. Jmenuji se Permyakov Pavel a pracuji jako designér v malém webovém studiu a na částečný úvazek píšu články pro stejnou skupinu na VK s názvem Bit.Design. Článek níže vyšel tam, ale udělám to znovu tady, abych měl alespoň nějakou zpětnou vazbu. Děkuji předem.
V tomto článku se podíváme na Brutalismus ve webdesignu: jeho historii, charakteristické rysy a jak můžete rysy tohoto stylu využít ve svých projektech.
Pojem „brutalismus“ pochází z francouzského „beton brut“, což se doslova překládá jako neupravený beton, nikoli z anglického přídavného jména brutální, jak by se zpočátku mohlo zdát. Přesnější by bylo říci, že Brutalism implikuje něco nedokončeného, syrového, syrového nebo drsného.
Tento styl architektury vznikl v 50. a 60. letech. V poválečné éře si drsný a funkční styl rychle našel uplatnění díky své nízké ceně a snadnému vývoji v různých budovách a obytných komplexech. První takovou stavbou byla slavná „bytová jednotka“ (Unité d’Habitation) ve Francii, 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 ve výstavbě podobných staveb. Další se objevil v Berlíně.
O něco později v roce 1954 slavnější architekti Alison a Peter Smithsonovi, manželé z Velké Británie, navrhli a postavili školu v Hunstantonu. Oproti konceptu brutalismu nebyla škola postavena z betonu, ale z cihel a skla.
Právě poctivost materiálů dala podnět k masovému rozšíření tohoto stylu.
Po válce byl brutalismus žádaný, země utrpěly neuvěřitelné ničení a vyžadovaly obnovu, ale blíže k 70. létům potřeba brutalismu prudce klesla, ekonomiky zemí se začaly zotavovat a budovy se začaly bourat.
Nejznámější brutalistickou budovou současnosti je Buffalo City Courthouse v New Yorku v USA. Budova byla postavena v roce 1974 a je stále v provozu.
Městský soud v Buffalu, USA, New York. Postaveno architektonickou firmou Pfohl, Roberts and Biggie.
Ve webdesignu neexistuje žádný konkrétní tvůrce stylu. Weby tohoto druhu se začaly objevovat všude kolem roku 2014, zároveň designér Pascal Deville vytvořil adresář brutalistických webů, který najdete na brutalistwebsites.com. Byly vytvořeny s cílem zpochybnit nové stránky, které postupem času začaly ztrácet na novosti. Hlavním úkolem tohoto stylu je vytvořit co nejsrozumitelnější web bez vizuálních excesů: křivek, pestrobarevnosti a zbytečného designu, aby byl obsah co nejčitelnější a uživatelsky přívětivý. Jak se to ale v tomto případě liší od minimalismu a které stránky jsou vlastně brutalistní?
Hlavní rysy brutálních webových stránek jsou:— Provokativní prvky v designu; — Základem jsou jedovaté tóny jako modrá, červená, zelená; — Pozadí je syrové, nejčastěji bílé nebo černé; — Obrázky na webu jsou často neupravené, pokud jsou vůbec dostupné; — Všechny stránky používají stejné písmo; — Nejsou žádné animace; — Záměrné chyby v hierarchii, logice, intervalech.
Představitelé tohoto hnutí často mylně vykládají podstatu brutalismu. Tendence vytvářet nevzhledné stránky bez nádechu umění se daří a velmi často takové nápady nemají absolutně nic společného s původní filozofií brutalismu, která byla v architektuře, ale i tak se v roce 2020 stala trendem.
Web smashingmagazine.com dělí moderní webový brutalismus na 2 typy, ale ve skutečnosti je tento styl poněkud rozmanitější. Pojďme se na ně podívat.
První typ je nejblíže filozofii architektury. L’internet BRUT lze doslovně přeložit jako „Syrový“ nebo „Syrový internet“, jehož surovinami jsou značkovací jazyk HTML a minimálně používaný jazyk stylů CSS. Na takových stránkách jsou hypertextové odkazy modré, pozadí bílé a text černý. Nejznámějším zástupcem tohoto typu je známá stránka Wikipedie.
Zde si můžete všimnout přesně podstaty, smyslu, který byl v architektuře: jednoduchost všech prvků a poctivost materiálů (html a css) vytvářejí krásu a rozhraní je maximálně jasné i pro nejnezkušenějšího uživatele. Existuje však stránka, která podstatu brutalismu ilustruje ve větší míře.
Jak můžete vidět na fotografii výše, domovská stránka craigslist.org není žádná ozdoba. Design stránek se navíc nezměnil více než 20 let. Stránka je navržena tak jednoduše, jak je to jen možné, není třeba hádat, jak to funguje, protože vše máte přímo před očima.
I když je zdrojový materiál stránek stejný, stránky samotné stejné nejsou. Stejně jako u architektury, i webový brutalismus má neuvěřitelnou rozmanitost podob. Tyto typy stránek nekřičí krásou, ale jejich funkčnost je elegantní.
Webový brutalismus se často používá v katalozích, zpravodajských serverech a encyklopediích. Takové stránky jsou vzhledově nenáročné, ale vždy věrně poslouží svému účelu pomocí nezpracovaných webových prvků.
Právě tento typ webového brutalismu je nejkontroverznější a zároveň nejoblíbenější. Doslova lze L’internet FOU přeložit jako „šílený internet“. Filozofií tohoto stylu je protestovat proti novým webům, a to je přesně to, co se stalo trendem 2019-2020.
Pascal Deville, tvůrce prvního adresáře brutalistických webů, tvrdí, že „ve své drsnosti a neochotě vypadat jednoduše lze brutalismus považovat za reakci mladé generace na lehkost, optimismus a lehkomyslnost moderního webdesignu“.
Stránky tohoto typu jsou často záměrně komplikované, mají jedovaté barvy, drsné tvary a syrové obrázky. Růst jejich obliby není z velké části způsoben hrubostí, ale krutostí hraničící s anarchií.
Doporučuji přečíst si příklady z článku Awwwards, který popisuje webový brutalismus takto:
Brutalismus ve webdesignu se směje do tváře racionalismu a funkčnosti. Ve světě designu může být definován jako volný, ošklivý, neuctivý, hrubý, povrchně dekorativní atd.
Existují návrhy, které vypadají jinak než všechny ostatní. Drsné, ostré, hranaté. Ale přesto fungují. Tato třída webových stránek představuje nový trend tzv brutalismus.
Ačkoli je to pro webové koncepty něco nového, brutalismus jako umění existuje již od 1950., 60. a 70. let. Ale dnešní brutalismus je jiný než tradiční. a proto přitahuje pozornost. Podívejme se, co to je.
Co je brutalismus
Brutalismus je minimalismus na steroidech. Můžete si to představit takto:
- Návrat do doby, kdy velké množství webů vypadalo docela „brutálně“, jednoduše proto, že jsme nevěděli, jak to udělat jinak
- Trend, který stojí proti všem čistým a jednoduchým designům
Zde je několik příkladů:
Popularita tohoto stylu roste. Existuje dokonce brutalistický web věnovaný tomuto hnutí. Tento trend popisuje takto:
Brutalismus se vší hranatostí a lhostejností ke kráse nebo pohodlí lze vnímat jako reakci mladší generace na lehkost, optimismus a lehkovážnost moderního webdesignu.
Charakteristiky designu
Brutalismus poznáte, když ho vidíte. Nejedná se o nějakou jemnou designovou techniku. Někomu se ale může líbit, částečně kvůli jeho drsnosti; často simuluje vizualizaci kódu na tmavém pozadí, monospace typografii a bílý a zelený text.
Charakteristické rysy brutalistického designu:
- Pevné pozadí, často černé nebo bílé, bez textur nebo stínů
- Absence různých druhů technik – žádné stíny nebo přechody
- Monospace typografie nebo použití pouze jednoho písma
- Přeplněný design s přilepenými písmeny nebo objemnými prvky
- Žádná hierarchie
- Prvky vyrobené v analogovém stylu
- Nedostatek symetrie nebo mezer
- Žádná skutečná barevná paleta – nejběžnější barvy jsou červená a zelená
- Design vypadá, že má spoustu vizuálních chyb
- Nedostatek animace
- Obrázky buď chybí, nebo jsou černobílé
- Navigace je buď velmi jednoduchá, nebo neexistuje. Brutalistické weby se často skládají z jedné stránky
“Špatný” design
Ale možná je brutalismus jen omluvou pro špatné návrhy? Koneckonců, toto je skutečně super-ořezaný model webu. Jeho drsná povaha nemusí mnohé oslovit a nemusí vytvořit emocionální spojení, které všichni ostatní používají k přilákání uživatelů.
Všechny trendy a prvky, o kterých čtete, a vše, co je podle odborníků nezbytné k vytvoření použitelnosti, jsou vyhozeny oknem. Je brutalismus špatný design? Nebo je schválně tak „ošklivý“?
Brutalismus zvyšuje konverze
Mark Schenker z Webdesigner Depot říká, že tento styl může zvýšit míru konverze:
„Přemýšlejte o tom: bez vysoce kvalitních obrázků a dlouhých videí se web načítá rychle. Jak to ovlivní konverze? Výzkum ukazuje, že rychlé weby mají vyšší míru konverze.“ Infografika Kissmetrics ukazuje následující:
- Čím déle trvá načítání stránky, tím vyšší je míra okamžitého opuštění.
- 79 % nakupujících, kteří jsou nespokojeni s výkonem webové stránky, pravděpodobně na ní znovu nenakoupí
- Jednosekundové zpoždění může vést k 1% snížení míry konverze
Co bude dál?
Hlavní otázkou brutalismu je, zda se může stát mainstreamem? Styl je tak syrový, že ho budete buď milovat, nebo nenávidět. Aby brutalismus přesáhl hranice portfoliových stránek, musí se ve vztahu k běžnému uživateli změkčit.
Z tohoto důvodu brutalismus ovlivní design, ale pravděpodobně nenahradí jiné, běžnější styly. Více návrhů založených na konceptu brutalismu – zejména pokud jde o typografický styl – se stane populární. Barvy používané v brutalismu se rozšíří i do dalších vzorů.
Návrháři vytvářející brutalistické koncepty také začnou do svých hrubých šablon zavádět modernější prvky, od animovaných popisků po vylepšenou navigaci, čímž zlepší použitelnost. CTA se stanou atraktivnější.
