il sistema additivo - rgb colori primari somma di radiazioni luminose: si miscelano frequenze...

Il sistema additivo - RGBColori primari

Somma di radiazioniluminose: si miscelano

frequenze diverse entroun fascio di luce

Il sistema additivo - RGBColori secondari

Mescolando 2 primarisi ottiene un secondario

Il sistema additivo - RGB

I colori additivi dell’intero spettro luminoso si ottengono mescolando in varie proporzioni i tre fasci di luce primari:•rosso•verde•blu

Es. schermi televisivi o dei PC: i pixel colorati sonoottenuti bersagliando i fosfori degli schermi con elettronirossi, verdi o blu

Il sistema RGB è alla base della produzione di grafica perlo schermo


Qualunque altro colore additivo dello spettro si ottieneda una qualunque mescolanza di due colori primarimixati otticamente in due modi:

• attraverso la loro vicinanza fisica• presentandoli in rapida successione

In entrambe i casi due colori sono percepiti come uncolore solo

Mescolando i tre primari si ottiene luce bianca


Una tecnica utilizzata nei primi esperimenti coni colori additivi: il disco dei colori

Il sistema sottrattivo - CMYColori primari

Coloranti, inchiostrie pigmenti

Il sistema sottrattivo - CMYColori secondari

Ogni primario assorbe il secondarioopposto e trasmette i due adiacenti

Il sistema sottrattivo - CMY


Ogni oggetto colorato (naturale o artefatto) assorbe determinate onde luminose e ne riflette altre.

Le onde riflesse e trasmesse all’occhio determinanoil colore di quell’oggetto.

Il sistema CMY è alla base della produzione di graficastampata

Mescolando i tre primari si ottiene il nero


Il colore a occhio nudo appare pieno. In realtà è stampatosulla carta tramite un pattern puntinato controllato acomputer, detto rosette

Il sistema additivo - RGB eil sistema sottrattivo CMY

I primari di un sistema sono i secondari dell’altro

In teoria i 3 primari,mescolati, danno il nero(tutta la luce è assorbita).

In realtà il modello CMYnon può essere utilizzato da solo.

Per ottenere il nero, sideve aggiungere inchiostronero, per questo il modelloè indicato comequadricromia CMYK

Il sistema additivo - RGB eil sistema sottrattivo CMY

Gamut = intervallo di colori che può essere riprodottoin un sistema dato

Nei due sistemi il gamutnon coincide, ed è comunquepiù ristretto dell’insieme deicolori percepibili dall’occhio umano

Le proprietà del coloreI diversi modelli del colore in uso individuano 3 attributifondamentali del colore:

• Hue (tinta o colore)la lunghezza d’onda dominante o più semplicementeil colore percepibile di un campione

• Saturation (saturazione)grado di purezza della tinta. Individua sino a che puntola tinta è contaminata da altre tinte o dal grigio. Saturazione=0 per i colori acromatici (scala dei grigi)Saturazione=100% per le tinte pure

• Brightness (brillantezza)quantità di luce riflessa, ovvero quanto luminosoè il colore. Teoricamente il bianco riflette il 100%, il nero lo 0%

Le proprietà del colore

I diversi modelli del colore in uso individuano i medesimi3 attributi fondamentali del colore, cambia la terminologia

HUE HUE HUE HUESATURATION CHROMA SATURATION SATURATIONBRIGHTNESS LUMINANCE VALUE LIGHTNESS

HSB LCH HSV HSL

Ancora oggi sul colore c’è un certo caos: parole identiche per fenomeni diversi, parole diverse per fenomeni identici.

Le proprietà del coloreHUE

I colori opposti sonocomplementari

3 colori primari3 colori secondari6 terziari

Le proprietà del coloreSATURATION = misura della purezza del

colore

Saturazione mediaSaturazione bassaSaturazione alta

3 colori primari e 3 colori secondari

Le proprietà del coloreSATURATION = misura della purezza del

colore

La saturazione può essere utilizzata come strumentocompositivo, per suggerire aree interessanti, bottoni attivio, al contrario, aree in secondo piano.

I colori desaturati sonodetti muted (smorzati)

Le proprietà del coloreBRIGHTNESS = misura della luce riflessa

3 colori primari e 3 colori secondari

TINTScolore mescolato al bianco

SHADEScolore mescolato al nero


