Blog

30 gen 2009

Combinazioni di colori e palette per progetti grafici

Visite a questo articolo: Visite: 2.330 | Stampa Stampa

Combinazioni e palette per progetti grafici
Il colore è molto importante nella comunicazione, sia multimediale che tradizionale.

Durante la fase di progettazione e sviluppo occorre fare molta attenzione agli accostamenti tra i colori, combinandoli in modo vincente per attirare l'utente.

Sono da evitare l'utilizzo di molto colori (e di molti caratteri) all'interno dello stesso layout, per non dare l'impressione di disordine, mentre giocare con colori omogenei renderà il progetto molto più gradevole visivamente.

Per fortuna sul web sono presenti molti strumenti che permettono di selezionare la migliore palette di colori per un determinato progetto. Alcuni programmi consentono di estrapolare una serie di colori a partire proprio da quella fotografia che il cliente ha vuole assolutamente inserire in ogni pagina.

Molti siti, inoltre, consentono di salvare le proprie combinazioni di colore, così da rendere ancora più agevole lo sviluppo dei progetti.

Ecco una piccola carrellata sui servizi online per la creazione di palette di colori per il web e/o la grafica tradizionale:

ColorBe

colorbe
ColorBe permette di creare e trovare combinazioni di colore in maniera semplice ed intuitiva.
Una volta creata la nostra palette di colori, sarà possibile salvarla e condividerla con gli altri utenti.
Sul sito sarà possibile visualizzare le migliori combinazioni di colore, quelle più votate e le più viste.

ColorCombos

Color Combos
Questo sito è stato realizzato per aiutare la creazione di idonee combinazioni di colore.
Il fulcro del sito è Combo Tester, che permette di verificare come vengono visualizzati sullo schermo i colori selezionati.
Nella Combo Library ci sono centinaia di palette di colori, mentre è possibile inserire un indirizzo web per estrarre i colori dalle pagine di un sito, oppure cercare il nome di un colore per vedere le combinazioni basate su di esso.

ColorDb

ColorDb
Un sito con un'applicazione molto potente. Basta scegliere il colore principale nella ruota dei colori e poi pensa a tutto lui. Seleziona i colori che meglio si abbinano a quello prescelto, le variazioni di colore e molo altro.

Color Schemer

color schemer online
Color Schemer permette di inserire il codice esadecimale o Rgb di un determinato colore, per fornire i colori che meglio si abbinano a quello prescelto. C'è la possibilità di schiarire o scurire lo schema di colori, agendo su due pulsanti.
Sono disponibili per il download le applicazioni ColorSchemer Studio, nelle versioni Pc e Mac.

ColorSpire

Color Spire
Permette di creare una semplice combinazione di colori per il web, con la visualizzazione di un layout generato con i colori prescelti.

ColorToy

Color Toy 2.0
ColorToy 2.0 è un generatore di combinazioni di colore basato sulla tecnologia Flash. Genera schemi di colore complementari a seconda del primo colore inserito, creato tramite colore Rgb o esadecimale. E' possibile anche gerare un colore casuale (Random).

Color Wizard

Color Wizard
Un'altra applicazione Flash che genera una combinazione di colori in base a quello principale, da inserire manualmente. A fianco alla finestra con gli schemi suggeriti, è possibile scegliere molte combinazioni generate dal programma (colori analoghi, complementari, monocromatici ecc).

ColourLovers

Colour Lovers
ColourLovers permette a chiunque lavori con i colori, di creare e comparare le palette, di leggere articoli riguardanti i colori e interviste.

Colour Scheme Chooser

Colour Schemer Chooser
Generatore di combinazioni di colori semplice da utilizzare, in grado di scegliere differenti palette di colori. Vengono forniti i codici esadecimali dei colori per l'utilizzo in applicazioni web.

Colr.org

colr.org
Online dal 2005, Colr permette di estrarre una combinazione di colori da una fotografia oppure inserendo un indirizzo web.

DeGraeve

DeGraeve
Inserisci l'indirizzo di un'immagine presente su Internet ed otterrai una gamma di colori estratta dall'immagine stessa.

Kuler

kuler
Kuler è l'applicazione creata da Adobe per generare combinazioni di colore per ispirare qualsiasi progetto. Utilizzando il proprio Adobe ID sarà possibile comporre, condividere, commentare e ricevere feedback sulle proprie combinazioni di colore, permettendo la crescita della comunità.
Ottima l'integrazione con i prodotti Adobe Creative Suite 3, con la possibilità di importare, ad esempio, la propria palette creata con Kuler all'interno di Illustrator.
Utilizzando Adobe AIR sarà possibile scaricare il programmino per utilizzare Kuler sul proprio computer.

