Scegliere il COLORE giusto

Dec 11 2022
Ciao ragazzi! Come va con i tuoi progetti? Ho appena iniziato le DailyUI Challenges (puoi vedere i miei design su Instagram) e mi rendo conto di quanto sia difficile ed essenziale scegliere i colori o le palette migliori per un design specifico. Non avrei mai pensato che la decisione sul colore sarebbe stata così significativa e rilevante.

Ciao ragazzi! Come va con i tuoi progetti?

Ho appena iniziato le DailyUI Challenges (puoi vedere i miei design su Instagram ) e mi rendo conto di quanto sia difficile ed essenziale scegliere i colori o le palette migliori per un design specifico. Non avrei mai pensato che la decisione sul colore sarebbe stata così significativa e rilevante.

Quindi, "Cosa ne pensi del colore su un sito Web o un'app?". “Cosa significa per te il colore?”. Ti prendi tempo per scegliere la migliore combinazione di colori?

La maggior parte delle persone penserebbe al colore come all'estetica dell'app o del sito web. Almeno, è quello che credevo prima di immergermi in quest'area. Non apprezziamo né ci rendiamo conto che il colore dietro ogni pagina web, marchio o logo è stato selezionato analizzando il mercato, le esigenze dell'utente e il tuo cliente. Lo spiegherò più approfonditamente in seguito.

C'è un'enorme quantità di informazioni sul colore. Inoltre, implica una grande varietà di campi come la scienza, la psicologia, la biologia, la storia e il design, tra gli altri.

È incredibile che ci siano anche posti di lavoro in questo settore. Lunedì scorso, stavo guardando una MasterClass su Interaction Design Foundation intitolata "Come utilizzare la teoria del colore per migliorare i tuoi progetti" impartita da Joann e Arielle Eckstut. Sia la madre che la figlia si guadagnano da vivere nel mondo dei colori. Lavorano come consulenti esterni per altre aziende e li aiutano a essere consapevoli dell'importanza di comprendere il significato dietro ogni colore. Inoltre, hanno lavorato come interior designer e nel mondo della moda, quindi hanno un profondo background nel settore.

Una volta che inizi a leggere di più sulla teoria dei colori e sugli aspetti scientifici che stanno dietro, puoi vedere quanto sia difficile scegliere il colore giusto per te o per il tuo marchio. È necessario tenere a mente cose come il significato di ogni colore, il contesto intorno al tuo prodotto o servizio, il tuo profilo utente e persino le connotazioni culturali.

Nelle immagini sottostanti, ti mostrerò cosa simboleggia ogni colore, quali tipi di effetti evoca e le connotazioni positive e negative.

Tuttavia, conoscere tutte queste caratteristiche di ogni colore non è sufficiente perché dovremmo considerare anche altre varianti come tinta, sfumatura, tono o valore, tra le altre. Inoltre, sai quali colori costituivano i colori primari? o come possiamo creare colori secondari e terziari?

Non preoccuparti. Troverai tutte le risposte in seguito.

*Le seguenti informazioni sono state ottenute su Uxcel .

Colori primari

Rosso — Blu — Verde. Questi sono quelli che usiamo per formare tutti gli altri colori.

Colori secondari

Nel modello RGB ci sono Ciano — Magenta e Giallo. Sono prodotti mescolando 2 tonalità primarie.

Colori terziari

In questo caso, vengono creati mescolando colori primari e secondari.

Tinta

La tonalità descrive un colore nella sua forma più pura, senza alcuna modifica come l'aggiunta di bianco, nero o grigio.

Tinta

Le tinte sono l'opposto delle sfumature: sono combinazioni di una tonalità pura con il bianco.

Ombra

Le sfumature si verificano quando aggiungi il nero a una tonalità pura.

Tono

I toni sono combinazioni di una tonalità pura con il grigio.

Valore

Si riferisce a quanto nero viene miscelato con la tonalità di base.

Leggerezza

Si riferisce alla quantità di bianco o nero mescolata al colore di base. Una luminosità dello 0% sarà sempre nera. Una leggerezza del 100% sarà sempre bianca.

Saturazione

La saturazione definisce un intervallo dal colore puro (100%) al grigio (0%) e indica l'aspetto vibrante o opaco di un colore.

Opacità

L'opacità misura quanto è opaco un colore. Quando l'opacità è 0%, il colore è completamente trasparente; quando è al 100%, è completamente opaco.

Ora, immagina di essere il titolare di un'azienda internazionale e di voler modificare il colore del logo per migliorare altri servizi o prodotti. Devi stare attento perché quando lavori in molti paesi diversi, il significato del colore in un posto sarà l'esatto opposto in un altro. Questo è un chiaro esempio, il colore bianco evoca cose come la purezza e l'innocenza nelle culture occidentali. Tuttavia, lo stesso colore in alcune parti dell'Asia è associato alla morte e alla sfortuna. Se hai intenzione di vendere o promuovere i tuoi servizi o prodotti in entrambi i luoghi, dovresti tenerne conto. È qui che entrano in gioco altri aspetti come il tono, la temperatura, l'ombra e la luce, solo per citarne alcuni.

Quando affrontiamo da zero un nuovo progetto per un cliente, non lavoriamo allo stesso modo di quando dobbiamo modificare alcuni aspetti di un'azienda. In quest'ultima opzione, dovremo lavorare con più linee guida a causa dei requisiti dell'azienda.

Un nuovo cliente ti chiede di creare una pagina web per la sua azienda e tu sei nella fase in cui devi progettare il sistema colore ideale. Nonostante ci siano molte cose da tenere a mente, i primi punti da tenere in considerazione sono che un sistema di colori deve essere scalabile, accessibile e armonioso.

  • Scalabile significa che se vuoi vendere i tuoi servizi o prodotti in più luoghi nel prossimo futuro, il tuo sistema di colori dovrebbe tenere conto delle connotazioni culturali dei nuovi luoghi in cui vuoi lavorare.
  • L'accessibilità si basa sull'idea che qualunque disabilità tu possa avere non ha importanza perché devi essere in grado di leggere e capire tutto facilmente. Richiede l'applicazione di una serie di linee guida incentrate principalmente su un netto contrasto tra il testo e lo sfondo.
  • Concetto armonioso significa che l'intera pagina web o app deve essere logica e coerente. Richiede che tu debba seguire le stesse regole durante l'intero progetto. Ad esempio, se utilizzi un colore rosso per un pulsante di invito all'azione sulla home page e nella pagina successiva utilizzi un colore blu per lo stesso pulsante di invito all'azione, abbiamo un problema. Gli utenti saranno confusi e persi, quindi probabilmente lasceranno il nostro sito.

Se vuoi immergerti più a fondo nel mondo dei colori, questi sono alcuni dei migliori libri in cui ci saranno ampie informazioni affidabili.

  • “Il linguaggio segreto del colore” di Joann Eckstut e Arielle Eckstut
  • "Cos'è il colore" di Joann Eckstut e Arielle Eckstut
  • “Psicologia del colore” di Eva Heller & Joaquín Chamorro Mielke
  • "Colore" di Betty Edwards
  • “Teoria del colore” di Patti Mollica