advertising banner

Categorie Blog:

  • Web Design

    Benvenuto/a nella sezione del Blog di New Web Lab dedicata al Web Design
  • SEO

    Benvenuto/a nella sezione del Blog di New Web Lab dedicata al SEO (Search Engine Optimization)
  • Computer Graphics

    Benvenuto/a nella sezione del Blog di New Web Lab dedicata alla Computer Graphics.
Ottieni il tuo sito

I colori nel Web

i colori nel web - photorack.net

In questo breve articolo voglio parlare dei colori, come vengono rappresentati e interpretati nel web e nei siti internet.

Come in ogni attività umana legata alle arti visive, così anche nel Web Design i colori rivestono una grande importanza.

Ciascun colore esprime determinate sensazioni, idee e concetti, anche se tutto ciò varia a seconda della cultura di appartenenza e del luogo geografico. 
 

Ad esempio nella nostra cultura al nero possono essere associati delle sensazioni e concetti negativi, mentre n molte altre culture quali quelle orientali, o nel mondo islamico ha un significato differente.


Computer Graphics

Rappresentazione dei colori 

Nel mondo dei software informatici sono due i maggiori sistemi di rappresentazione dei colori.

Il primo è il modello RGB, ovvero Red, Green, Blue (rosso, verde e blu) che non sono altro che i colori primari

Attraverso la miscela di questi colori primari si possono ottenere tutti gli altri... sono semplicemente i colori che non si possono generare da altri.
 

Il modello CMYK (Cyan, Magenta, Yellow, Black) è un sistema che tiene conto della capacità di un materiale o di una verniciatura di assorbire colore e di rifletterlo sotto certe lunghezze d'onda, da ciò si capisce che è il sistema legato alla stampa su carta e materiali fisici.


colori secondari invece sono quelli che si ottengono associando parti uguali di due primari, da questa suddivisione si ottengono le coppie complementari, ovvero quelle costituite da un primario e da un secondario ottenuto dalla mescolanza degli altri due: rosso e verde (verde: giallo e blu), giallo e viola(viola: blu e rosso), blu e arancio (arancio : giallo e rosso).


I colori complementari possono sforzare la vista e produrre il tipico effetto di "sfarfallio" se posti vicini tra loro, pensiamo a una scritta rossa su sfondo verde, o una blu su sfondo fucsia.
 

La leggibilità del testo è un fattore di primaria importanza nel Web per questo motivo queste nozioni sulla teoria dei colori, benchè basilari sono importanti affinchè l'esperienza di chi naviga sia piacevole e non fastidiosa. 

Perciò, al di la degli aspetti maggiormente creativi, delle tendenze e dei gusti individuali, ci sono dei fattori di usabilità di cui tenere conto, pena la cattiva fruibilità del sito. 

Spesso la grande scommessa per i designer del Web è quella di "giocare" fra le regole dell'usabilità, la semantica dei colori e un pizzico di creativa originalità
 

Combinazioni di colori

Una combinazione che crea un alto livello di visualizzazione del testo da parte degli utenti è costituita dall'utilizzo di un testo di colore bianco su sfondo nero

Ma l'utilizzo del colore nero come sfondo non sempre è la soluzione migliore, e qui entra in campo il concetto di significato e di percezione dei colori: nella nostra cultura al nero spesso sono associate anche sensazioni negative.

Perciò tramite l'utilizzo di sfondi neri e molto scuri si possono ottenere effetti molto accattivanti, ma attenzione al contesto in cui ci troviamo: un conto è un sito per una rock band, un altro conto è se abbiamo a che fare con un agenzia immobiliare o matrimoniale.

Naturalmente sul tema esistono differenti scuole di pensiero, ma sono pochi quelli che riescono a rompere le regole e gli standards in nome della creatività.
 

Un altro fattore di cui si è sempre tenuto conto è che i monitor visualizzano una gamma limitata di colori, e quando sono costretti a visualizzarne uno non direttamente disponibile allora accade che lo creano tramite una approssimazione dei colori disponibili.

Per questo motivo si parla di "colori Web", ovvero colori che sappiamo essere compatibili con la maggioranza dei monitor in circolazione. 

In realtà la costante diffusione di monitor di nuova generazione tende a far scomparire questo tipo di problema.
 

Torniamo ai colori: abbiamo detto che la loro interpretazione simbolica varia da paese a paese e da cultura a cultura.

Che fare quindi se occorre disegnare un sito a diffusione mondiale

Una tendenza all'utilizzo di sfondi bianchi potrebbe rilassare e rassicurare noi occidentali ma potrebbe altresì ottenere risultati non soddisfacenti in altre regioni del Pianeta...
 

Niente paura: basterà caricare un template grafico personalizzato su base geografica e il gioco è fatto.
Teniamo anche conto che ormai determinati stili, come ad esempio quello 'minimale', tipico ad esempio di Facebook o Google, rompono le barriere culturali e nazionali e diventano degli standards globali.
 

Ma continuiamo a parlare (sempre in generale) del significato che i colori assumono e alla loro simbologia nella nostra cultura.
 

Al rosso vengono spesso associati concetti come la passione, la forza, l'azione, ma anche  la violenza, il sangue e il pericolo. 

Il verde invece richiama la natura, la fertilità, il denaro, la tenacia e per contro anche invidia, immaturità...
 

Al giallo invece si associa l'oro, l'estate, il sole, l'ottimismo e altruismo e come concetti negativi: la malattia, l'immobilismo e vigliaccheria.

Il blu invece è il colore della calma, maturità, stabilità, armonia, fedeltà, cielo e mare, come aspetti negativi invece evoca eccessiva seriosità, conservatorismo e depressione.

Il bianco simboleggia invece la neve, la pace, la purezza, ma anche freddo, povertà...

Al grigio invece si associa la maturità, l'intelligenza e il sapere e per contro: la noia, depressione, vecchiaia.

Il nero infine evoca potenza, stile, ordine, rigore e formalità, ma anche morte, malvagità, ribellione, paura...
 

Chiudo segnalandovi alcuni utili risorse online capace di aiutarvi nella scelta dei colori per il layout del vostro sito Web:
http://www.colorcombos.com/
http://www.colorschemer.com/online.html
http://www.colr.org/
http://kuler.adobe.com
http://colorschemedesigner.com/




preventivo gratuito

Pin It