La Teoria del colore è stata oggetto di interesse per anni nella comunità artistica. Le regole e le linee guida sono valide quando si lavora su progetti digitali tanto quanto gli oggetti fisici.
C'è molto da imparare in tema di colore, quindi ho intenzione di coprire solo alcuni dei punti chiave. La terminologia è qualcosa a cui molti designer si lasciano coinvolgere e che in realtà non dovrebbero spaventarti o trattenerti. La scienza alla base della teoria dei colori è brillante ma elegante. Dovrebbe essere un argomento di interesse per ogni artista digitale.
Terminologia colore
I termini sono molto importanti quando si tratta di lavorare come designer. Dopo tutto, in che modo comunicherete le vostre conoscenze ai vostri compagni di squadra o ai vostri clienti se non lo capite da soli? Qui di seguito descriverò alcuni termini che ogni designer dovrebbe conoscere.
colore è uno di cui sono sicuro di averne già sentito parlare. Metti semplicemente una tonalità è il colore utilizzato in ogni pixel in un disegno. Questi possono includere nomi di riferimento come? Red? 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 metodi predefiniti per scrivere i colori sono le coppie di valori RGB (ad esempio "255, 0, 0" per il rosso puro) o il codice esadecimale (# FF0000). Se hai mai lavorato con un design mockup in Adobe Photoshop o Illustrator è probabile che tu abbia lavorato con la ruota dei colori e impostato un valore di colore. Questa è 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 ma mai veramente definito. Ci riferiamo alla saturazione come la quantità di intensità di un colore visualizzata, molto luminosa o scarsa. Puoi anche guardare alla saturazione quanto è intensa la tonalità di ogni singolo colore: più saturo è il più puro il colore.
I set di colori con meno 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 può trovare nel vecchio design di Digg (nella foto sotto).
Il loro sfondo blu chiaro è il livello perfetto di saturazione per adattarsi a un'impostazione di sfondo. Questo è vero solo in confronto al resto delle funzionalità del sito, vale a dire i verdi intensi e gli azzurri trovati nell'intestazione e nei contenuti della pagina.
Tono o valore è un termine che molti non hanno mai sentito nominare. Si riferisce alla quantità di luminosità in un colore posizionato lungo uno spettro di nero (senza tono) a bianco (tono più alto). Questo è diverso dalla saturazione dal momento che non stiamo trattando di aggiungere / sottrarre più tonalità di base, ma di lavorare invece con l'aggiunta di valori di nero o bianco in un colore.
Ad esempio troverete più tonalità in un giallo o rosso brillante rispetto al blu navy. Semplicemente immaginando ognuno di questi colori si può capire come un giallo girasole brillante sia più ricco della sua tonalità originale (giallo primario) rispetto al blu navy, che è più profondo e più scuro della sua tonalità originale (blu primario).
occhiali da sole e tinte sono opposti polari l'uno dell'altro e si adattano in modo simile ai toni. Le tonalità sono create prendendo una tonalità e aggiungendo nero puro per creare un nuovo colore più profondo. Le tinte sono simili tranne se aggiungi il bianco puro per creare un nuovo colore. Molti designer confondono questi termini e li considerano lo stesso di schiarire / oscurare un insieme di colori.
La principale differenza che vediamo qui è la creazione di set di colori completamente unici. Ad esempio, le tonalità pure con un'aggiunta di tinte bianche possono creare colori indicati come colori pastello. Questi sono spesso usati per aggiungere femminilità e morbidezza in una combinazione di colori (troverete spesso pastelli su giocattoli per bambini e siti web per bambini).
Relazioni per la teoria del colore
La scienza che sta dietro le relazioni di colore è direttamente collegata alla ruota dei colori. Sono sicuro che molti di noi ricorderanno di aver sentito parlare di questo nella classe d'arte delle scuole superiori, ma da allora lo 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 rossi, blu e gialli. Questi sono i 3 colori base che possono essere combinati per creare (abbastanza letteralmente) ogni altro colore nel nostro spettro. Quando mischi questi colori insieme ottieni il nostro set di colori secondari. Vale a dire questi sono arancione, verde e viola.
I colori terziari sono realizzati mescolando insieme i colori primari e secondari per creare set completamente nuovi. Un esempio potrebbe essere la creazione di arancione combinando insieme rosso e giallo. Puoi anche ottenere miscele davvero uniche come il blu-verde spento 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.
Sono sicuro che potresti immaginare che i colori caldi contengano tutte le sfumature eccitanti del fuoco. Questi evocano calore ed energia e possono essere trovati verso la cima di qualsiasi ruota dei colori. Gli esempi più importanti sono il rosso, il giallo e l'arancione.
I colori freddi sono esattamente l'opposto. Questi evocano una relazione rilassata e promuovono la facilità, la calma e la tensione 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 colori non evochino alcun senso di connessione emotiva, possono essere utili per delineare elementi su una pagina o sezione. Comunemente useremo colori neutri per i nostri paragrafi e il contenuto della pagina.
Teoria dei colori in pratica
L'intero punto di utilizzo della teoria del colore è di evocare un insieme di emozioni da qualsiasi serie di colori prospettici. Sviluppare uno schema può essere difficile all'inizio, ma è una parte importante del processo di progettazione (questo è particolarmente vero nel design del Web e nella progettazione del marchio).
Molti sosterranno affermando che i colori non penetrano alcun tipo di barriera mentale e trasportano le emozioni. Questo risulta essere falso per la maggior parte degli account e, se usato correttamente, alcuni schemi di colori possono effettivamente aiutare l'interfaccia del tuo sito web con più iscrizioni e ordini.
In generale i colori più caldi porteranno un senso di felicità ed energia. Questi colori sono usati frequentemente per mostrare un invito all'azione per i tuoi visitatori. È possibile conferire un senso di eccitazione e requisiti sensoriali semplicemente posizionando colori più caldi intorno alle regioni con cui ci si aspetta che i visitatori interagiscano.
Colori più freddi riportano alla mente un senso di pace e somiglianza. Spesso i regimi più cool vengono usati su blog o società digitali per facilitare gli occhi dei loro lettori e tenerli? sulla loro pagina più a lungo. Deep Blues e Purple mantengono le emozioni a proprio agio e impostano un tipo di passività quando si tratta di assorbimento dei contenuti.
Troverai anche colori freddi che rappresentano potenza e autorità potenziali. 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 utilizzano deep blues e green per mantenere un sentimento aziendale calmo e rispettabile su tutte le pagine.
Conclusione
Questi sono solo alcuni dei concetti utili ai progettisti per quanto riguarda la 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 su Google se sei interessato a approfondire la conoscenza.
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. Rompere fuori dalla norma e giocare con nuove regole per il colore può solo aiutarti a crescere sia come artista moderno che relazionale.