Non collocate informazioni importanti in areescure dello schermo. Su schermi diversi potrebberoaddirittura risultare come aree nere e quindi illeggibili.

Lo stesso per le aree chiare.

Linee guida per l’uso del colore

• Aspetti percettivi• Aspetti cognitivi• Aspetti culturali

Aspetti percettivi

Le percezione del colore

Uno stimolo non esiste se non esiste il contrasto.

• Non percepiamo la temperatura del nostro corpo, ma se abbiamo la febbre sì

• Non percepiamo il nostro odore, ma quello di un’altra persona sì

Se i nostri sensi vengono colpiti di continuo da un medesimo stimolo, ne perdiamo la percezione: lo stimolo diventa simmetrico.

Le percezione del colore

Analogamente

• Non si vede la luce ma solo le sue alterazioni.

- Non vediamo un raggio di sole se non c’è l’atmosfera: più pulviscolo c’è, più si vede il raggio

- Lo spazio extraterrestre è nero. Ma la luce è ovunque. Manca la materia con cui interagire.

Le nostre capacità sensorie sono fatte per captare il diverso dal solito ‘l’asimmetrico’.

Il contrasto simultaneo

I colori si influenzano l’un l’altro. Lo stesso colore,posizionato su sfondi diversi, sembra molto diversoquanto a tinta e brillantezza.

Interaction of ColorJosef Albers


Per usare il colore occorre imparare a vedere:

• Il colore inganna continuamente

• La realtà di un colore è la sua manifestazione, che non si può definire tramite strumenti ‘normativi’

• Se cambia ciò che lo circonda, cambia anche il colore

• La visione si realizza cogliendo un segnale rispetto allo sfondo


Attenzione all’uso di colori saturi agli estremi dello spettro (complementari),

soprattutto nel caso di testo su sfondo

Difficoltà di messa a fuoco, effetto flickering, fatica

a a a

Testo blu su fondo rosso

Nonostante il forte contrasto di colore, i due complementari hanno uguale luminosità. L’instabilità dei contorni rende la forma poco riconoscibile.

Testo rosso su fondo blu

Nonostante il forte contrasto di colore, i due complementari hanno uguale luminosità. L’instabilità dei contorni rende la forma poco riconoscibile.

Il contrasto nero-bianco è ottimo per la percezione della forma dato che è il massimo contrasto chiaro-scuro possibile.

La percezione del colore

Per una agevole messa a fuoco, oltre a differenza di colore è necessaria anche una differenza di luminosità

Testo blu

Aspetti cognitivi

Quanti colori usare?

Usare pochi colori contemporaneamente (5 +/- 2)

Esempi

Troppi colori

EsempiMolto meglio!

Associazione

• Mettere ordine, orientare: color coding• La segnaletica

• In metropolitana– Linea rossa– Linea verde– Linea gialla

• Negli ipertesti• Nei libri a stampa

• N.B: associare i colori ai vari significati in modo consistente!

Associazione

• Differenziare Mettere in relazione

• Differenti nel senso di complementari• Es. la linea di brochure IBM

• Non nel senso di contraddittori

Focus

Usare differenze di colore per attirare l’attenzione

Aspetti culturali

Colori caldi e freddi

COLORI CALDI

azione,urgenza richiesta di risposta, vicinanza

COLORI FREDDI

lontananza,tranquillità,informazioni di stato

Codici familiari: esempio

ROSSO stop, pericolo, caldo, fuocoGIALLO attenzione, rallentamentoVERDE avanti, ok, sicurezza,

vegetazioneGRIGIO, BIANCO neutralità

Identità

• Rosso? • Ferrari• Coca-Cola• Marlboro

Identità

• Le marche utilizzano i colori per creare identità

• I colori significano• Rosso = sangue, pericolo, aggressività• Giallo = sole nascente innovazione, fatto

di cronaca irrisolto• Blu = tradizione, affidabilità, solidità• Verde = riposo, relax, natura• …

Colore + brand

• Orange, compagnia telefonica UK• Blu, compagnia telefonica IT

• Utilizzare il colore anche nel brand

STOP

EXIT

PERICOLO !

AVANTI

Ma le associazioni possono cambiare nelle diverse

culture!

http://www.poynterextra.org/cp/index.html

il sistema additivo - rgb colori primari somma di radiazioni luminose: si miscelano frequenze...

Documents