Brutalismo nel web design: cosa lo rende popolare?

1

Ogni designer è nel tentativo di superare tutto ciò che è convenzionale quando si tratta di web design. Per attrarre e coinvolgere, a volte i designer abbandonano le migliori pratiche di web design e ricorrono a qualcosa chiamato brutalismo del web design.

Il principio di progettazione relativamente nuovo prevede l'abbandono di pratiche tradizionali come l'interfaccia utente intuitiva a favore di qualcosa di completamente dirompente.

Decifrare il principio del web design brutalista

Il web design brutalista è entrato in scena quando Pascal Deville ha introdotto questa tendenza del design nell'arena del web design. In qualità di fondatore di un portfolio online di siti Web brutalisti, documenta i progetti Web che ritraggono una mancanza di preoccupazione per l'aspetto facile o comodo.

In effetti, il brutalismo nel web design può essere visto ispirato da un movimento architettonico degli anni '70 in cui gli architetti lasciavano la costruzione in cemento degli edifici esposta per rappresentare la robustezza e la crudezza. Lo stesso principio nel web design è ciò che riguarda il brutalismo, un approccio che viene delineato come una reazione caratteristica dei web designer di nuova generazione verso il minimalismo e i design ottimisti.

Allanyu.nyc: un comune sito web brutalista

Il brutalismo nel web design potrebbe essere una nuova pratica, ma era uno stile comune negli anni '50 e '60 per progettare grafica stampata, arte e poster.

Brutalismo e paesaggio digitale moderno

In un'epoca in cui la capacità di attenzione diminuisce, il brutalismo può significare affari per i marchi che cercano di attirare l'attenzione dei clienti. Poiché i siti Web brutalisti vengono ridotti allo stretto necessario, è noto che il design promuove una navigazione facile, un caricamento rapido e meno distrazioni per i visitatori.

Essenzialmente, il web design brutalista rimuove gli elementi non necessari da una pagina Web come video, grafica ad alta risoluzione e CMS a caricamento lento per promettere un sito Web rapido che offre solo ciò di cui ha bisogno il visitatore. Il design brutalista riduce il grasso eccessivo del design per migliorare le prestazioni del sito Web e ridurre il tempo di caricamento della pagina.

Demarcare i confini tra il web design brutalista e l'anti-design

L'asimmetria ha convinto le persone a confondere i principi del brutalismo con l'anti-design. Tuttavia, ci sono notevoli differenze e il brutalismo non può essere semplicemente liquidato come anti-design.

Il brutalismo consiste nel lasciare un'identità molto personalizzata e non standard a una pagina Web, un allontanamento dai progetti Web basati su modelli e standardizzati che dominano Internet oggi. Non si tratta solo di caos, piuttosto si tratta di originalità che si ispira a un principio di progettazione architettonica del passato.

Confrontando questo con l'anti-design, si osserva che l'anti-design riguarda solo la rimozione dell'interfaccia utente per creare interfacce disorientanti o brutte. Sebbene questi utilizzino anche colori aspri e motivi disorientanti, l'anti-design ha lo scopo di distrarre, il che è esattamente l'opposto del brutalismo.

Il brutalismo è un principio concreto con un'eredità. Non è l'assenza di design ma un diverso approccio al design che migliora le prestazioni delle pagine Web rimuovendo tutto ciò che non è necessario. Sebbene possa sembrare brutto a chiunque lo veda per la prima volta, il web design brutalista è qualcosa che è stato al centro di alcuni dei più grandi siti web come Craigslist nel mondo.

La crescente popolarità dei web design brutalisti

I web designer brutalisti utilizzano la grafica degli anni '90 e l'HTML codificato a mano per creare framework di siti Web. Poiché il design brutalista ritrae onestà, praticità e realismo, sta diventando sempre più popolare tra gli utenti, nonostante la cattiva grafica. Il testo fuori posto e la grafica di cattivo gusto tendono ad attirare l'attenzione in modo più efficiente rispetto ai design minimalisti e snelli. L'intera idea del brutalismo è rompere le convenzioni e distinguersi.

