Web Magazine. Blog sul mondo del web design.

metodo gif - creare una palette partendo da una fotografia

Oggi sveliamo qualche trucchetto, forse un po’ datato ma sempre utile, per superare uno dei primi ostacoli a cui andiamo incontro nel momento in cui iniziamo un nuovo progetto: la scelta dei colori.
I colori sono fondamentali per dare una forte impronta al sito, per rispettare le regole di comunicazione di un determinato marchio, per comunicare uno stato d’animo, per esprimere eleganza oppure modernità.. per cui effettuare una scelta ragionata prima di iniziare a disegnare il sito è di sicuro un passo fondamentale!

Questa scelta è dettata da alcuni elementi preesistenti o meno, vediamoli nel dettaglio.

Logo – manuale di identità

Se il nostro cliente già dispone di un logo, di colori societari o magari di un manuale di identità, la nostra fantasia potrà anche andare a riposare per un po’. Con questo non voglio però dare suggerimenti errati, se il logo in questione è rosso, non significa che dovremmo disegnare un sito completamente rosso, qualche dettaglio di questo colore però potrà di sicuro rafforzare l’identità del marchio! Ovviamente abbinare un secondo colore non potrà che migliorare l’aspetto generale del sito, in questo caso, se la nostra creatività continua a dormire, possiamo aiutarci con uno strumento online come Colorschemer che partendo da un colore indicato da noi, fornirà una serie di proposte di colori “associabili”, il mio consiglio in questo caso è di non abusare di questi strumenti ma di limitarsi ad usare il buon senso!

Fotografie

Può succedere che il cliente ci fornisca una fotografia da utilizzare, per esempio nell’header del sito, assieme al logo e ai consueti contenuti testuali. A questo punto per trovare una palette di colori per sviluppare il sito possiamo usare la fotografia in questione e estrapolarne i colori principali usando il metodo della gif.

pannello ottimizza di fireworks

Per gli utenti di fireworks il metodo è questo: esportiamo un’anteprima dell’immagine in formato gif usando solo il pannello “ottimizza“.
Questo perchè non ci interessa ottenere un’immagine ma semplicemente ricavare una palette di colori che al 100% sarà adattabile al nostro sito.

L’ottimizzazione di default ci mostrerà una gif con 128 colori, troppi per il nostro scopo.

Da menu a tendina “colori” selezioniamo il numero “8″ che rappresenta un buon compromesso per ottenere i colori principali dell’immagine. A questo punto possiamo, se necessario, eliminare qualche colore superfluo, ma in linea di massima abbiamo già una buona selezione di colori da utilizzare, con parsimonia, nel nostro sito.

Dalla palette ottenuta possiamo, per esempio, utilizzare il colore più scuro per i testi e quello più chiaro, in alcuni casi, può essere utilizzato per lo sfondo, ma non esistono regole. Quindi meglio affidarsi alla creatività , al gusto e al tipo di comunicazione che vogliamo ottenere!

Puoi trovare interessante anche:

Esprimi un giudizio sul post!

(Nessun voto per ora)

Loading ...

torna su

12 commenti

aledesign.it scrive:

19 aprile 2009 alle 22:51

La cosa che più mi fa arrabbiare è che molto spesso davanti a queste IMPORTANTI E BASILARI REGOLE DEL BUON LAVORO, e della nostra professionalità il tutto venga messo in secondo piano dal vil denaro..si vuol far costar una cosa poco e poi?? Il prezzo lo definiamo mica per caso, ma in base alle conoscenze e a ciò che tu e tanti altri han scritto in merito. Purtroppo poi mi sento dire: ” si ma per 200 euro che cosa mi fai?”…lascio a voi la risposta…In ogni caso ottimo articolo! Bello il link COLORSCHEMER

Massimo Prete scrive:

20 aprile 2009 alle 13:28

Io sono abbastanza scarso sopratutto nell’abbinamento dei colori, quindi ti ringrazio per i tuoi ottimi consigli.

Posso chiederti di dare un giudizio sincero, non al Blog in firma (devo ancora creare un logo e lavorare sul header, lo so…), ma al mio Sito sul Fitnessmax.it?

Grazie comunque!
Ciao
Massimo

piervix scrive:

20 aprile 2009 alle 16:31

@aledesign.it: cosa gli rispondiamo? “Trovati qualcuno che te lo faccia” vedrai che se ne ha veramente bisogno dopo un po’ di tempo ritorna. Al massimo si affida a qualche presunto web designer che gli impaginerà qualche schifezza a 2 soldi… in ogni caso la tua professionalità ha vinto….almeno credo….

antonio scrive:

20 aprile 2009 alle 16:47

Complimenti ottimo articolo!

Laura De Masi scrive:

20 aprile 2009 alle 17:13

@ale e piervix: avete sollevato un argomento abbastanza spinoso. Beh diciamo che bisogna distinguere chi fa questo lavoro in maniera professionale da chi si improvvisa. Ma restando in tema credo che il buon gusto bisognerebbe applicarlo anche ad un sito di 200€, se questo tipo di lavoro rientra nelle vostre commissioni. Sono i dettagli che fanno aumentare i costi, anche a me capita di accettare dei lavori sui 500€ (entrate veloci e sicure!), ma di sicuro non mi metto a disegnare icone e a fare ritocchi sulle immagini, ciononostante non mi sognerei mai di fare un sito con fondo rosso e scritte verdi!!

Giacomo scrive:

20 aprile 2009 alle 21:50

In genere parto dal logo… non uso mai più di 3 o 4 colori e se ci sono già nel logo uso quelli, altrimenti faccio qualche prova con colorschemer o kuler per i vari accostamenti, con un occhio di riguardo per il contrasto testo/sfondo.

@aledesign.it
per 200 euro gli indico dov’è la porta

aledesign.it scrive:

21 aprile 2009 alle 9:36

@ piervix e giacomo: eh beh..a volte mi trattengo dal ridergli in faccia. Proprio in questi giorni ho avuto l’ennesima prova…e un bel ritorno chi l’ha dura la vince ragazzi! Tireremo la cinghia x un pò però poi quando si lavora si lavora come è giusto e poi sarann tutti contenti…bisognerebbe trovare i bimbi che fan i lavori a 150/200 euri!!! e insegnarli la giusta via..poi per non parlare di chi non lo fa di mestiere e usa frontpage…