Contenuto
- Le origini del brutalismo del web
- Definizione delle caratteristiche del brutalismo del web
- Come costruire siti brutalisti
- I vantaggi del brutalismo
- Più del punk rock?
- Dove sta andando la tendenza al brutalismo?
Questo post è stato originariamente pubblicato nel 2017.
Prende il nome dal movimento brutalista dell'architettura dalla metà alla fine del XX secolo, il brutalismo del web ignora allegramente tutte le migliori pratiche di layout e design del sito web stabilite negli ultimi 20 anni. Invece, sta buttando fuori un lavoro che è creativo, eccitante e stimolante, persino conflittuale. I siti web brutalisti vanno da quelli volutamente caotici a quelli ostinatamente minimi, ma sono accomunati dal rifiuto delle tendenze principali del web.
Arriva un momento in ogni movimento creativo in cui alcuni dei suoi praticanti decidono di respingere il modo accettato di fare le cose e iniziano a infrangere le regole, di solito con indignazione dell'establishment.
Le origini del brutalismo del web
L'architettura brutalista non si preoccupa di apparire attraente, ed è questo - così come l'idea che il brutalismo sia stato concepito come una reazione all'architettura più frivola degli anni '30 e '40 - che ha portato Pascal Deville, co-fondatore e direttore creativo di Freundliche Grüsse per cooptare il termine.
"Ho nutrito un grande interesse per il design digitale e la comunità del web design sin dai primi giorni del Web", ci dice. "Negli ultimi due anni ho notato una tendenza verso interfacce semplificate, quasi neutralizzate, che mancavano completamente di qualsiasi senso degli attributi o delle caratteristiche del marchio per quanto riguarda il contenuto o lo scopo a cui servono".
Deville ha anche notato che i designer hanno iniziato a sperimentare una sorta di anti-tendenza del web design: un approccio approssimativo e di ritorno alle basi su come i siti web potevano funzionare al di fuori di un mondo UX perfetto, ed è questo aspetto che gli ha ricordato i brutalisti originali.
Da allora Deville cura Brutalistwebsites.com, dove raccoglie siti che si adattano alle sue idee di brutalismo sul web e intervista i loro creatori. "Serve come una piattaforma di ispirazione per i giovani designer", dice, "voglio dare qualcosa alla comunità".
Definizione delle caratteristiche del brutalismo del web
Una rete a strascico attraverso Brutalistwebsites.com dimostrerà rapidamente che copre un'ampia gamma di stili ed estetica; tuttavia ci sono alcuni punti in comune.
Il designer interattivo Bruno Landowski, che nel 2013 ha lavorato a un primo esempio di un sito brutalista per la 13a Biennale di Istanbul, riassume l'approccio brutalista in questo modo: "Utilizza caratteri grandi, sfondi a tinta unita, forme geometriche e caratteristiche grezze ... non importa al pubblico in generale ".
Jakob Kornelli di Any Studio a Berlino, che vanta un sito web gloriosamente brutalista pieno di emoji, sottolinea anche l'uso da parte del movimento di una tipografia audace e un po 'radicale. "Ma anche più di questo", ci dice, "crediamo che un sito web brutalista spinga i confini del suo mezzo, soprattutto in termini di interazione. Anche se il web design esiste da un po 'di tempo, le possibilità interattive ed estetiche di raramente vengono utilizzati al massimo delle loro potenzialità ".
Il designer multidisciplinare francese Pierre Butin si è fatto un nome con il suo progetto Brutalist Redesigns, in cui ha rielaborato app popolari come Tinder, Google Maps e persino Candy Crush con effetti sorprendenti. Ha le sue teorie sul brutalismo: "Alcuni sembrano definirlo come un approccio rozzo, mentre altri tendono ad abbracciare questa definizione vaga", dice.
"Questo mi ha fatto pensare: il brutalismo nel design digitale riguarda più il minimalismo svizzero o solo codice grezzo? Per questo motivo, ho provato diversi stili che potrebbero essere considerati brutalisti. Ho usato caratteri di sistema, colori web di base, un semplice schema di colori e rimasta fedele alla UX originale dell'app. Il mio obiettivo era avviare una conversazione su ciò che sta arrivando dal punto di vista dell'interfaccia utente e su come dovrebbe essere fatto. "
Per Giacomo Miceli, il cui sito portfolio monocromatico è un capolavoro in Courier, si tratta di semplificazione e non c'è nulla di nuovo al riguardo. "Basta guardare la home page di Google", osserva. "17 anni fa, AltaVista era una cosa e la sua home page era ingombra di cose inutili. Google è arrivato con un sito web che faceva una cosa, lo faceva davvero bene ed era indifferente all'aspetto grazioso. Google presta decisamente più attenzione agli occhi di questi giorni, ma il nucleo è rimasto lo stesso ".
Tuttavia, è il designer di Detroit Kikko Paradela a riassumere il brutalismo del web in modo più sintetico: "Tipografico. Basato sui contenuti. Semplice".
Come costruire siti brutalisti
Forse gran parte del fascino del brutalismo è che puoi eludere ordinatamente tutta la preparazione iniziale che tradizionalmente viene fornita con la costruzione di un sito, e semplicemente andare avanti. Molti creatori di siti brutalisti sono orgogliosi del fatto che praticamente tutto il loro lavoro di progettazione e sviluppo in quel venerabile pilastro di Windows, il Blocco note.
Landowski riassume rapidamente il suo processo brutalista: "Sasso-carta-forbici per fare delle scelte, una penna per disegnarle, Photoshop CC e Illustrator CC per specificarle e un editor di testo per renderle vive". Anche se, sottolinea, questo non è un approccio che funzionerebbe per tutti; proviene da un background di graphic design che, dice, lo rende più sensibile all'esperienza dell'utente.
Kornelli è d'accordo, osservando che gran parte del lavoro di Any Studio si concentra su una tipografia forte, messaggi chiari e occasionali colpi di scena inaspettati per mantenere le cose interessanti. "Il sito web che abbiamo recentemente progettato per la società di produzione cinematografica Very Film mostra questo approccio", ci dice, "con la sua tipografia in bianco e nero audace e nitida combinata con un'unica interazione distintiva che ricorda la chiusura e l'apertura di un sipario. "
E nel caso di Paradela, sia il suo sito che la sua pratica sono influenzati dal luogo in cui vive e lavora. Spiega che il suo sito è "un riflesso del mio approccio e del mio pensiero progettuale. Mi sono sempre allineato con l'estetica anti-mainstream o" anti-Gesù "perché sfida le verità convenzionali e convenienti, compresa la mia. Questo approccio è anche pertinente all'attuale ambiente sociale e politico di Detroit, che è il luogo in cui vivo e base la mia pratica ".
I vantaggi del brutalismo
La filosofia di Paradela risuona con molte delle ragioni che i designer ci hanno fornito per la creazione di siti web che vanno così fortemente contro il grano del web design moderno. Quindi quali sono i vantaggi di questo concetto?
Daan Lucas ritiene che ci sia un'onestà nel brutalismo che forse manca nelle offerte aziendali più raffinate. "Penso che il brutalismo intenda mostrare il nucleo e dedurlo dalla distrazione", dice.
"Mi piace. Penso che sia anche la cosa giusta da fare in questi giorni. La gente sa quando si fa una cazzata. Nel nostro lavoro cerchiamo sempre di creare un legame reale con le persone. Falli meravigliare, invitali a giocare. Se fai cazzate. le persone se ne andranno e saranno infastidite. "
Puoi vedere la giocosità del brutalismo su siti come la home page di Bong, con una gigantesca culla di Newton e link al lavoro dell'agenzia che scorrono lungo il perimetro. Potrebbe andare contro le regole, ma è un'esperienza diversa ed entusiasmante per gli utenti e Any Studio desidera sfruttare le possibilità di questo approccio al web design.
"Il mancato rispetto di un determinato insieme di regole o l'applicazione di regole diverse - come le regole del design grafico modernista svizzero classico - ha il vantaggio che i risultati tendono ad essere più unici e quindi più accattivanti per l'utente", afferma Kornelli.
"Anche l'afflusso del design grafico d'avanguardia apre il campo a tonnellate di nuove e sorprendenti possibilità estetiche, che in cambio generano esperienze più interessanti per utenti e clienti".
Più del punk rock?
Quindi forse questo è più di un semplice momento punk rock. Anche se c'è un certo grado di questo - Kornelli sottolinea che negli ultimi anni c'è stato un eccesso di noioso web design basato sulla UX, creando un ambiente di cloni di siti Web funzionali ma insignificanti, e per molti versi il brutalismo è una reazione `` vaffanculo '' a questo ambiente: i progettisti vedono il brutalismo come un modo per portare avanti il web design e aumentare effettivamente l'usabilità.
Butin spiega: "Elementi semplici e brutalisti potrebbero migliorare l'esperienza complessiva che gli utenti hanno di un'app. Esperti di UX come Luke Wroblewsky dimostrano ripetutamente che, ad esempio, la parola" Menu "in un'interfaccia genera più coinvolgimento rispetto all'icona dell'hamburger (come accade il detto "ovvio vince sempre"). Per questo motivo, non credo che il brutalismo nel design digitale sia incompatibile con un approccio guidato dall'UX ".
E guardando nel pantheon dei siti brutalisti, è difficile non fare paragoni con il mondo del design grafico. Puoi vedere chiari parallelismi tra i siti brutalisti e il lavoro di designer come David Carson, Stefan Sagmeister e più recentemente Richard Turley, che hanno usato un design audace e provocatorio per trasformare il vecchio e soffocante Bloomberg Businessweek in una delle riviste più discusse.
Kornelli concorda sul fatto che c'è sicuramente un'influenza sul design grafico e Any Studio accoglie con favore questo sviluppo. "Fino a poco tempo il web design era, per qualche motivo, un po 'distaccato dalla lunga e grande tradizione del design grafico", ci dice.
"I grafici trattavano il web design come un mezzo sconosciuto e non sapevano cosa farsene. Ora sta emergendo una nuova generazione di designer che si sentono a casa in entrambi i mondi. Il web design si sta integrando completamente nel vocabolario del contemporaneo grafici. "
Questo è importante, perché il graphic design è una disciplina matura che da molti anni affronta e risolve i problemi che i brutalisti del web stanno affrontando. "Questo è lo spazio in cui operiamo abitualmente", afferma Paradela. "Decostruiamo e comprendiamo il linguaggio visivo in modo da averlo a nostra disposizione per comunicare in modo efficace. Siamo autocritici con ciò che ci circonda".
Dove sta andando la tendenza al brutalismo?
Come il brutalismo, il graphic design va spesso agli estremi provocatori, ma sempre in nome di una comunicazione chiara. Mentre i grafici tendono a fare tutto il possibile per i loro portafogli, il lavoro che producono durante il lavoro quotidiano è generalmente molto meno completo; ed è così che l'approccio brutalista lascerà la sua influenza sul web design in generale.
"Ho scoperto che una buona quantità di siti web brutalisti sono su piccola scala; portafogli di designer o progetti personali", osserva Butin. "Tuttavia, un numero crescente di designer lavora su app mobili (popolari). Non sarebbe quindi sorprendente se trasferissero questo gusto per il brutalismo / minimalismo ai prodotti che progettano".
Kornelli crede che il brutalismo stia per stabilire la sua rilevanza e probabilmente rimarrà per un po ', dando ai designer sempre più sfogo per creare una rete bella e comunicativa. "Grazie all'evoluzione delle interfacce e del software, i progettisti saranno presto autorizzati a creare siti Web di prim'ordine senza consegnare schizzi a uno sviluppatore: gli sviluppatori forniranno invece gli strumenti appropriati in anticipo".
Questo articolo è apparso originariamente in un numero del 2017 di netto, la rivista per web designer e sviluppatori professionisti. Iscriviti alla rete qui.