Inoltre, come discusso sopra, il design brutalista accelera il sito web. Nel contesto moderno, ciò è estremamente vantaggioso in quanto i siti Web con tempi di caricamento delle pagine più elevati soffrono di elevati tassi di abbandono. Quindi, a sua volta, la possibilità di conversioni più elevate sta portando a una maggiore popolarità del brutalismo nel web design.


Craigslist: il sito Web più popolare e di successo con un Web design brutale

In tutto il mondo, sempre più marchi e aziende si stanno facendo avanti per provare design brutalisti. Craigslist è un glorioso esempio di sito Web popolare che ha adottato il brutalismo nella sua offerta principale.

Le migliori pratiche di web design brutalista

Anche se potresti non essere convinto dell'efficacia del web design brutalista, ci sono migliaia di appassionati e sostenitori del brutalismo nell'ecosistema del web design. Se anche tu sei incuriosito dai vantaggi del design brutalista e desideri usarlo per il tuo prossimo progetto, ecco alcune best practice per seguire il principio del design brutalista:

  • Usa uno sfondo prominente e distintivo in bianco o nero senza ombreggiature o trame
  • Abbandona le sofisticazioni del design come ombre, sfumature o motivi
  • Usa un singolo carattere in tutto il sito web o tipografia a spaziatura fissa
  • Segui uno schema di progettazione affollato con elementi non imbottiti e testi ravvicinati
  • Non utilizzare una gerarchia distinta per il posizionamento dei contenuti
  • Sovrapponi gli elementi in un modo che sembra non intenzionale
  • Usa elementi di design in stile analogico di un'epoca passata
  • Segui schemi e strutture asimmetriche, ovunque
  • Tavolozza di colori comune dissimile che dà risalto al verde e al rosso
  • Evita le animazioni e scegli una grafica anticonformista
  • Segui il design di una pagina con navigazione semplice o assente
  • Usa immagini distinte in tonalità monotone o in bianco e nero
  • Impegnati a progettare un sito Web che sembri avere molte incoerenze visive ed errori come la sovrastampa e il non allineamento

Iniziare con il web design brutalista: cosa e come fare?

Ora che conosci le migliori pratiche, puoi pensare di implementare questo concetto di design nel tuo prossimo progetto. A causa di aspetti pratici, non vorrai optare per un design brutalista grezzo per un progetto poiché al tuo cliente / azienda potrebbe non piacere lo stesso. Invece puoi pensare di sperimentare vari elementi brutalisti e integrarli in siti web professionali o aziendali. Il brutalismo riguarda la personalizzazione e l'aggiunta di un senso di personalità a una pagina Web ritagliando ogni elemento non necessario. Quindi, pensa a una pagina web come alla tua tela e inizia a creare un capolavoro a memoria.

Puoi optare per il web design brutalista in due modi. O puoi scegliere un tema WordPress brutalista per un sito Web come base oppure puoi codificare manualmente il tuo sito Web da zero utilizzando uno strumento per la creazione di pagine. Entrambi gli approcci hanno i loro pro e contro.

Utilizzo di temi WordPress brutalisti

I temi WordPress fanno risparmiare tempo, fatica e investimenti da parte di un designer o di un'azienda in quanto offre elementi già pronti per avviare il processo di web design. Anche se potrebbe essere una buona idea, non ci sono molte opzioni quando si tratta di temi brutalisti. Alcuni temi che puoi provare sono FlowMag, Brutal e Glitch.

Ma è meglio che ti ritagli il tuo web design brutalista. In questo modo sarai in grado di personalizzare ogni elemento. Prendi un tema minimalista come base e inizia a scolpire a mano il tuo design codificando sotto il cofano.

Codifica manuale di un sito Web da zero

La codifica manuale di un sito web potrebbe richiedere molto tempo, ma se vuoi passare a un web design brutalista, questa potrebbe essere la soluzione migliore. In alternativa, se non vuoi impegnarti molto, puoi utilizzare un potente strumento per la creazione di pagine come Elementor per perfezionare un web design brutalista. I motivi di questa scelta sono più di uno.

In primo luogo, presenta un tema predefinito tabula rasa che ti dà il potere di personalizzare e perfezionare il tuo design fin dall'inizio. In secondo luogo, offre molte opzioni di personalizzazione che ti danno la mano libera per sperimentare diversi elementi sulla pagina.

Suggerimenti utili sul brutalismo per i web designer

