Iride: il linguaggio del colore Comunicazione Visiva e Design delle Interfacce Letizia Bollini, Università di Milano-Bicocca
Storie e teorie
Le teorie del colore > Fisico-matematiche Newton (1666) > Simbolico-artistiche Goethe (1810) 3 49
Teoria tricromatica > Young (1802) teoria in cui erano presenti tre soli fotorecettori, sensibili rispettivamente al rosso, verde e violetto > Helmholtz (1910) sintesi additiva. 4 49
Sintesi
Sintesi sottrattiva O quadricromia (CMYB): sottrae luce a luce, sommando pigmento. Si usa per i progetti a stampa I colori primari sono: > Cyan > Magenta > Yellow > Black Primari=100% > Nero Primari=0% > Bianco 6 49
Sintesi addittiva O tricromia (RGB): aggiunge luce a luce. Si usa per i progetti a monitor I colori primari sono: > Red > Green > Blue Primari=100% > Bianco Primari=0% > Nero 7 49
Color wheel Colori Primari Colori Secondari Colori Terziari 8 49
Anatomia del colore
Tonalità (Hue) È la caratteristica specifica di un colore e corrisponde a una diversa lunghezza d onda della luce > Sinonimi: Colore, tonalità, Tinta, Croma, Cromaticità 10 49
Saturazione (Saturation) Corrisponde alla sua intensità o purezza: minore è l intensità, più il colore tende al grigio. 100% 80% 60% 40% 20% 0% > Sinonimi: Purezza, Pienezza, Intensità (Intensity) 11 49
Luminosità (Tint) Quantità di luce che il colore sembra emettere apparendo più chiaro se mixato col bianco. > Sinonimi: Valore, Chiarezza, Brillanza 12 49
Ombra (Shade) Quantità di luce che il colore sembra emettere apparendo più scuro se mixato col nero. > Sinonimi: Valore, Chiarezza, Brillanza 13 49
Tone Nel caso in cui il colore venga mescolato col grigio o con un colore complementare 14 49
Matrice della Tonalità Saturazione Luminosità 15 49
Il linguaggio del colore
Valori e significati > Dimensione fisica/fisiologico-percettiva > Valore simbolico e semantico di/nel contesto > Dimensione semiotica e culturale (variabile) > Valore progettuale di identità e connotazione 17 49
18 49
19 49
20 49
Rosso Valori positivi passione energia amore forza azione Valori Negativi sangue guerra pericolo aggressività Note È uno dei colori salienti ovvero che sembrano avvicinarsi all osservatore. 22 49
Verde Valori positivi natura primavera fertilità tenacia prontezza Valori Negativi inesperienza invidia Note 23 49
Giallo Valori positivi calore oro ottimismo disponibilità altruismo Valori Negativi malattia vigliaccheria azzardo invidia Note Visibile anche in situazioni limite e di contrasto 24 49
Blu Valori positivi stabilità calma soddisfazione armonia fedeltà Valori Negativi depressione conservatorismo Note 25 49
Bianco Valori positivi purezza innocenza pace positività spiritualità Valori Negativi freddo osperdaliero sconosciuto immateriale Note 26 49
Grigio Valori positivi intelligenza dignità maturità Valori Negativi ombra noia depressione Note Percepito come neutro 27 49
Nero Valori positivi potenza formalità profondità stile Valori Negativi cattiveria timore morte anonimato negatività Note 28 49
Viola Valori positivi metamorfos transizione mistero magia Valori Negativi nostalgia immaturità suggestione lutto penitenza Note 29 49
Arancione Valori positivi Valori Negativi Note esuberanza divertimento vitalità infanzia inganno diffidenza aggressione allerta 30 49
Rosa Valori positivi delicatezza comodità morbidezza Valori Negativi aggressività inibente sdolcinatezza Note Legato agli stereotipi di genere 31 49
Marrone Valori positivi stabilità durata natura Valori Negativi sporco vecchio Note 32 49
Progettare (con) il colore
Schemi cromatici > Monocromatico > Analogico > Complementare > Triadico > Quadratico o doppio complementare 34 49
Schema monocromatico Un solo colore variando SHADE e TINT 35 49
36 49
Schema analogico Uso di colori contigui sulla ruota dei colori: armonioso ed equilibrato 37 49
38 49
Schema complementare Uso di colori opposti sulla ruota dei colori: vibranti, vivaci e dinamici, contrasto 39 49
40 49
Schema triadico Uso di colori posizionati sui vertici di un triangolo: complesso, sofisticato 41 49
42 49
Schema quadratico I colori sono disposti sui vertici di un quadrato o rettangolo: complesso, sofisticato... o una pagliacciata! 43 49
44 49
Leggibilità e contrasto
Primo piano e sfondo 46 49
Daltonismo e accessibilità 47 49
I link > LINK colore come elemento di enfasi e visibilità > ACTIVE LINK / HOVER colore come elemento di evidenza e feed-back d interazione > VISITED LINK colore come elemento di (in)visibilità 48 49
Per approfondire [1] Albers J., Interazione del colore. Esercizi per imparare a vedere. Il Saggiatore Tascabili; 2009 [2] Brusatin M. Storia dei colori. Einaudi; 1999 [3] Garau A. Le armonie del colore: analisi strutturale dei colori. Hopeli Editore; 1999 [4] Pring R. www.colour. Uso efficace del colore per la progettazione di pagine web. Apogeo Editore; 2001:192. [5] Romanello I. Il colore: espressione e funzione : guida ai significati Hopeli Editore; 2002 49 49
?