O'Reilly Web Palette

O'Reilly Palette
Vengono mostrati i 216 colori della palette Web, ognuno con l'indicazione del rispettivo valore Rgb (in decimale ed esadecimale).

Well Styled

wellstyled
Questa applicazione genera schemi di colori di differenti tipi. Ogni combinazione è basata su un colore principale, con l'aggiunta di altri colori per rendere la migliore impressione ottica, utilizzando un apposito algoritmo.
E' possibile scaricare l'applicazione per l'utilizzo offline.

Articoli Correlati

Web design: inserire immagini segnaposto nei layout di siti Internet

Quando si deve effettuare la presentazione del layout di un sito Internet, solitamente si creano una o più immagini segnaposto (o placeholder in inglese) da utilizzare all'interno del codice. In fase di realizzazione, poi, si andrà a sostituire l'immagine segnaposto con quella definitiva. Ma per non utilizzare una semplice immagine gif della dimensione di 1x1 pixel [...]
, , , , , , ,

Ispirazione per marchi e logotipi di qualità professionale

Il marchio o logotipo è il primo elemento, il basamento da cui si parte per costruire una marca. Fa parte di quel gruppo di segni, insieme al nome, al carattere tipografico e al colore, che danno la riconoscibilità visiva alla marca contribuendo a costruire la cosiddetta "brand identity" (identità di marca). Quando si comincia un lavoro di [...]
, , , , , , , , , ,

Trasformare un fotografia in un dipinto ad olio

Ecco un breve tutorial per trasformare qualsiasi immagine in un dipinto ad olio. Ci sono molti tutorial in giro per la rete che permettono di ottenere questo effetto. Ho scelto di utilizzare questo tutorial perché le operazioni sono molto semplici ed i risultati sono buoni con qualsiasi genere di fotografie. Partiamo da un paesaggio con un [...]
, , , , , , ,

Trasforma una immagine in una clipart

In cinque semplici mosse trasformeremo una fotografia in una clipart. Cosa serve? Ovviamente Adobe Photoshop. E poi una fotografia da poter trasformare. Ad esempio, per realizzare questa clipart ho utilizzato una delle mie fotografie presenti su Flickr. Allora cominciamo ad elaborare l'immagine. 1) Apri l'immagine. Mi raccomando, se desideri modificare una foto trovata su Internet, assicurati che la [...]
, , , ,

L’Italia lascia il segno

Così recita il pay-off del nuovo marchio. Il nuovo logo nazionale è molto semplice, una 'i' ed una 't' stilizzate ed brand di promozione coordinata del turismo del Sistema Italia. "Certamente un simbolo non basta, anche nel mondo dell'immagine. Ma il logo farà parte della nostra politica e della nostra strategia, sarà utile per potenziare la [...]
, , , ,

Altri articoli...

Google Font Directory rende il web più bello

Google ha annunciato sul proprio blog la creazione di due nuovi servizi che permetteranno ai web designer di inserire all'interno delle proprie pagine alcuni font di alta qualità: Google Font Directory Google Font API Esistevano già servizi simili sul web, ad esempio Typekit, ma Google ha il vantaggio di fornire i font gratuitamente, permettendone l'inclusione nelle pagine tramite [...]
, , , , , , , , ,

Convertire documenti online

Non vi è mai capitato di avere un file da aprire e di non possedere quel determinato programma, ma solo uno simile? Avete ricevuto qualche volta un video in un formato incompatibile con il vostro software? Da oggi non ci sono (quasi) più problemi... basta utilizzare uno dei tanti convertitori di file presenti su Internet ed affidare [...]
, , , , , , , , , ,

Adobe Flash Player 10

Nuove funzionalità per Adobe Flash Player, giunto alla versione 10. Effetti 3D, accelerazione hardware e filtri personalizzati sono a disposizione dello sviluppatore. La lista delle funzionalità è lunga e può essere visionata sul sito Adobe, dove si trova anche una dimostrazione interattiva. Grazie al Player sarà possibile visualizzare i contenuti multimediali presenti nei siti Web, come interfacce [...]
, , , ,


Cosa ne pensi? Dì la tua




XHTML: Puoi utilizzare le seguenti etichette: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>