Conosci il tuo pubblico

Sebbene non ci siano regole ferree quando si tratta di brutalismo, devi capire e conoscere a fondo il tuo pubblico. Il brutalismo non è per ogni azienda o marchio. Dovresti adottare un approccio brutalista solo se ritieni che la strategia di progettazione sia in linea con i tuoi obiettivi aziendali. Se un tale design sta allontanando il tuo pubblico, dovresti abbandonare il tuo amore per i design brutalisti.

Sbilanciare. Sbilanciare. Sbilanciare!

Probabilmente, la prima cosa che potresti aver imparato è bilanciare gli spazi bianchi per creare un web design rilassante e intuitivo per gli utenti finali. Ma se stai cercando di mettere alla prova il tuo brutalismo pratico, dovrai sbilanciare gli spazi bianchi su una pagina web usando blocchi di colore diversi e grandi. Dovrai dimenticare tutte le convenzioni quando si tratta di piacevolezza estetica.

Abbandona la bellezza alla praticità

Il brutalismo consiste nell'essere pragmatici. Se stai cercando di creare il perfetto web design brutalista, devi evitare i cliché del design e concentrarti su una sola cosa: la conversione. Evita di utilizzare elementi di bell'aspetto sulla tua pagina web e, invece, mantieni tutto semplice e diretto.

Usa forme diverse

I web design brutalisti si ispirano alle tendenze architettoniche del XX secolo che facevano uso di forme eccentriche e astratte di tutte le dimensioni. Durante la metà del XX secolo, quando si trattava di edifici erano popolari forme diverse in tonalità di colore unico. Lo stesso vale per il web design brutalista moderno. Quando segui l'approccio brutalista, usa forme non corrispondenti.

Intriganti esempi di web design brutalista nella vita reale

I design brutalisti non si adattano ai principi standard del web design. Tuttavia, alcune aziende, siti Web e piattaforme popolari hanno utilizzato questo concetto con grande successo. Oltre agli esempi sopra menzionati, ecco alcuni altri esempi di vita reale. Anche se questi potrebbero non sembrare attraenti, tutti hanno implementato principi brutalisti con assoluta perfezione.

1 Notizie sugli hacker


news.ycombinator.com

Hacker News è una piattaforma popolare che ha eliminato con successo gli elementi ingombranti sul suo sito Web per renderlo grezzo, nitido e chiaro. Puoi vedere come funziona il design brutalista per loro osservando le interazioni e il livello di coinvolgimento.

2 Pianta22


plant22.com

Plant22 ha adottato con successo un approccio alternativo al brutalismo utilizzando mattoncini modulari colorati. Il design brutalista basato sulla griglia è di tendenza e fa miracoli per la reattività. Questo tipo di brutalismo che accelera il sito Web senza essere duro per gli occhi è qualcosa che vale la pena adottare.

3 IMMAGINI ORA


picturesnow.org

Nel sito Web Pictures Now, si possono vedere diversi elementi di brutalismo come un colore di sfondo a tinta unita, caratteri non gerarchici e testo sovradimensionato al centro della pagina web. Tutti questi rappresentano i principi fondamentali del brutalismo.

Web design brutalista: osservazioni conclusive

Sebbene i web design brutalisti promettano un numero maggiore di conversioni a causa del suo forte impatto, non è adatto a ogni azienda o marchio. L'elemento chiave nel decidere a favore o contro il web design brutalista è condurre un'analisi approfondita dei pro e dei contro, vedere se il brutalismo si allinea all'immagine del tuo marchio, al settore in cui lavori e alle aspirazioni del tuo pubblico di destinazione.

Sebbene molte società di progettazione e sviluppo di applicazioni web personalizzate stiano diffondendo l'approccio brutalista, è importante prendere una decisione saggia valutando tutti gli aspetti relativi ai requisiti del tuo moderno web design. E quando sei in un flusso, assicurati di metterti in contatto con qualche esperto che può aiutarti a prendere una decisione informata. Non precipitarti nell'hype. Rimani saggio e scegli qualcosa che aggiunga valore all'impronta online della tua attività. Allora, cosa stai aspettando? Inizia oggi a pensare al design brutalista e vedi se può davvero essere utile per il tuo sito web.

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More