The Science Behind Design Color Theory
La teoria del colore è da anni un argomento di interesse per la comunità artistica. Le regole e le linee guida sono vere quando si lavora su progetti digitali tanto quanto gli oggetti fisici.
C'è molto da imparare sull'argomento del colore, quindi tratterò solo alcuni dei punti chiave. La terminologia è qualcosa su cui molti designer vengono coinvolti e che davvero non dovrebbe spaventarti o trattenerti. La scienza dietro la teoria del colore è brillante ma elegante. Dovrebbe essere un argomento di interesse per ogni artista digitale.
Esplora risorse di progettazione
Terminologia del colore
I termini sono molto importanti quando si tratta di lavorare come designer. Dopo tutto, come comunicherai le tue conoscenze ai tuoi compagni di squadra o ai tuoi clienti se non le capisci da solo? Di seguito andrò nelle descrizioni di alcuni termini che ogni designer dovrebbe conoscere.
Hue è uno di cui sono sicuro che la maggior parte abbia già sentito parlare prima. Mettere semplicemente una tonalità è il colore utilizzato in qualsiasi pixel in un disegno. Questi possono includere nomi di riferimento come "Rosso" o "Viola", ma generalmente descriviamo le tonalità con altri mezzi.
La maggior parte degli sviluppatori web ha familiarità con i valori RGB per le tonalità. I 2 modi predefiniti per scrivere i colori sarebbero nelle coppie di valori RGB (come "255, 0, 0" per il rosso puro) o nel codice esadecimale (# FF0000). Se hai mai lavorato con un modello di design in Adobe Photoshop o Illustrator, è probabile che tu abbia lavorato con la ruota dei colori e impostato un valore di colore. È la stessa cosa che impostare una tonalità, ci piace solo complicare le cose.
Saturazione è un'altra parola d'ordine che i designer hanno probabilmente sentito parlare ma mai veramente definito. Ci riferiamo alla saturazione come alla quantità di intensità visualizzata da un colore, sia molto chiara che fioca. Puoi anche considerare la saturazione come intensa la tonalità di ogni singolo colore: più saturo è il colore più puro.
I set di colori con minore saturazione funzionano meglio come elementi di sfondo in un sito Web. Questo perché sono generalmente più vicini al bianco puro rispetto alla loro tonalità originale, facendoli ricadere dietro elementi profondamente saturi. Uno di questi esempi si trova nel vecchio design di Digg (nella foto sotto).
Il loro sfondo azzurro è il livello perfetto di saturazione per adattarsi a un'impostazione di sfondo. Questo è vero solo in confronto alle altre funzionalità del sito, vale a dire i verdi e i blu intensi che si trovano in tutta l'intestazione e il contenuto della pagina.
Tono o valore è un termine di cui la maggior parte non ha sentito parlare. Si riferisce alla quantità di luminosità in un colore posizionato lungo uno spettro da nero (nessun tono) a bianco (tono più alto). Questo è diverso dalla saturazione poiché non stiamo trattando di aggiungere / sottrarre più tonalità di base, ma piuttosto di aggiungere valori di bianco o nero in un colore.
Ad esempio, troverai più tonalità in un giallo o rosso brillante rispetto al blu navy. Solo immaginando ciascuno di questi colori puoi capire come un giallo brillante di girasole sia più ricco nella sua tonalità originale (giallo primario) rispetto al blu navy che è più profondo e più scuro della sua tonalità originale (blu primario).
Sfumature e tinte sono opposti polari l'uno dall'altro e si adattano in modo simile ai toni. Le sfumature vengono create prendendo una tonalità e aggiungendo nero puro per creare un nuovo colore più profondo. Le tinte sono simili tranne per l'aggiunta di bianco puro per creare un nuovo colore. Molti designer confondono questi termini e li considerano come schiarire / scurire un insieme di colori.
La differenza principale che vediamo qui è la creazione di set di colori completamente unici. Ad esempio, tonalità pure con un'aggiunta di tinte bianche possono creare colori chiamati pastelli. Questi sono spesso usati per aggiungere femminilità e morbidezza in una combinazione di colori (spesso troverai pastelli su giocattoli per bambini e siti Web per bambini).
Relazioni per la teoria dei colori
La scienza dietro le relazioni di colore è direttamente collegata alla ruota dei colori. Sono sicuro che molti di noi possono ricordare di averne sentito parlare durante le lezioni al liceo artistico, ma da allora l'hanno messo da parte. Le relazioni dimostrate in una ruota dei colori sono in realtà molto importanti quando si tratta di progettare schemi.
I colori possono essere suddivisi in 3 gruppi contenenti primario, secondario e terziario. I colori primari sono costituiti da rosso, blu e giallo. Questi sono i 3 colori di base che possono essere combinati per creare (letteralmente) ogni altro colore nel nostro spettro. Quando mescoli questi colori insieme ottieni il nostro set di colori secondari. Vale a dire che sono arancione, verde e viola.
I colori terziari sono realizzati mescolando insieme colori primari e secondari per creare set completamente nuovi. Un esempio potrebbe essere la creazione di arancione combinando rosso e giallo insieme. Puoi anche ottenere mix davvero unici come il colore blu-verde o il marrone scuro.
Insieme alle relazioni per formare i colori, possiamo anche raggrupparli in posizionamenti basati sui loro legami emotivi. I gruppi di colori sono suddivisi in 3 categorie simili per questo: caldo, freddo e neutro.
Sicuramente puoi immaginare che i colori caldi contengano tutte le accese sfumature eccitabili. Questi evocano calore ed energia e possono essere trovati verso la cima di qualsiasi ruota dei colori. Gli esempi più importanti sono rosso, giallo e arancione.
I colori freddi sono esattamente l'opposto. Questi evocano una relazione rilassata e promuovono la tensione facile, calma e allentata. Gli esempi qui includono blu, verde e viola.
I neutri sono colori non emotivi usati per adattarsi alle lacune di colore. Sono impostati con sfumature di nero, bianco, grigio e talvolta marrone scuro. Sebbene queste forme di colore non suscitino alcun senso di connessione emotiva, possono essere utili per delineare elementi in una pagina o sezione. Comunemente useremo colori neutri per i nostri paragrafi e contenuti della pagina.
Teoria del colore in pratica
Il punto centrale dell'utilizzo della teoria dei colori è quello di evocare una serie di emozioni da qualsiasi serie di potenziali colori. Lo sviluppo di uno schema all'inizio può essere difficile, ma è una parte importante del processo di progettazione (questo è particolarmente vero nel web design e nella progettazione del marchio).
Molti sosterranno affermando che i colori non penetrano in nessun tipo di barriera mentale e non trasmettono emozione. Ciò risulta falso sulla maggior parte degli account e, se usato correttamente, alcune combinazioni di colori possono effettivamente aiutare l'interfaccia del tuo sito Web con più registrazioni e ordini.
In generale, i colori più caldi generano un senso di felicità ed energia. Questi colori vengono spesso utilizzati per visualizzare un invito all'azione per i tuoi visitatori. Puoi dare un senso di eccitazione e requisiti sensoriali semplicemente posizionando colori più caldi intorno alle regioni con cui prevedi che i visitatori interagiscano.
Colori più freddi ricordano un senso di pace e somiglianza. Spesso i blog o le società digitali utilizzano schemi più interessanti per allentare gli occhi dei loro lettori e tenerli "bloccati" sulla loro pagina più a lungo. Il blu intenso e il viola mantengono le emozioni a proprio agio e impostano un tipo di passività quando si tratta di assorbimento del contenuto.
Troverai anche colori freddi che rappresentano il potenziale potere e autorità. Vedrai questi colori usati in primo piano in molte aziende e banche per promuovere l'affidabilità dei loro clienti. Ad esempio, sia Microsoft che Blackberry usano blues e verdi profondi per mantenere un aspetto calmo, rispettabile e aziendale in tutte le loro pagine.
Conclusione
Questi sono solo alcuni dei concetti utili ai designer quando si tratta di teoria del colore. I colori sono ovunque e se usati correttamente possono promuovere qualsiasi tipo di emozione o azione che desideri dai tuoi visitatori. Ci sono molti articoli in tutto il web relativi alla teoria del colore e alla gestione del colore. Controlla Google se sei interessato ad approfondire la scienza.
Tieni presente che i colori possono essere una parte importante del lavoro di progettazione, ma non sono l'unica chiave per un layout perfetto. La teoria del colore è solo uno strumento nella gamma di innumerevoli strumenti che utilizziamo come web designer. Superare la norma e giocare con nuove regole per il colore non può che aiutarti a crescere come artista moderno sia digitale che relazionale.
