Iride: il linguaggio del colore

Transcript

#CVeDI
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)
#CVeDI
> Simbolico-artistiche
Goethe (1810)
Comunicazione Visiva e Design delle Interfacce . Letizia Bollini, Università di Milano-Bicocca
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.
#CVeDI
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
#CVeDI
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
#CVeDI
7 49
Color wheel
Colori
Primari
#CVeDI
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à
#CVeDI
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)
#CVeDI
11 49
Luminosità (Tint)
Quantità di luce che il colore sembra emettere apparendo
più chiaro se mixato col bianco.
> Sinonimi: Valore, Chiarezza, Brillanza
#CVeDI
12 49
Ombra (Shade)
Quantità di luce che il colore sembra emettere apparendo
più scuro se mixato col nero.
> Sinonimi: Valore, Chiarezza, Brillanza
#CVeDI
13 49
Tone
Nel caso in cui il colore venga mescolato col grigio
o con un colore complementare
#CVeDI
14 49
Matrice della Tonalità
Luminosità
Saturazione
#CVeDI
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
#CVeDI
17 49
#CVeDI
18 49
#CVeDI
19 49
#CVeDI
20 49
Rosso
Valori positivi
Valori Negativi
Note
• passione
• energia
• amore
• forza
• azione
•sangue
•guerra
•pericolo
•aggressività
È uno dei colori
“salienti” ovvero
che sembrano
avvicinarsi
all’osservatore.
#CVeDI
22 49
Verde
Valori positivi
Valori Negativi
•natura
•primavera
•fertilità
•tenacia
•prontezza
•inesperienza
•invidia
#CVeDI
Note
23 49
Giallo
Valori positivi
Valori Negativi
Note
•calore
•oro
•ottimismo
•disponibilità
•altruismo
•malattia
•vigliaccheria
•azzardo
•invidia
Visibile anche
in situazioni limite
e di contrasto
#CVeDI
24 49
Blu
Valori positivi
Valori Negativi
•stabilità
•calma
•soddisfazione
•armonia
•fedeltà
•depressione
•conservatorismo
#CVeDI
Note
25 49
Bianco
Valori positivi
Valori Negativi
•purezza
•innocenza
•pace
•positività
•spiritualità
•freddo
•osperdaliero
•sconosciuto
•immateriale
#CVeDI
Note
26 49
Grigio
Valori positivi
Valori Negativi
Note
•intelligenza
•dignità
•maturità
•ombra
•noia
•depressione
Percepito come
“neutro”
#CVeDI
27 49
Nero
Valori positivi
Valori Negativi
•potenza
•formalità
•profondità
•stile
•cattiveria
•timore
•morte
•anonimato
•negatività
#CVeDI
Note
28 49
Viola
Valori positivi
Valori Negativi
•metamorfos
•transizione
•mistero
•magia
•nostalgia
•immaturità
•suggestione
•lutto
•penitenza
#CVeDI
Note
29 49
Arancione
Valori positivi
Valori Negativi
•esuberanza
•divertimento
•vitalità
•infanzia
•inganno
•diffidenza
•aggressione
•allerta
#CVeDI
Note
30 49
Rosa
Valori positivi
Valori Negativi
Note
•delicatezza
•comodità
•morbidezza
•aggressività inibente
•sdolcinatezza
Legato agli
stereotipi di genere
#CVeDI
31 49
Marrone
Valori positivi
Valori Negativi
•stabilità
•durata
•natura
•sporco
•vecchio
#CVeDI
Note
32 49
Progettare (con) il colore
Schemi cromatici
> Monocromatico
> Analogico
> Complementare
> Triadico
> Quadratico o doppio complementare
#CVeDI
34 49
Schema monocromatico
Un solo colore variando SHADE e TINT
#CVeDI
35 49
#CVeDI
36 49
Schema analogico
Uso di colori contigui sulla ruota dei colori:
armonioso ed equilibrato
#CVeDI
37 49
#CVeDI
38 49
Schema complementare
Uso di colori opposti sulla ruota dei colori:
vibranti, vivaci e dinamici, contrasto
#CVeDI
39 49
#CVeDI
40 49
Schema triadico
Uso di colori posizionati sui vertici di un triangolo:
complesso, sofisticato
#CVeDI
41 49
#CVeDI
42 49
Schema quadratico
I colori sono disposti sui vertici di un quadrato o rettangolo:
complesso, sofisticato... o una pagliacciata!
#CVeDI
43 49
#CVeDI
44 49
Leggibilità e contrasto
Primo piano e sfondo
#CVeDI
46 49
Daltonismo e accessibilità
#CVeDI
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à
#CVeDI
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
#CVeDI
49 49
?

Iride: il linguaggio del colore

Transcript

Documenti analoghi

volantino base

ULTIMA ORA: 14:30 - Internet Wi-Fi gratuito nella via Pellico e in

Scarica la locandina - Dipartimento di Scienze Umane per la

le bollette di iride energia si possono pagare nelle

Nuova segnaletica libri biblioteca

REGOLAMENTO Da giovedì 10 settembre a mercoledì

iride energia: il professor riccardo casale nuovo

Locandina

PRIMA DI METTERVI IN VIAGGIO SULLE AUTOSTRADE