Design minimalista: cose da fare e da non fare

Ecco la cosa del design minimalista: quando lo fai bene, è assolutamente bello. Quando lo fai male, è orribile per le stesse identiche ragioni. Farlo bene è un atto di bilanciamento, davvero, di solo una manciata di elementi di design.

Come per l'arte e il design, può essere necessario un occhio piuttosto attento per distinguere tra qualcosa che funziona e qualcosa che semplicemente non funziona .

E sono quelle cose che semplicemente non funzionano che vuoi evitare nel tuo web design. Se stai lavorando verso il minimalismo e vuoi che il tuo sito susciti un ooh dai visitatori invece di un eww , ti ho coperto con un sacco di ciò che dovresti fare (e molto di ciò che non dovresti) .

Fai: usa il colore!

Le persone tendono a pensare che il design minimalista sia monocromatico, o peggio ancora, in bianco e nero e/o in scala di grigi.

no no no. No.

Il design minimalista non è, quasi paradossalmente, avere molto poco; si tratta di massimizzare molto poco. Il tuo intento dovrebbe essere quello di ottenere il massimo da quel poco che hai.

Ciò significa che quando si tratta di colori, dovresti ... usare il colore. Dai un'occhiata a questo esempio di Epoch Design:

L'uso del colore qui è minimo, ma il designer ne ha massimizzato l'uso per assicurarsi che tu lo veda.

E qui, da Boorbool:

Lo sfondo a due tonalità è sorprendente e memorabile, ma non ti dà uno schiaffo in faccia.

No: usa TUTTO il colore!

Dall'altra parte di quei deliziosi design, i minimalisti nutrono molti impulsi oscuri per usare tutti i colori, sostituendo solo la pulizia dei loro design con praticamente tutte le sfumature dello spettro.

Ok, forse non è così male, ma l'uso eccessivo del colore con altre estetiche minimaliste può essere incredibilmente distratto e controproducente.

Come Rogue + Co. Cercano di utilizzare le linee pulite del minimalismo e le dimensioni delle carte asimmetriche per attirare l'attenzione dell'utente. Ma hanno aggiunto colori superflui a tutto, e poi l'hanno animato senza motivo. Allontana l'utente dal contenuto, piuttosto che attirarlo.

L'opposto del design minimalista, cioè.

E poi c'è Bolden, che capisce perfettamente il minimalismo. A parte la questione del colore. Troppi colori e il tentativo di essere troppo intelligenti li hanno costretti ad aggiungere animazioni superflue. Devi passare il mouse sugli angoli dello schermo per vedere il testo.

Questo non è minimo, vero?

Fai: usa l'animazione

Vedete, quelle animazioni sopra... non contano. Non aggiungono nulla al sito. Ma i grafici cinematografici come quelli utilizzati da Rogue & Co possono funzionare; hanno solo bisogno di migliorare il sito, non di ingombrarlo.

Per la maggior parte, le micro interazioni funzioneranno: un passaggio del mouse su un pulsante o un'enfasi evidenziata su una carta. Anche il caricamento, lo scorrimento o le animazioni in background che non sono invadenti possono migliorare il design minimalista che stai cercando.

L'ostacolo più grande è assicurarsi che l'animazione si adatti al tuo design. Non limitarti ad aggiungerli dove non appartengono. Guarda come il piè di pagina che si espande sulla nostra pagina Divi attira la tua attenzione mentre scorri, ma non toglie nulla al modo in cui usi la pagina.

Non sorprende che Divi abbia una funzione integrata per realizzare questo tipo di micro interazioni.

Fai: usa gli spazi bianchi

Come i pop di colore, lo spazio bianco (o lo spazio negativo) può essere una delle armi più utili nel tuo arsenale. Ad esempio, il mezzo assurdamente popolare è quasi tutto uno spazio bianco e funziona.

E vedi come viene utilizzato l'unico colore per attirare la tua attenzione sui pulsanti e sui collegamenti di cui hai assolutamente bisogno?

