Come scegliere lo schema colori di un sito web?

Uno degli aspetti più impegnativi della progettazione di un sito web è la selezione dei colori. La combinazione di colori di un sito può avere un impatto enorme sull’aspetto generale del sito, ed avrà soprattutto un impatto sulla percezione del sito stesso da parte dei visitatori.
Esistono molti metodi differenti da poter utilizzare per trovare il giusto schema di colore per un determinato progetto. In questo articolo ve ne segnalerò alcuni che ho utilizzato in prima persona

Scegliere i colori del sito web partendo da materiale pubblicitario già esistente

Molto spesso nella progettazione e nella scelta dei colori di un sito web abbiamo un vincolo /opportunità: spesso, infatti, il cliente dispone giù di materiale pubblicitario (primo fra tutti il logo aziendale).
A volte, d’accordo con il cliente, si renderà necessario un restyling – in questo caso avremo maggiore libertà di movimento nella scelta dei nuovi colori e nella progettazione del layout e della comunicazione del sito web in senso lato.
Altre volte dovremo invece attenerci al materiale esistente: in questo caso anche lievi modifiche alle tonalità esistenti, combinate con un design fresco, possono comunque contribuire a migliorare l’immagine e l’identità aziendale, senza stravolgerne le origini.
Se invece – ma questa è solo la migliore delle ipotesi – il cliente non ha ancora nessun materiale esistente (magari ci chiede anche la progettazione del logo), beh, allora libertà 100%: in questo caso alcune risorse online potranno esserci davvero utili. Ne ho selezionate alcune, ma se avete altri suggerimenti, vi invito a dare il vostro contributo.

Tools online per la creazione di tavolozze colori (Color Palette)

Esistono tantissimi tool online per la selezione e creazione di palette colori.
Alcuni di questi siti permettono agli utenti di salvare le palette create e di metterle a disposizione degli altri utenti.
Altri permettono di uploadare una immagine e di estrarre dai colori predominanti dell’immagine la palette colori (questo è molto utile ).
Di seguito trovate un elenco dei migliori siti per la creazione delle palette colori.

Adobe Kuler

COLOURlovers

ColorSchemer

ColoRotate

Altri:
• ColorCombos.com
• Colr.org

Crea e tieni organizzate le tue palette personali

Altri tool online ti aiutano invece a mettere insieme una tua palette personale: ad esempio alcuni dei siti che seguono ti permettono di creare e scaricare un file .aco, cioè uno swatch per Photoshop

Copaso

Color Scheme Designer

Toucan

ColorMunki

Color Explorer

Catturare i colori partendo da una fotografia

Le fotografie, e più in generale le immagini, possono essere una fonte di ispirazione per la scelta dei colori. Se ad esempio abbiamo un’immagine che vorremmo integrare nella progettazione grafica di un sito web, gli strumenti on-line che permettono di estrarre da un’immagine la palette colori ci torneranno molto utili. Questi tool, infatti, ci restituiranno l’esadecimale dei colori predominanti, facilitando così il nostro successivo lavoro di sviluppo del CSS.

Di seguito troverete una selezione dei migliori tool online di questo tipo.

ColorSuckr

Pictaculous

What’s Its Color?

Altri tool:

• Generatore palette colori da jrm.cc
• Generatore palette colori da Big Huge Labs
• Generatore palette colori da DeGraeve

Scegliere i colori del sito web partendo da riviste e da altro materiale cartaceo

Ogni webdesigner sa che per trarre ispirazione non deve necessariamente fare riferimento a risorse online. Quante volte vi sarà capitato di imbattervi in flyer, manifesti, brochure, libri con colori e grafica davvero accattivanti? Io personalmente ne ho una collezione a casa .
In questo caso possiamo o prendere semplicemente spunto dal materiale stampato, o “catturarlo” con uno scanner e tirare fuori i colori con il contagocce di Photoshop .

Trarre ispirazione dalle gallery che selezionano i migliori siti web

Uno dei modi migliori per trovare le migliori combinazioni di colori per il Web è sfogliare le gallery di webdesign.
Ovvio che ciò che funziona per un sito, può non funzionare per un altro, sia per via della psicologia dei colori, sia per il tipo di prodotti / servizi presentati, sia per il materiale da cui partiamo. Ma le gallery sono comunque un ottimo punto di partenza per sviluppare un progetto che poi si delinei in maniera personale ed unica.
Occhio però a non copiare: ogni sito per funzionare deve prima di tutto avere una propria identità ?.
Farvi un elenco delle webdesign gallery sarebbe dura, ne esistono moltissime, basta cercare si Google “web design gallery” e avrai da scegliere tra una cosa come 165.000 risultati…

Catturare i colori di un sito web? Facilissimo anche questo

I Like Your Colors

Questo tool online che ti permette di estrarre gli esadecimali di un qualsiasi sito, inserendo il suo URL. Cioè, se ti imbatti in un sito i cui colori ti piacciono, basta copiare l’url ed inserirlo ed il gioco è fatto!

E per finire, quale è il tuo approccio nella scelta dei colori di un sito web?

Se usi un metodo che non è compreso nella mia lista, perché non lo condividi?