Web Design significa conoscere i fondamenti della grafica professionale.

Certo conoscere i programmi di grafica è importante ma conoscere le basi dell'uso del colore lo è ancora di più.

Ecco Una mini-guida Gratis di Robin Good sull'uso dei colori per il web design

Uno dei compiti più difficile per i coloro che comunicano anche per mezzo delle le immagini, è la scelta di una combinazione di colori armoniosa.
Noi tutti pensavamo di avere un'innata capacità di selezionare i colori in modo appropriato, ma ci siamo tristemente resi conto quanto sia incredibilmente difficile creare una buona combinazione di colori senza avere una preparazione ed un background accademico da designer.

Per consolarci dobbiamo dire che una perfetta combinazione di colori è il risultato di una perfetta equazione matematica. Si tratta di precise ed esatte differenze nei toni leggeri, nei colori, e nella saturazione a creare combinazioni armoniose, proprio come quelle dei più grandi artisti.

Applicando questa conoscenza per sviluppare uno strumento di visualizzazione ed apprendimento interattivo, potrai iniziare ad identificare una perfetta combinazione di colori all'istante.

Per fortuna qualcuno ha già fatto questo lavoro per te ed ora puoi sentire l'ebbrezza di una combinazione di colori interattiva attraverso l'uso di alcuni strumenti originali basati sulla tecnologia Flash.

Ecco alcune gemme per facilitare la selezione di una perfetta combinazione di colori:

a) Andrew Mundi - Web Color Theory
b) Sessions.edu - Color Calculator
c) Color-Wheel-Pro
d) Colorimpact

a) Andrew Mundi - Web Color Theory
http://www.mundidesign.com/
Gratis

Web Color Theory di Andrew Mundi è un tool efficace di selezione e combinazione di colori che ha come target principale i Webmaster e non i Designer che lavorano con i colori. Ha tre differenti modalità operative.

La prima modalità ti permette di prendere e selezionare i colori direttamente da una paletta Web-safe. Per ciascuna sono forniti sia i codici esadecimali che RGB.

La seconda modalità ti fornisce tre box di combinazione colore che ti permettono di sperimentare combinazioni di due e tre colori.

La terza modalità fornisce un campione di pagina web sul quale puoi trascinare colori individuali su ciascuno di questi componenti di contenuto ( titolo, background, navigazione, testo, etc.).

Raccomandato.

b) Sessions.edu - Color Calculator
http://www.sessions.edu/ilu/
Gratis

Non così semplice ma di incredibile valore e molto ben disegnato, questo calcolatore interattivo di colori ti permette di scovare la perfetta combinazione di colori in un attimo. Una efficace ruota di colori ti permette l'accesso all'intero spettro di colori e ti fornisce una serie di modelli matematici per trovare il perfetto colore complementare. I campioni sono visualizzati interattivamente e sono disponibili per ciascun colore i codici Esadecimali, RGB e CMYK per esportarli in altri strumenti.

Uno strumento semplice e molto funzionale per trovare la perfetta combinazione di colori il più facilmente possibile. Potrebbe essere difficile per te quale tra le infinite combinazioni di colori scegliere.

L'unico punto debole di questo strumento è la sua incapacità di inserire direttamente un colore preselezionato da codici specifici RGB/CMYK/Hex. Se hai già un preciso colore da cui iniziare, ti sarà difficile lavorare con questo tool.

Per accedere al calcolatore di colori vai a:
http://www.sessions.edu/ilu/
e clicca sull'elefante in altro a sinistra della pagina.

Altamente Raccomandato

c) Color-Wheel-Pro
http://www.color-wheel-pro.com/
Gratis da provare

Progettato da Nicole Ross per puri scopi personali, Color Wheel Pro è un'applicazione che ti permette di creare interattivamente vari tipi di schemi di colore e di avere un'anteprima su di esempi reali come siti o loghi.

L'anteprima fornita è in tempo reale: nel momento in cui correggi lo schema di colore puoi verficare i tuoi cambiamenti su campioni disponibili immediatamente.

L'approccio utilizzato è lo stesso di Sessions.edu Color Calculator. Una ruota interattiva di colori fornisce l'accesso ad una perfetta combinazione matematica di colori. In seguito puoi selezionare di salvare e fare l'anteprima di set preselezionati di differenti colori applicati ai molti design campione offerti.

