Designabile #17 - UI Kits, Brutalist Web Design
innazitutto ti auguro buon anno, spero tu abbia passato delle buone feste š„³ š
Oggi riprende lāappuntamento di questa newsletter con due temi interessanti:lāarte di creare UI Kits e lāanalisi di uno stile di web design che sta lentamente prendendo piede, il ābrutalistā (in netta opposizione al āminimalistā).
Insomma, un numero tutto da leggere! š
Lāarte di creare UI Kits
Questo talk di Jan Toman ā Design System Lead di Productboard ā alla conferenza Figma Schema 2021 mi ha colpito per un concetto molto importante e sottovalutato:
Creating components to are understandable to people who will only use your design system.
Il Design Kit deve quindi essere fruibile non solo per il mantainer (colui che lo crea e lo mantiene nel tempo) ma sopratutto per il consumer (colui che lo usa), che puĆ² essere qualunque figura tecnica e non.
Brutalismo Digitale
Nellāera dei Design Systems, dove la coerenza e uniformitĆ del visual design la fanno da padroni, fa un certo effetto vedere emergere una nuova tendenza, quella del Brutalism nel web design.
Il brutalismo ĆØ uno stile architettonico divenuto popolare negli anni ā50 e fino agli anni ā80. Il termine deriva dalla frase francese bĆ©ton brut che significa ācemento grezzoā.
In particolare, gli edifici istituzionali o civici adottarono questo stile. Questi erano visti dalla maggior parte delle persone come molto ostili, brutti e intimidatori.
SƬ, ma cosa cāentra il web design?
Il motivo per cui questo stile di web design prende il nome da quello architettonico risiede nelle stesse emozioni che evoca. Inoltre, lo strano aspetto di questi siti web viene attribuito anche ad una volontĆ di differenziarsi rispetto allo standard globale. Non ĆØ una novitĆ infatti che, oggi, molti siti web sembrano tutti uguali.
Quali sono le caratteristiche di un sito web brutalist:
Sfondi neri o bianchi
Nessuna sfumatura o ombra
Elementi sovrapposti
Mancanza di simmetria
Design affollato
Nessuna gerarchia distinta
Tipografia monospaziata
Un carattere utilizzato in tutto
Colori con forte contrasto
Nessuna animazione
Immagini sparse
Navigazione semplice o inesistente
Una sola pagina
Guarda una raccolta di siti web brutalisti
Se vuoi appronfondire questo stile ti consiglio questāaltro articolo: Brutalism: BrutAl wEbsIteS for mOdern dAy webMAsTeRS.
Tools e Risorse
Al prossimo numero š
Francesco