Det är tufft ute En titt på brutalism i webbdesign

Brutalistiska webbplatser slogs in i strålkastaren förrän när Pascal Devilles brutalistwebsites.com slog Hacker News och gick viral. Denna samling visar den mindre varma och fuzzy sidan av webben - låt oss ta en titt och se om vi kan dra lite inspiration från brutalism.

Brutala byggnader

"Brutalism" (eller "New Brutalism") är en term som har rattlat runt arkitektskolor i över ett halvt sekel. Det hänvisar till en rå form av arkitektur med egenskaper som grova oavslutade ytor, ovanliga former, fasta material (som betong), massiva former och kontrasterande små egenskaper.

Från Fuck Yeah Brutalism

"... som kännetecknar den nya brutalismen ... är just dess brutalitet, sin je-m'en-felism, sin blodiga sinne." - Reyner Banham, 1955

Brutala webbplatser

Brutalistiska webbplatser, som deras arkitektoniska kusiner, är en motgift mot den mer populära, mjukare webben. Vi lever i en tid av känslomässig webbdesign; där vi som gränssnitt och erfarenhetsdesigners klättrar över varandra för att erbjuda användarnas empati och förståelse. Där produkter lockar kunder på de vänligaste, enklaste sätten. Färgerna är inbjudna, bilderna är polerade, typ är slät och tillverkade.

Titta på brutalistiska webbplatser, adjektiv som de här våren ska tänka på:

hård
grov
oländig
obekväm
rå
konfronterande
cynisk

Det är en tänkskola jag gillar; du kan argumentera för min egen webbplats (som jag inte har ändrat på ett tag) har en del brutalitet:

Så hur definierar vi faktiskt en brutalistisk webbplats? Låt oss undersöka några typiska funktioner.

Brutal Raw Code

Först och främst är det värt att nämna att detta inte är en rent estetisk sak. Brutalism är något som stiger från själva kärnan på en webbplats: dess kod. Brutalistiska webbplatser tenderar att ha råa, enkla markeringar, inline-stilar, brist på optimering, men inte heller komplexa att väga ner saker. Kolla in summan av dokumenthuvudet på brutalistwebsites.com!

  Brutalistiska webbplatser

Rå kod, som de flesta aspekter av brutalism, drar saker tillbaka till en råform.

lexikalisk

vulfpeck

"Jag försökte inte utforma en" brutalistisk "hemsida" - Seth Thompson

Brutala systemfonter

När man talade om att dra saker tillbaka till en råform, fanns det en gång en gång då stora kataloger av mysiga webbfonter inte var tillgängliga. Times New Roman och Arial fungerade bara bra tack.

craigslist.org

FFFFOUND! har alltid låt användarnas inmatning prata och låter användargränssnittet ta en stödjande roll med enkla färger och teckensnitt.

ffffound.com

Måste älska lite av font-family: Courier, monospace;

fictivekin.com

"Jag ville skapa en webbplats som inte kunde skapas med Squarespace." - Andrew Herzog

Brutala färger

Systemfonter går hand i hand med en systempalett. Webben var en enklare plats när designers begränsade sig till 216 härliga webbläsarsäkra färger. En grå, en blå, en röd. Och kanske en beige, med lite burgundy. Och om de behövde djup, var bebisar där för att rädda dagen.