Color Wheel Pro include tutti gli schemi di colore classici:
Monocromatico, analogo, complementare, complementare split, triadico e tetraedico. E' inoltre possibile creare degli schemi di colore personalizzati, definiti "freeform".

No, non è possibile caricare i tuoi design e vedere le combinazioni di colori applicati ad essi. Anche se sarebbe una cosa fantastica da fare, gli elementi tecnici in gioco la rendono una cosa improponibile.

Un elemento estremamente utile per questo tool è un file di guida estremamente ben scritto che contiene un sacco di informazioni utili sul colore e le sue caratteristiche. Da solo vale il prezzo di vendita di Color Wheel Pro.

Un'area in cui Color Wheel Pro necessita di seri miglioramenti riguarda la funzione che permette all'utente di vedere facilmente ed esportare i codici di colore e di inserirli con l'ausilio dei codici numerici di cui ha bisogno.

Questo è uno strumento molto utile e semplice da usare. E' disponibile un trial di 30 giorni a:
http://www.color-wheel-pro.com/ downloads/color-wheel-pro.exe

Color Wheel Pro costa USD $ 39.95

Raccomandato.

d) ColorImpact
http://www.tigercolor.com/
Free to try

E' la Rolls-Royce degli strumenti di combinazione colore.

ColorImpact è il miglior tool disponibile al giorno d'oggi per creare schemi di colore armoniosi.

ColorImpacts offre in un unico tool tutte le migliori caratteristiche che puoi ottenere dagli altri tool disponibili attualmente. E' uno strumento pieno di caratteristiche, intuitivo, affidabile e performante.

Con un'interfaccia utente altamente visuale, ColorImpact trasforma la pura teoria dei colori in azione con un semplice click.

ColorImpact è costruito per i professionisti del multimediale e per i Web Designer, ma può essere facilmente utilizzato anche dagli utenti alle prime armi.

Molte combinazioni di colore sono già di base ed includono triadi di colore, colori complementari e colori analoghi. Puoi perfino progettare la tua propria combinazione di colore personalizzata per esplorare combinazioni personalizzate ed interarattive.

Gli schemi di colore possono essere esportate come palette di Photoshop , stili CSS o semplicemte copiate su di una lavagna ed incollate all'interno della tua applicazione di design preferita.

ColorImpact offre molte caratteristiche avanzate che faranno la gioia di ogni designer. Esse includono:

a) La qualità e la varietà dei modelli di test interattivo resi disponibili.

b) La palette "variation" che ti permette di esplorare le variazioni della palette di colori che stai utilizzando in quel momento. Guarda come ti apparirebbe lo schema di colori se rendi i tuoi colori più leggeri, più luminosi, più scuri, più o meno saturi, più caldi o più freddi.

c) La caratteristica "cancellare" che va indietro di ben 100 azioni.

d) L'opzione "progettazione di una formula di colori" che ti permette di creare una combinazione di colori personalizzata.

e) Un raccoglitore integrato di colori che ti permette un campionamento preciso dei riferimenti di colore direttamente da immagini, pagine web ed altri documenti.

Il programma include molte caratteristiche di accesso veloce da Photoshop, Dreamveaver, Fireworks, Frontpage ed altre applicazioni.

ColorImpact costa $ 44.95.

Un tour per verificare le caratteristiche è accessibile a:
http://www.tigercolor.com/Features1.htm

Puoi scaricare un trial gratuito di 14 giorni presso:
http://www.tigercolor.com/Download.htm

Da provare assolutamente.

Commento dell'Editore:

Quello che gli sviluppatori di Color-Wheel-Pro come Nicole Ross possono fare, è progettare un tool che permette agli utenti di progettare un semplice layout con componenti modificabili preimpostati e poi provare delle combinazioni di colore su di essi.

Il livello successivo per uno strumento di supporto per il design potrebbe essere la scannerizzazione del tuo prototipo e la creazione di un layout che riflette i generici componenti che hai utilizzato e le loro grandezze e posizioni. Un titolone in alto centrato, due barre di colori in fondo, 3 colonne di testo ed una figura nel mezzo, etc. Una volta che questo layout fosse preparato, testare e provare una nuova combinazione di colori diverrebbe un compito affascinante.

Letture raccomandate: