Il sistema additivo - RGB Colori primari Somma di radiazioni luminose: si miscelano frequenze...
-
Upload
silvano-distefano -
Category
Documents
-
view
217 -
download
3
Transcript of 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
Il sistema additivo - RGB
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
Il sistema additivo - RGB
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
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 sistema sottrattivo - CMY
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
Le proprietà del coloreBRIGHTNESS = misura della luce riflessa
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.
Le proprietà del coloreBRIGHTNESS = misura della luce riflessa
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
Il contrasto simultaneo
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
Il contrasto simultaneo
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