C'è un equilibrio nell'uso efficace degli spazi bianchi. Vuoi bilanciare leggibilità e utilità con il fascino estetico. Se utilizzato in modo efficace, lo spazio bianco è incredibilmente potente nel rendere memorabile il tuo design minimalista. tosse Google tosse tosse

Da non fare: utilizzare SOLO spazi bianchi

All'estremo opposto dello spettro, l'uso eccessivo di spazi bianchi rende l'utilizzo del tuo sito quasi inutilizzabile per i visitatori. Vedi, l'uso degli spazi bianchi da parte di Google mette in evidenza come vogliono che tu usi il sito: digita qualcosa nella casella.

Se, tuttavia, l'utilizzo degli spazi bianchi non indirizza l'utente allo scopo del sito o gli consente di avere una migliore esperienza sul sito, potrebbero essere necessari elementi più espliciti per indirizzarlo.

Ad esempio, Thru You Too è un progetto fantastico. Ma mi ci è voluto molto tempo per capire come usarlo (devi passare con il mouse sul grande testo al centro, cosa che non ho fatto perché ero attratto dall'angolo in alto a destra). Mentre la navigazione è semplice quando la ottieni, lo spazio bianco non mi ha indirizzato lì.

Fai: usa i caratteri appropriati in modo impressionante

Una cosa su cui si basa praticamente tutto il design minimalista è l'uso efficace dei caratteri. Scegliere il carattere tipografico giusto per il tuo sito è il modo in cui mostri la tua personalità e quella del tuo prodotto o azienda.

Quindi vuoi un font che trasuda l'identità del tuo marchio dal momento in cui la gente lo vede. Linee pulite con scritte eleganti. Bordi ruvidi e forse qualche pennellata. Elegante e di classe. Qualunque cosa tu stia cercando, assicurati di scegliere un font da abbinare.

Guarda Squarespace per esempio. Sai esattamente cosa aspettarti dalla loro azienda semplicemente guardando il modulo di iscrizione e i caratteri utilizzati. Pulito, semplice e chiaro. Trasuda l'eleganza che pubblicizzano, principalmente attraverso il carattere che hanno scelto. (Perché è davvero l'unico elemento di design che puoi vedere qui.)

E le persone di Folks stanno cercando un tocco folk, quindi hanno sicuramente trovato un font che si sente bene. Il loro pubblico è evidente, così come la loro opinione sui loro prodotti. E non è detto esplicitamente.

Non utilizzare caratteri fantastici in modo improprio

All'estremo opposto di quello spettro, la scelta di un carattere troppo audace può comportare il tipo sbagliato di wallop. Tutti vogliono che il proprio sito sia unico e si distingua. Ma non vuoi che si distingua per le ragioni sbagliate.

Immagina di cercare una linea di emergenza per aiutare un membro della famiglia in difficoltà e di trovare un sito simile a questo:

Che ne dici di un dottore che voleva essere sicuro che tu sapessi che era la scelta migliore per salvarti la vita?

O se stavi cercando un web designer fantastico e contemporaneo e tutto ciò che hai visto è stato questo:

Ok, quindi non ho resistito a una frecciatina al Comic Sans. Fammi causa. Ma capisci il mio punto: la scelta del carattere è importante. Soprattutto quando utilizzi un design minimalista perché la scelta del carattere tipografico potrebbe essere la parte più importante del design.

Vai avanti e minimizza!

E anche minimizzare, ma questo è un articolo completamente diverso. #iamadelight

A parte gli scherzi, ricorda che il colore, i caratteri tipografici e lo spazio negativo sono una sorta di fondamenti del design. Devi solo esercitare la discrezione in modo da usarli correttamente. Finché fai come dico, non quello che non faccio quando si tratta di design minimalista, non dovresti avere nulla di cui preoccuparti.

Quali sono le tue linee guida quando progetti siti minimalisti?

Miniatura dell'articolo di Boo-Tique / shutterstock.com