È dura là fuori uno sguardo al brutalismo nel web design

I siti web brutalisti sono stati recentemente messi sotto i riflettori quando il brutalistwebsites.com di Pascal Deville ha colpito Hacker News ed è diventato virale. Questa collezione mostra il lato meno caldo e sfocato del web: diamo un'occhiata e vediamo se possiamo trarre ispirazione dal brutalismo.

Edifici brutali

"Brutalism" (o "New Brutalism") è un termine che fa vibrare le scuole di architettura per oltre mezzo secolo. Si riferisce a una forma grezza di architettura con caratteristiche come superfici ruvide non rifinite, forme insolite, materiali solidi (come il cemento), forme massicce e piccole caratteristiche contrastanti.

Da Fuck Yeah Brutalismo

"... ciò che caratterizza il Nuovo Brutalismo ... è precisamente la sua brutalità, il suo je-m'en-foutisme, la sua maleducazione." - Reyner Banham, 1955

Siti web brutali

I siti web brutalisti, come i loro cugini architettonici, sono un antidoto al web più popolare e più morbido. Viviamo in un'era di web design emotivo; dove noi, come interfaccia e esperienza, i designer si scalano l'un l'altro per offrire agli utenti empatia e comprensione. Dove i prodotti attraggono i clienti nel modo più semplice e amichevole possibile. I colori sono invitanti, le immagini sono lucidate, il tipo è liscio e realizzato.

Guardando i siti brutalisti, mi vengono in mente aggettivi come questi:

• duro
• ruvido
• aspro
• scomodo
• crudo
• conflittuale
• cinico

È una scuola di pensiero che mi piace; potresti discutere sul mio sito web (che non ho cambiato da un po 'di tempo) ha un tocco di brutalità:

Quindi, come definiamo effettivamente un sito brutalista? Esaminiamo alcune caratteristiche tipiche.

Brutal Raw Code

Innanzitutto, vale la pena ricordare che questa non è una cosa puramente estetica. Il brutalismo è qualcosa che emerge dal nucleo stesso di un sito web: il suo codice. I siti web brutalisti tendono ad avere un markup grezzo e semplice, stili in linea, una mancanza di ottimizzazione, ma anche nulla di complesso da soppesare. Controlla la somma totale dell'intestazione del documento per brutalistwebsites.com!

Il codice grezzo, come la maggior parte degli aspetti del brutalismo, trascina le cose in una forma più grezza.

lessicalevulfpeck

"Non stavo tentando di progettare un sito web" brutalista "" - Seth Thompson

Caratteri del sistema brutale

Parlando di trascinare le cose in una forma più grezza, c'era una volta in cui non erano disponibili vasti cataloghi di caratteri web accoglienti. Times New Roman e Arial hanno funzionato bene grazie.

craigslist.org

Ffffound! ha sempre lasciato che gli input degli utenti parlassero lasciando che l'interfaccia utente assumesse un ruolo di supporto con colori e caratteri semplici.

ffffound.com

Devo amare un po 'di font-family: Courier, monospace;

fictivekin.com

"Volevo creare un sito che non potesse essere creato usando Squarespace." - Andrew Herzog

Colori brutali

I font di sistema vanno di pari passo con una tavolozza di sistema. Il web era un posto più semplice quando i designer si limitavano a 216 gloriosi colori sicuri per i browser. Un grigio, un blu, un rosso. E forse un beige, con un po 'di Borgogna. E se avevano bisogno di profondità, gli smussati erano lì per salvare la giornata.

lifeactionrevival.org

"Il mio brutalismo è una forma di design contraddittorio o non cooperativo: Internet soffre di un eccesso di ordine" - Brandon Joyce

pwr.site

Più rosso:

andrewseid.comwebsafe2k16.com

Mmm, il verde più puro.

laurelschwulst.com

Immagini brutali

Non fatevi prendere dal panico, questi non sono in realtà brutale immagini, più come immagini che risalgono a un'epoca prima che Instagram e filtri SnapChat.

undergrounderground.com/gifarngren.neteatock.com

"Non lo chiamerei brutalista, lo definirei semplicemente normale" - Laurel Schwulst

Linguaggio brutale

Suppongo che contenga anche il contenuto grezzo, giusto?

www.andreaperato.comjustinjackson.ca/webmaster

Finale brutale

Bene, abbiamo finito qui.