Il colore è il mezzo più relativo nell’arte
-Josef Albers
Tutti percepiamo la luce e il colore in modo diverso. Quello che tu vedi come rosso è diverso da quello che io vedo come rosso, anche se entrambi lo chiameremo rosso. Anche il modo in cui il colore ci colpisce e come reagiamo ad esso è diverso per ognuno di noi. Il colore è relativo.
Un buon design dovrebbe funzionare in assenza di colore. Dovrebbe funzionare se visto in scala di grigi. Tuttavia il colore è una delle prime cose che qualcuno noterà nel vostro design e andrà molto lontano nel determinare se gli spettatori pensano che il vostro design sia esteticamente piacevole.
Come ogni altra cosa la vostra scelta del colore dovrebbe essere subordinata al vostro concetto e tema. Il colore dovrebbe essere usato per migliorare il tuo design, ma non dovrebbe essere il tuo design.
Puoi usare il colore per creare gerarchie visive e migliorare l’equilibrio generale nel tuo design.
Si può dire molto sul colore. Molto più di quanto si possa dire in un singolo post. Come ho pianificato questo post, sono andato avanti e indietro per decidere se tenerlo un singolo post o espanderlo in diversi post per coprire di più. Alla fine ho deciso di dividere questa conversazione sul colore in due post.
Questo primo si concentrerà sulla teoria del colore, i sistemi di colore, la ruota dei colori e gli schemi di colore. La prossima volta passeremo al significato del colore e alle riflessioni su come puoi usare il colore per migliorare i tuoi progetti.
Teoria del colore
Il colore è luce. La luce è una radiazione elettromagnetica e in una gamma di lunghezze d’onda fa impressione sull’occhio umano. Questa gamma di lunghezze d’onda è lo spettro visivo.
Quando la luce colpisce un oggetto, alcune lunghezze d’onda vengono assorbite e altre vengono riflesse. Noi vediamo le lunghezze d’onda riflesse della luce come colore. Quando tutte le lunghezze d’onda dello spettro visivo sono assorbite vediamo il nero e quando tutte sono riflesse vediamo il bianco. Quando alcune vengono assorbite e altre vengono riflesse vediamo diversi colori dello spettro.
Il colore può essere descritto in tre modi. Per nome, per purezza e per valore o luminosità. Abbiamo diversi termini che ci aiutano a descrivere i colori in questi tre modi. Mentre leggete i termini qui sotto, date un’occhiata all’immagine qui sopra.
- Tinta: Quando qualcuno parla di tinta sta parlando del colore effettivo di un oggetto. Il verde è una tinta come lo sono il rosso, il giallo, il blu, il viola, ecc.
- Croma: Si riferisce alla purezza di una tinta in relazione al grigio. Quando non c’è ombra di grigio in un colore, quel colore ha un alto croma. Aggiungere sfumature di grigio a una tinta riduce il suo croma.
- Saturazione: è il grado di purezza di una tinta. È simile al croma, anche se non è proprio la stessa cosa. Le tinte pure sono altamente sature. Quando viene aggiunto il grigio il colore diventa desaturato.
- Intensità: La luminosità o l’opacità di un colore. Aggiungere il bianco o il nero a un colore ne abbassa l’intensità. Un colore intenso e altamente saturo ha un alto croma.
- Valore/Luminanza: È una misura della quantità di luce riflessa da un colore ed è fondamentalmente quanto è chiara o scura una tinta. Aggiungere il bianco a una tinta la rende più chiara e aumenta il suo valore o luminanza. Di conseguenza l’aggiunta del nero la rende più scura e abbassa il valore o la luminanza.
- Ombra: Il risultato dell’aggiunta del nero a una tinta per produrre una tinta più scura
- Tinta: Il risultato dell’aggiunta del bianco a una tinta per produrre una tinta più chiara
- Tono: Tra il bianco e il nero abbiamo il grigio. Un tono di colore è il risultato dell’aggiunta di grigio a una tinta. Sfumature e tinte sono toni agli estremi.
Quando ho trovato la relazione di tutti i toni, il risultato deve essere un’armonia vivente di tutti i toni, un’armonia non diversa da quella di una composizione musicale.
-Henri Matisse
Sistemi di colore
I sistemi di colore si riferiscono a come produciamo i colori. Quando si producono colori fisici come nelle vernici si usa un sistema sottrattivo e quando si producono colori digitalmente come su un computer si usa un sistema additivo.
I colori che vedi sullo schermo del tuo computer possono non essere gli stessi colori che altri vedono sui loro schermi. Le differenze possono essere ancora più pronunciate se le immagini vengono stampate. La gestione del colore può aiutare a rendere le cose più coerenti, ma capisci che probabilmente ci saranno sempre delle differenze.
Colori sottrattivi (CMYK) Quando vediamo i colori negli oggetti fisici stiamo vedendo luce riflettente. Quando vediamo il rosso è perché tutte le altre lunghezze d’onda della luce sono state assorbite e solo il rosso è riflesso. Questo è un sistema sottrattivo, perché per produrre il colore stiamo rimuovendo tutte le lunghezze d’onda della luce il cui colore non vogliamo vedere.
Come aggiungiamo più colori al sistema più luce viene assorbita e il colore complessivo diventa più scuro. I sistemi sottrattivi iniziano con il bianco e continuano ad aggiungere colore finché il risultato non è nero.
CMYK (Cyan, Magenta, Yellow, Black) è un sistema sottrattivo usato per creare colori per la stampa.
Colori additivi (RGB) Per creare colori sullo schermo di un computer dobbiamo aggiungere luce poiché la fonte di luce viene dall’interno invece di riflettere la luce proveniente dall’esterno del sistema. Quando non c’è luce vediamo il nero e man mano che aggiungiamo più colore (più lunghezze d’onda della luce) ci spostiamo verso il bianco.
RGB (Red, Green, Blue) è un sistema additivo usato per creare colori nei media digitali. Poiché i sistemi additivi sono diversi da come percepiamo il colore in natura, i nostri colori primari sono cambiati. Il verde (e non il giallo) è ora primario nel sistema invece di essere un prodotto secondario del blu e del giallo.
La ruota dei colori
La ruota dei colori è una rappresentazione visiva di quasi tutto ciò di cui abbiamo parlato sopra. La ruota dei colori originale è accreditata a Sir Isaac Newton che ha unito le estremità rosse e viola dello spettro visivo in un cerchio.
Nelle seguenti immagini puoi vedere come viene creata una ruota dei colori. Si inizia con i colori primari situati agli angoli di un triangolo equilatero e poi si imposta un triangolo simile ruotato di 180 gradi per creare i colori secondari. Tra questi colori ci saranno i colori terziari.
Nota nelle immagini sottostanti che i tre colori primari qui sono il rosso, il giallo e il blu.
Ora guarda la ruota dei colori qui sotto. Noterai che sembra diversa da quella sopra. I colori primari qui sono il rosso, il verde e il blu e noterete anche che mostra varie tinte di colori fino a raggiungere il bianco al centro. Questa è una ruota dei colori RGB di tinte.
Si possono trovare anche ruote dei colori che mostrano sfumature e toni. Infatti ci sono una varietà di ruote di colori e triangoli di colore. Ricorda che una ruota dei colori è solo una rappresentazione del colore e ci sono diversi modi di esprimere le relazioni tra i colori.
Schemi di colore
Gli schemi di colore vengono fuori dalla ruota dei colori e i diversi schemi di colore sono diverse combinazioni di colori basati sulla loro relazione tra loro.
Nelle immagini qui sotto ho abbassato la saturazione di tutti i colori tranne quelli che potrebbero far parte del tipo di schema di colore che viene descritto.
Gli schemi di colore monocromatici sono basati su diversi toni dello stesso colore. Qui sono mostrate le tinte del rosso.
Gli schemi di colore analogici sono basati su colori adiacenti l’uno all’altro sulla ruota dei colori
Gli schemi di colore complementari si basano su colori opposti l’uno all’altro sulla ruota dei colori
Gli schemi di colore triadici usano tre colori equamente distanziati sulla ruota dei colori
Gli schemi di colore tetraedrici/quadratici sono creati scegliendo i colori agli angoli di un rettangolo inscritto sulla ruota dei colori
Gli schemi di colore complementari divisi sono creati scegliendo un colore e poi altri due colori che sono adiacenti al complementare del colore iniziale. Pensalo come una combinazione di uno schema di colori complementari e analoghi.
Inoltre ci sono schemi di colori non interamente descritti dalla ruota dei colori.
Gli schemi di colore neutri includono solo colori che non si trovano sulla ruota dei colori (varie tonalità di marrone e grigio)
Gli schemi di colore neutri accentati includono colori neutri come sopra e uno o più spruzzi di colori che si trovano sulla ruota dei colori.
Un ultimo tipo di schema di colore di cui possiamo parlare sono quelli che si trovano in natura. Come si può intuire sono schemi di colore basati su ciò che si vede in natura. Potresti creare una combinazione di colori naturale basata sui colori che trovi in una fotografia.
Sommario
Questo post si è concentrato sulla teoria dietro al colore, ma c’è molto di più da coprire come il significato che percepiamo nel colore e come usare il colore nel tuo design per ottenere un effetto.
Per ora cercate di familiarizzare con i termini usati per descrivere il colore così come i vari schemi di colore che escono dalla ruota dei colori.
Prenderemo la prossima volta con più dettagli sugli schemi di colore e quando potreste scegliere di usarli.
Risorse
In tutto questo post ho collegato alcuni articoli che offrono più pensieri e idee sul colore. Qui sotto ci sono alcuni articoli aggiuntivi e serie di articoli sulla teoria del colore.
Data l’importanza del colore e quanto c’è da sapere sul colore, potresti voler passare un po’ di tempo guardando ognuno dei link qui sotto. Molto di ciò che è contenuto nei seguenti articoli sarà simile a quello che c’è qui, ma ogni articolo probabilmente includerà alcune cose che non ho menzionato e aumenterà la tua conoscenza generale sul tema del colore.
- Schemi di colore di base – Introduzione alla teoria del colore
- Teoria del colore – Wikipedia
- Teoria del colore – Dev.Opera
- Teoria del colore – Wrox
- Teoria del colore – Liquisoft
- Creazione di esperienze utente coerentemente colorate: Parte 1,
Questa settimana, Cameron Chapman ha scritto un’eccellente serie di articoli per Smashing Magazine sul colore, su cui ho voluto richiamare la vostra attenzione.
- Teoria del colore per designer, Parte 1: Il significato del colore
- Teoria del colore per designer, Parte 2: Capire i concetti e la terminologia
- Teoria del colore per designer, Parte 3: Creare le proprie tavolozze di colori
Le 7 componenti del design
- Unità
- Gestalt
- Spazio
- Dominanza
- Gerarchia
- Equilibrio
- Colore Parte I: Teoria del colore
- Colore Parte II: Come usare il colore
Scarica un campione gratuito dal mio libro, Fondamenti di design.