Comunicazione visiva le proprietà del colore: tinta, saturazione e brillanza

E’ abbastanza istintivo scomporre la percezione di colore in tre attributi che riguardano la nostra esperienza quotidiana; si tratta delle  coordinate intuitive del colore:

scala

  • Hue (tinta o colore) è l’attributo forse più semplice da comprendere.

Esso è, la qualità percettiva che ci fa attribuire un nome piuttosto che il colore che stiamo vedendo.

Una tinta non è un colore, ma una  famiglia di colori.

Quando si cita una tinta, per esempio “rosso”, non si intende parlare di un colore rosso particolare, ma dell’intera famiglia di tutti i rossi, dai  più saturi ai meno saturi e dai  più luminosi ai meno luminosi.

Da un punto di vista fisico il corrispettivo della tonalità è la lunghezza d’onda della radiazione luminosa: quanto più la luce incidente su un certo punto della retina è riducibile ad una banda ristretta di lunghezze d’onda tanto più netta e precisa sarà per l’osservatore la possibilità di attribuire un nome al colore percepito.

hue

Tinte dei colori

  • Saturation (saturazione)

Nell’osservare un colore cromatico si percepisce una componente di tinta e una componente acromatica (cioè di bianco nel caso di luce o di grigio nel caso di oggetti). La quantità di parte cromatica rispetto a quella acromatica viene detta genericamente saturazione.

Ma in realtà sono necessari tre termini diversi: pienezzacroma saturazione per descrivere in maniera completa questo concetto.
La saturazione descrive quella che nel linguaggio comune si chiama ricchezza del colore: un colore molto saturo si dice “vivo”, “pieno”, “carico”, mentre uno poco saturo è un colore “pallido”, “pastello”.

Saturazione

Saturazione del blu

  • Brightness (brillanza)  è l’ingrediente che specifica la quantità di bianco o di nero presente nel colore percepito.

La determinazione della quantità di bianco o di nero in una macchia di colore è possibile sia fuori contesto che in modo contestuale. Il tipo di valutazione che consente di determinare in modo accurato il livello di grigio (cioè la distanza dai due estremi bianco e nero) in un colore è quello contestuale.

Possiamo, dunque, chiamare brillanza o intensità (brightness, in inglese) la quantità totale di luce percepita, emessa da una sorgente o riflessa da una superficie.

La valutazione di tale quantità è un giudizio non contestuale, ma dipendente dal solo effetto percettivo suscitato dalla luce incidente sulla retina. Definiamo, invece, luminosità (lightness o value, in inglese) la quantità di luce proveniente da un oggetto, a paragone della quantità di luce proveniente da una superficie bianca sottoposta alla medesima illuminazione.

Se ci si limitasse ai grigi, la scala così sviluppata è detta appunto  scala di grigi.


Variazione di colore

Esempi di applicazione

La hue può essere utilizzata come strumento compositivo, per suggerire aree interessanti o bottoni attivi.

applicazione-Hue

hue-videogioco

La saturazione può essere utilizzata come strumento compositivo, per suggerire aree interessanti, bottoni attivi o, al contrario, aree in secondo piano.

levis

Con questa lezione si chiude il capitolo sul colore e le sue proprietà, in più termina la prima parte del corso riguardante il Basic Design. Da settimana prossima cominceremo con il Brand Design riguardande la creazione di loghi e design delle icone.

Fonti:

Altri articoli correlati:

Alberto TrussardiFondatore del progetto webfandom, è un Web Designer freelance di Bergamo che collabora in tutta Italia con diverse aziende nel campo dello sviluppo web e marketing online. Ama l’arte e la poesia, due ottime compagne che lo aiutano a trovare ispirazione per i lavori che svolge.
Ti è piaciuto l'articolo? Puoi seguire tutti gli aggiornamenti del blog iscrivendoti gratuitamente ai Feed Rss!
  • Feed
  • Cosa sono
  • Reader
Se vuoi puoi condividerlo su:
Puoi trovare articoli simili in: Comunicazione Visiva

10 COMMENTI

  • Ivan 3 dicembre 2009

    Non vedo l’ora di vedere come ci stupirai con il brand design.

  • Roberta 3 dicembre 2009

    Ottimo articolo Albe ;)

  • Luciano 3 dicembre 2009

    Alberto complimenti per il blog e per i tuoi articoli, scrive bene e chiaro. Grazie per i tuoi spunti sempre freschi ciao buana serata.

  • Body_Slam 3 dicembre 2009

    Attendiamo la seconda parte !!!

  • Roberto Turati 3 dicembre 2009

    Albe non riusciresti a fare un pdf unico con tutte le lezioni? Così per l’esame abbiamo un materiale di ripasso!

  • Federico 3 dicembre 2009

    Albe rulez! ;) Ottimo articolo come sempre.

  • Alberto 3 dicembre 2009

    Roby farò un post riassuntivo con tutte le zioni fatte fino ad ora. Poi quando finisce il corso faccio un piccolo eBook con altre parti in più, per dare ai lettori uno strumento completo.

  • Roberto 4 dicembre 2009

    molto interessanti queste lezioni :)

  • Silvia 8 dicembre 2009

    Ciao Alberto! Volevo farti i complimenti per il materiale che stai pubblicando, davvero notevole.
    Mi terrò aggiornata sulle tue creazioni :)

LASCIA UN COMMENTO

LASCIA UN COMMENTO pesonalizza il tuo avatar registrandoti su gravatar.com

Il progetto WebFandom

WebFandom Logo

Internet e' la prima rete dati pubblica e capillarmente diffusa presso famiglie e imprese, percio' e' un canale di distribuzione virtuale in grado di raggiungere clienti di qualunque dimensione.

WebFandom si occupa di una realizzazione e distribuzione di informazioni, prodotti e servizi sulla rete per imprese di medie e grandi dimensioni, progettando siti internet e sistemi informativi aziendali a forte impatto visivo. Organizziamo campagne pubblicitarie sia online che offline, per promuovere persone, prodotti e aziende.

Se sei interessato potresti consultare i nostri servizi o profili. Se invece pensi che siamo in grado di darti una mano, puoi guardare il nostro portfolio per farti un'idea di cosa sappiamo fare.

Elementi di comunicazione visiva

WebFandom - eBook gratuito

Il primo eBook gratuito italiano sulla comunicazione visiva, un manuale teorico di progettazione grafica che si divide in: Basic e Brand Design. Lo scopo e' quello di fornire un metodo per lo sviluppo di un marchio aziendale.

Seguici su facebook!

Aderiamo ai seguenti Network:

WebFandom - Bergamonews

BergamoNews e' tra i piu' visitati quotidiani online di Bergamo e Provincia, informazioni libere e gratuite da tutta la citta', isole, provincia e Italia. Webfandom aderisce al loro network di blog.

WebFandom - Young Digital

Young Digital Lab e' il network dei migliori giovani professionisti italiani nel campo dei social media. Una societa' di formazione e consulenza sulla comunicazione ai tempi del Social Web.

SideBlog: Notizie Flash dalla rete

Archivio sideblog

Ultimi Preferiti Più letti