Mentre molti designer di UI e UX creeranno i loro progetti a colori, l'utilizzo della scala di grigi potrebbe essere una buona idea. Ecco i vantaggi.
Esistono molte tecniche e suggerimenti per creare i migliori progetti grafici e progetti UX/UI. La progettazione in scala di grigi può essere utile quando si progettano elementi o pagine UX/UI. Se desideri aumentare l'output del tuo progetto o apprendere nuove tecniche per potenziare i tuoi progetti, controlla questi 10 motivi per cui progettare i tuoi progetti UX/UI in scala di grigi aumenterà il successo del tuo design.
1. Migliore accessibilità
UX/UI—User Experience/User Interface—la funzione principale del design è offrire ai tuoi utenti la migliore esperienza con le migliori interfacce che puoi creare. Ciò include la creazione di un design accessibile per i tuoi utenti e l'essere inclusivo per chiunque interagisca con il tuo design.
Progettare in scala di grigi ti consente di concentrarti prima su parti accessibili del design come contrasto, dimensioni e spaziatura. È possibile individuare facilmente il contrasto quando si utilizzano i toni della scala di grigi. Il contrasto viene spesso trascurato quando si progetta a colori, soprattutto se non si hanno problemi visivi che rendano difficile notare la mancanza di contrasto.
Design prima in scala di grigi ad alto contrasto e poi a colori in seguito Linee guida sull'accessibilità delle WCAG, e puoi anche usare strumenti per simulare il daltonismo per vedere come il tuo design cerca gli altri. Ciò garantirà che i tuoi progetti UX/UI siano accessibili a più persone.
2. Si concentra su layout e struttura
Come designer, il tuo obiettivo principale è sulla funzione piuttosto che sulla forma. Sebbene i designer facciano sembrare le cose belle, devono anche funzionare bene prima di essere belle. Progettando in scala di grigi, puoi concentrarti sul layout e sulla struttura del tuo progetto senza essere distratto dal colore.
Nella progettazione di UX/UI, in particolare, il layout e la struttura sono i più importanti. Stai progettando il modo in cui l'utente interagisce con la tua app o pagina web. Il layout deve avere un senso e la struttura della pagina o dell'app deve essere concreta. Il colore può seguire una volta che il resto è a posto.
3. Punto di partenza neutrale per la collaborazione
Se lavori in un team di progettazione, progettare prima in scala di grigi consente a tutti di iniziare da un punto neutrale. Troppo spesso i team di persone creative si scontrano su elementi insignificanti come il colore, quando ci sono aspetti più importanti per il design di UX/UI.
Iniziare in un luogo neutro con la scala di grigi consente ai tuoi sforzi di collaborazione di concentrarsi su ciò che conta di più. Puoi progettare elementi, layout, tipografia ed esperienza dell'interfaccia senza pensare a colori e decorazioni.
Una volta che la collaborazione concorda con il design del layout UX/UI, puoi prendere in considerazione i colori per migliorare il design strutturale. A quel punto, la tua squadra avrebbe lavorato insieme in armonia e le decisioni sui colori non sarebbero state così stressanti.
4. Iterazioni più veloci
Avere la base del tuo progetto completa e sapere come funziona significa che fare iterazioni è un processo molto più rapido. Quando non ti concentri sul colore, le iterazioni sono più veloci da realizzare, condividere e decidere, soprattutto quando lavori direttamente con i clienti.
I clienti spesso si concentrano sul colore prima della funzione del design. Rimuovere il colore dalle opzioni di iterazione significa che il cliente, il team di progettazione e te stesso possono muoversi più velocemente per concentrarsi su ciò che deve cambiare.
Quando tutto è in scala di grigi, spostare gli elementi o ridimensionare le parti è più veloce. Non dovrai ricolorare costantemente gli elementi per adattarli o prendere in considerazione posizionamenti basati su colori simili o non corrispondenti. Questo sicuramente velocizza la componente progettuale.
5. Più facile da colorare
È molto più facile aggiungere colore se hai progettato in scala di grigi. Se tutto è prestabilito e concordato, il colore è quasi l'ultima fase del processo.
Progettare in scala di grigi non ti limita a progettare solo in nero. Puoi progettare in tonalità di grigio, permettendoti di inserire differenze di contrasto nei tuoi progetti durante il processo di progettazione.
Con le differenze di contrasto visivo in atto, è molto più facile e veloce attribuire i colori agli elementi, soprattutto quando si seguono le linee guida di accessibilità per il contrasto dei colori. Utilizzando una tavolozza di colori limitata, dovresti attribuire a ogni colore un valore di contrasto. Quindi, devi solo inserire ciascun colore del valore di contrasto nel tuo design in scala di grigi.
6. Ferma il disordine visivo
La progettazione in scala di grigi consente di concentrarsi sugli elementi di design. Troppo colore può aggiungere disordine durante la progettazione, sia nel processo di progettazione che nel prodotto finale.
Rimuovere la distrazione del colore durante la progettazione può portare a progetti puliti e organizzati, assicurandoti di non progettare eccessivamente con il colore o altri elementi. Il tuo design UX/UI sarà privo di ingombri e mostrerà invece il tuo design elegante.
7. Il colore non è il fattore più importante
Il colore spesso aiuta a cementare stile del marchio o linee guida e spesso diventa un elemento per cui il tuo progetto, marchio o azienda è noto, ma il colore non è il fattore più importante di un design UX/UI. Lo saprai se l'hai mai fatto ha trasformato il tuo iPhone in modalità scala di grigi.
Se un progetto può ancora funzionare senza problemi in scala di grigi, allora il tuo progetto funziona correttamente. Non importa quali siano i colori nel tuo design, poiché non sono importanti per la funzione.
L'aggiunta di texture e forma ai tuoi progetti UX/UI aumenterà la funzionalità rispetto al semplice utilizzo del colore. Come con regole di composizione della fotografia, ci sono regole di composizione anche per il design, e sono molto simili.
Rompi il tuo design UX/UI e assicurati che funzioni bene, sia accessibile a tutti e abbia un bell'aspetto. Quindi applica il colore per riflettere il tuo marchio.
8. Ricevi feedback più costruttivi
Questo è stato leggermente accennato in precedenza, ma con la distrazione del colore eliminata dall'equazione, il tuo design UX/UI riceverà un feedback più costruttivo. Questo è il caso sia che tu stia ricevendo critiche dal tuo team di progettazione di designer professionisti o che tu stia condividendo il tuo progetto con un cliente che non sa nulla di design.
Naturalmente, gli esseri umani vedono il colore e lo associano a determinati aspetti, come connotazioni negative o positive, aspettative di genere o altre associazioni. Presentando progetti in scala di grigi, la tua critica costruttiva può concentrarsi solo sul design senza essere messa in ombra dalle associazioni di colori.
9. Risparmia tempo e denaro
Nel mondo degli affari, il tempo è denaro. Risparmiando tempo nella progettazione in scala di grigi, a lungo termine risparmi denaro.
L'aggiunta di colore nelle fasi iniziali della progettazione richiede tempo. Quindi, senza dubbio, passeresti del tempo a cambiare o modificare i colori durante tutto il processo di progettazione, piuttosto che concentrarti sulla progettazione. Anche questo richiede più tempo dal processo di progettazione.
Aggiungendo il colore alla fine del tuo progetto, saprai già quali elementi e layout stai utilizzando; è molto più facile e veloce aggiungere colore agli elementi di design esistenti piuttosto che cercare di considerare i colori per elementi che non esistono ancora.
10. I colori UX/UI possono essere modificati
I progetti e le applicazioni UX/UI consentono a molti utenti di prendere il colore nelle proprie mani. Sebbene il design dell'interfaccia sia l'obiettivo e il colore sia l'ultima parte dell'implementazione del design, ricorda che molti utenti cambiano i colori delle loro pagine Web e delle app del dispositivo.
La modalità chiara e la modalità oscura cambieranno le tue scelte di colore, anche se dovresti comunque progettare per ogni opzione nel tuo processo; dai un'occhiata al nostro suggerimenti per la progettazione di un'interfaccia utente in modalità oscura.
Ci sono molte stranezze divertenti che consentono alle persone di cambiare i colori del design in quello che vogliono, indipendentemente dalle tue scelte di colore nel processo. Questi strani strumenti, come gli utenti di iPhone cambiare i colori delle bolle di testo O cambiare il colore del testo sui dispositivi iOS- significa che i tuoi sforzi nel progettare per i colori potrebbero andare fuori dalla finestra, ed è meglio che il tuo design funzioni in scala di grigi o in qualsiasi colore, piuttosto che solo in una combinazione di colori.
Progettare in scala di grigi amplificherà i tuoi progetti UX/UI
Può sembrare strano iniziare a progettare in scala di grigi quando hai vissuto una vita progettando a colori, ma è una buona pratica iniziare a farlo. La progettazione in scala di grigi aggiungerà attenzione a importanti elementi di design come forme, trame e accessibilità. Darà più significato al tuo design invece di focalizzare l'attenzione su un elemento come il colore che può essere comunque modificato facilmente dagli utenti.