It's Tough Out There A Look to Brutalism in Web Design

Brutalistische websites werden onlangs in de schijnwerpers gezet toen Pascal Deville's brutalistwebsites.com Hacker News hit en viral ging. Deze collectie toont de minder warme en pluizige kant van het web - laten we een kijkje nemen en kijken of we inspiratie kunnen halen uit brutalisme.

Brute gebouwen

"Brutalisme" (of "nieuw brutalisme") is een term die al meer dan een halve eeuw op architecturale scholen rammelt. Het verwijst naar een ruwe vorm van architectuur met kenmerken zoals ruwe onafgewerkte oppervlakken, ongebruikelijke vormen, massieve materialen (zoals beton), massieve vormen en contrasterende kleine functies.

Van Fuck Yeah Brutalism

"... wat het Nieuwe Brutalisme kenmerkt ... is juist zijn brutaliteit, zijn je-m'en-foutisme, zijn bloederige ingesteldheid." - Reyner Banham, 1955

Brute websites

Brutalistische websites, zoals hun architecturale neefjes, zijn een tegengif voor het meer populaire, zachtere internet. We leven in een tijd van emotioneel webdesign; waar we als interface en ervaren ontwerpers over elkaar heen klimmen om gebruikers empathie en begrip te bieden. Waar producten klanten verleiden op de vriendelijkste en gemakkelijkste manieren. Kleuren zijn uitnodigend, afbeeldingen zijn gepolijst, het type is soepel en gemaakt.

Kijkend naar brutalistische websites, komen bijvoeglijke naamwoorden als deze naar voren:

hard
ruw
ruig
ongemakkelijk
rauw
confronterend
cynisch

Het is een school van denken die ik leuk vind; je zou kunnen betogen dat mijn eigen website (die ik in een tijdje niet heb veranderd) een vleugje bruutheid heeft:

Dus hoe definiëren we eigenlijk een brutalistische website? Laten we enkele typische functies bekijken.

Brute ruwe code

Ten eerste is het vermeldenswaard dat dit geen puur esthetische zaak is. Brutalisme is iets dat voortkomt uit de kern van een website: de code ervan. Brutalistische websites hebben de neiging om ruwe, eenvoudige opmaak, inline stijlen, een gebrek aan optimalisatie, maar ook niets ingewikkelds om zaken te verzwaren. Bekijk de som van de kop van het document voor brutalistwebsites.com!

  Brutalistische websites

Ruwe code, zoals de meeste aspecten van brutalisme, sleept dingen terug naar een grovere vorm.

lexicale

vulfpeck

"Ik probeerde niet om een" brutalistische "website te ontwerpen" - Seth Thompson

Brute systeemlettertypen

Over dingen terughalen naar een grovere vorm, er was eens een tijd dat er geen uitgebreide catalogi met gezellige weblettertypen beschikbaar waren. Times New Roman en Arial hebben prima gewerkt dank je wel.

craigslist.org

Ffffound! heeft altijd de inbreng van gebruikers laten kloppen, waardoor de gebruikersinterface een ondersteunende rol kan spelen met eenvoudige kleuren en lettertypen.

ffffound.com

Moet een beetje van houden font-family: Courier, monospace;

fictivekin.com

"Ik wilde een site maken die niet met Squarespace kon worden gemaakt." - Andrew Herzog

Brute kleuren

Systeemlettertypen gaan hand in hand met een systeempalet. Het web was een eenvoudiger plek wanneer ontwerpers zich beperkten tot 216 glorieuze browser-veilige kleuren. Een grijs, een blauw, een rood. En misschien een beige, met wat bordeaux. En als ze diepte nodig hadden, waren er schuine randen om de dag te redden.