Iride: il linguaggio del colore

Транскрипт

1 Iride: il linguaggio del colore Comunicazione Visiva e Design delle Interfacce Letizia Bollini, Università di Milano-Bicocca

2 Storie e teorie

3 Le teorie del colore > Fisico-matematiche Newton (1666) > Simbolico-artistiche Goethe (1810) 3 49

4 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

5 Sintesi

6 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

7 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

8 Color wheel Colori Primari Colori Secondari Colori Terziari 8 49

9 Anatomia del colore

10 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

11 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

12 Luminosità (Tint) Quantità di luce che il colore sembra emettere apparendo più chiaro se mixato col bianco. > Sinonimi: Valore, Chiarezza, Brillanza 12 49

13 Ombra (Shade) Quantità di luce che il colore sembra emettere apparendo più scuro se mixato col nero. > Sinonimi: Valore, Chiarezza, Brillanza 13 49

14 Tone Nel caso in cui il colore venga mescolato col grigio o con un colore complementare 14 49

15 Matrice della Tonalità Saturazione Luminosità 15 49

16 Il linguaggio del colore

17 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 18 49

19 19 49

20 20 49

21

22 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

23 Verde Valori positivi natura primavera fertilità tenacia prontezza Valori Negativi inesperienza invidia Note 23 49

24 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

25 Blu Valori positivi stabilità calma soddisfazione armonia fedeltà Valori Negativi depressione conservatorismo Note 25 49

26 Bianco Valori positivi purezza innocenza pace positività spiritualità Valori Negativi freddo osperdaliero sconosciuto immateriale Note 26 49

27 Grigio Valori positivi intelligenza dignità maturità Valori Negativi ombra noia depressione Note Percepito come neutro 27 49

28 Nero Valori positivi potenza formalità profondità stile Valori Negativi cattiveria timore morte anonimato negatività Note 28 49

29 Viola Valori positivi metamorfos transizione mistero magia Valori Negativi nostalgia immaturità suggestione lutto penitenza Note 29 49

30 Arancione Valori positivi Valori Negativi Note esuberanza divertimento vitalità infanzia inganno diffidenza aggressione allerta 30 49

31 Rosa Valori positivi delicatezza comodità morbidezza Valori Negativi aggressività inibente sdolcinatezza Note Legato agli stereotipi di genere 31 49

32 Marrone Valori positivi stabilità durata natura Valori Negativi sporco vecchio Note 32 49

33 Progettare (con) il colore

34 Schemi cromatici > Monocromatico > Analogico > Complementare > Triadico > Quadratico o doppio complementare 34 49

35 Schema monocromatico Un solo colore variando SHADE e TINT 35 49

36 36 49

37 Schema analogico Uso di colori contigui sulla ruota dei colori: armonioso ed equilibrato 37 49

38 38 49

39 Schema complementare Uso di colori opposti sulla ruota dei colori: vibranti, vivaci e dinamici, contrasto 39 49

40 40 49

41 Schema triadico Uso di colori posizionati sui vertici di un triangolo: complesso, sofisticato 41 49

42 42 49

43 Schema quadratico I colori sono disposti sui vertici di un quadrato o rettangolo: complesso, sofisticato... o una pagliacciata! 43 49

44 44 49

45 Leggibilità e contrasto

46 Primo piano e sfondo 46 49

47 Daltonismo e accessibilità 47 49

48 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

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. 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;

50 ?