29

marzo

Il significato dei colori e quali scegliere per un sito web o una pubblicità

Pubblicato in Advertising

significato-colori
I colori influenzano inconsciamente molti aspetti della nostra vita, riuscendo a condizionare la nostra percezione di un immagine. Questo fenomeno conosciuto come psicologia dei colori descrive il significato psicologico oggettivo delle varie tonalità. Secondo le teorizzazioni, in genere le associazioni “colori – emozioni” sono piacevoli o spiacevoli, infatti il cervello umano percepisce ed elabora i colori in meno di un secondo, registrando una sensazione positiva o negativa che è in grado di condizionare il comportamento e le decisioni seguenti.
Per questo la scelta dei colori da utilizzare è un passo importantissimo e che va assolutamente sfruttato nel miglior modo possibile nella pubblicità e nella grafica, sia per quella cartacea che per i siti web.

Vediamo allora, in dettaglio, quali sono gli effetti trasmessi dai vari colori, per poter scegliere nel migliore dei modi i colori da utilizzare per i nostri progetti.

linea_divisoria

Rosso

Il rosso è il colore del fuoco e del sangue, è uno stimolante sia fisico che di emozioni e rappresenta la passione il desiderio e l’amore. Viene anche associato alla forza, alla potenza, all’energia, alla guerra, al coraggio o al pericolo.

Spesso usato anche per evocare erotismo (labbra e unghie rosse, luci rosse, ecc), si ritiene sia il primo colore percepito dai bambini data la sua elevata visibilità.

Viene usato su cartelli di segnaletica stradale che devono attrarre subito l’attenzione, tipo stop o segnali di pericolo.

Nei siti web il rosso viene usato molto per la sua capacità di evidenziare e portare l’attenzione su testi o immagini, stimola le persone a prendere decisioni rapide e precise, ed è perfetto per i pulsanti “call to action” o per un claim tipo “Ordina adesso”.
Gli scienziati hanno scoperto che, quando lo sfondo di una confezione è rossa, le persone sono più inclini a giudicare in modo positivo un prodotto se il messaggio pubblicitario punta su specifici dettagli.

linea_divisoria

arancione

L’arancione combina l’energia del rosso con la felicità del giallo e rappresenta entusiasmo, ottimismo, istintualità e creatività.

All’occhio umano l’arancio è un colore molto caldo, ma non è aggressivo come il rosso. E’ un colore allegro, antidepressivo, rinvigorente e rende l’ambiente felice e anti-autoritario.

Per il web è un colore che io adoro, ha un’alta visibilità e quindi viene usato per attirare l’attenzione e sottolineare gli elementi più importanti di un design. E’ molto apprezzato dai giovani e crea un contrasto efficace con nero o grigio scuro.

linea_divisoria

giallo

Il giallo è il colore che dona sensazioni di radiosità e calore, è associato alla gioia, alla vitalità, all’energia e all’allegria.

E’ un colore che cattura l’attenzione, ed è indicato in cromoterapia per le persone che sentono mancanza di coinvolgimento, hanno desiderio di controllo e profonda insicurezza.

Il giallo rappresenta l’onore e la lealtà è colore dell’illuminazione e della redenzione. Chi preferisce il giallo tende al cambiamento e alla ricerca del nuovo.

Va usato per evocare sentimenti piacevoli e allegri, viene percepito come colore infantile, quindi non è consigliabile utilizzarlo per prodotti pregiati o se bisogna suggerire stabilità e sicurezza.
Nel web è invece molto efficace per promuovere prodotti da bambini, o comunque situazioni allegre e spensierate. Anch’essi è ottimo per evidenziare gli elementi importanti di un design, ma in questo caso bisogna fare attenzione e utilizzarlo esclusivamente su colori molto scuri.

linea_divisoria

verde

Il verde è il colore della natura, dell’ispirazione e simboleggia la crescita, l’armonia, la freschezza e la fertilità.
Al verde corrispondono sensazioni di solidità stabilità, forza e costanza, inoltre aiuta ad ispirarsi e ad aprirsi ai sogni e desideri.
Spesso viene usato in associazione con il nero per rappresentare il mondo virtuale, oppure da solo per promuovere prodotti semplici e naturali.
Negli anni è stato utilizzato per simboleggiare speranza, ma anche uguaglianza e libertà.
E’ uno tra i colori più riposanti e gradevoli per il cervello umano e nella nostra cultura, in opposizione al rosso, denota un procedimento o una area sicura (come per i semafori).

linea_divisoria

blu
Blu è il colore del cielo e del mare. É spesso associato con profondità, freddezza e stabilità.
Simboleggia fiducia, saggezza, intelligenza, fedeltà e costanza.

Uno studio eseguito da ricercatori canadesi dell’University of British Columbia (Canada) e pubblicato su “Science” rileva che se le pareti dell’ufficio sono dipinte di blu si è più creativi e sono perfette per design creativi, pubblicitari ed inventori;

Spesso associato a tranquillità e relax, induce alla calma e nei siti web lo si può trovare molto spesso in siti dove è necessario ottenere la fiducia degli utenti, e metterli in una situazione di benessere e serenità.
Il blu può suggerire precisione quando si parla di prodotti high-tech.

Il blu scuro rappresenta profondità, spessore, esperienza e stabilità. E’ anche adatto ad insegnanti, venditori, agli artisti o a chi svolge un lavoro di gruppo.

linea_divisoria

viola

Il viola combina la stabilità del blu e l’energia del rosso, è il colore della metamorfosi, del mistero e della magia. Simboleggia potere, nobiltà, lussuria e ambizione. Conferisce devozione religiosa, ricchezza e stravaganza.
Il viola è associato con la saggezza, la dignità, la sobrietà, l’umiltà, ed è il preferito dei bambini, delle donne incinte e delle personalità immature.
Nei siti web è un ottima soluzione per design femminili, per promuovere prodotti per bambini o abbigliamento visto che negli ultimi anni è molto di moda
Colore molto mistico e spirituale, ma allo stesso tempo molto erotico, indica l’unione degli opposti e la suggestionabilità.

linea_divisoria

BIANCO

Il bianco contiene in se tutti gli altri colori, simboleggia quindi la totalità. É il colore adatto per un nuovo inizio, una soglia di passaggio verso qualcosa di nuovo.

É associato alla bontà, l’innocenza, la purezza e la verginità. Associato al nero simbolizza la dualità, i due opposti, il bene ed il male, mentre se associato al rosso simbolizza il diavolo, il purgatorio.

É considerato il colore della perfezione. Bianco significa sicurezza, purezza e pulizia. Si può usare il bianco per suggerire semplicità nei prodotti tecnologici. É un colore appropriato per organizzazioni di volontariato, infatti gli angeli sono di solito rappresentati con vesti bianche.
Il bianco è anche associato ad ospedali, dottori e sterilità, quindi si può usare anche per suggerire sicurezza e conoscenza.
Nei siti web negli ultimi anni il suo utilizzo è aumentato in modo esponenziale, sopratutto come sfondo per aumentare leggibilità, la pulizia e per dare risalto ai contenuti oppure al contrario su sfondo nero per risaltare contenuti e testo.

linea_divisoria

nero

Il nero è associato al potere, all’eleganza, alla formalità, alla morte, alla cattiveria ed al mistero.
É un colore misterioso, associato alla paura ed a ciò che non si conosce. Indica anche corruzione, dolore, tristezza e umiliazione.
Normalmente ha una connotazione negativa, ma denota forza ed autorità e se usato in modo giusto diventa un colore formale, elegante e prestigioso.

Il nero dà la sensazione di prospettiva e profondità, ecco perchè è il colore più utilizzato per siti di fotografi o artisti.
Inoltre nei siti web fà risaltare i colori e i particolari anche se diminuisce la leggibilità. Il nero contrasta bene con i colori brillanti.
In combinazione con colori caldi come rosso o arancio, il nero conferisce al design molta aggressività.

Iscriviti ai feed Rss

Ti è piaciuto questo articolo?

SI

Iscriviti ai Feed RSS, magari ti piaceranno anche i prossimi

NO

Iscriviti ai Feed RSS, prima o poi ne scriverò uno che ti piace

Scrivi per yesWEBcan

Diventa un autore

Vuoi dare risalto alla tua professionalità e farti conoscere sul web? Segnalami quali argomenti ti piacerebbe trattare e inizia a scrivere per yesWEBcan.

Salvatore Sodano

Autore: Salvatore Sodano

Salvatore inizia a svolgere l’attività di web designer nel 2001 alla quale poco dopo affianca quella di graphic designer. Negli ultimi anni la passione per Seo e web marketing prende il sopravvento e lo spinge a curare oltre all’estetica dei siti anche ottimizzazione, posizionamento per i motori di ricerca e usabilità. Contatta Salvatore

RSS Commenti

17 commenti

  1. Flavia scrive:

    Ottimo articolo! Lo retwitto con piacere :)

  2. Andrea Leti scrive:

    Mi piace come hai strutturato questo articolo!
    Mi permetto di segnalare anche un articolo che parla appunto di psicologia dei colori che ne contiene qualcun’altro in più:

    Rosa, Grigio e Marrone

    Spero sia gradita la cosa! Ecco il link:

    http://www.andrealeti.it/webdesign-psicologia-dei-colori/

    • yesWEBcan scrive:

      Ciao Andrea
      Nessun problema, anzi la cosa è graditissima.
      Ho aspettato per approvare il tuo commento solo perchè l’antivirus mi segnalava la presenza di malware quando cliccavo sul link.
      Ora sembra tutto risolto.
      Grazie

      Granzie anche a Flavia e Alessandro per i tweet e i complimenti :D

  3. aledesign.it scrive:

    Bellissimo articolo! Ottimo posto pure io su twitter! Nel mio sito parlo di un libro sulla teoria del colore. Ora in rete trovi tutto.

  4. Andrea Leti scrive:

    Maledetto Aruba..hai saputo del nuovo attacco ai blog wordpress sui server aruba?

    Per fortuna sto per migrare tutti i miei siti su bluehost.
    Devo trovare un minuto per organizzare tutto e partire con la migrazione

    Ora mi sto dedicando all trasformazione del mio blog, infatti è un pò che non pubblico proprio per questo motivo, poi passerò a vitabenessere.it e poi a tutti gl altri.

    • yesWEBcan scrive:

      Si e ancora adesso sta facendo danni. Anche chi si è già liberato del problema è stato riattaccato.
      Bluehost è interessante, stavo pensando anche io di comprare uno spazio.
      Fammi sapere come ti troverai, ma dai feedback letti in giro credo che hai fatto un ottima scelta.

  5. Andrea Leti scrive:

    Sinceramente già lo utilizzo ma non è mio l’account è di una azienda con cui collaboro.

    Mi trovo abbastanza Bene. Anche se lo sfrutto pochissimo. L’unica cosa che al massimo potrebbe penalizzarmi, un pochino è il fattore posizionamento, per via del server collocato in america. Ma credo di poter superare questo ostacolo.

  6. Mattia scrive:

    Ciao,
    interessante, alla fine i colori sono davvero importanti anche se non sempre gli si da il giusto peso. Ma entrando su un sito è la prima cosa che colpisce l’occhio.

    P.S.: il problema di aruba non causa problemi solo a wordpress, purtroppo..

  7. Mattia scrive:

    La falla (che ha colpito anche un mio blog la settimana scorsa) risiede nella gestione ftp di aruba… ho letto di alcuni utenti che hanno subito questo attacco su siti scritti a mano da 0, quindi niente cms…

    Sembra proprio che riescano ad accedere via ftp tranquillamente..

  8. Andrea Leti scrive:

    E’ Grave il fatto allora…vendono centinaia di domini al giorno e ancora cosi stanno?

    Via via..

  9. Stefano scrive:

    Ma secondo voi ogni buon design di un sito dovrebbe sapere queste cose? A me sembra basilare che loro lo sappiano

  10. [...] Sono felice di aver scritto questo articolo, ho capito che i bambini utilizzano i colori in modo naturale, usano colori caldi se sono felici, freddi se sono tristi, dando perfettamente il giusto significato ad ogni colore. [...]

  11. Luca scrive:

    Leggere la nature dei colori non fa altro che confondermi ancora di piu’ le idee!

  12. [...] aiutarvi nella scelta vi segnalo questo esauriente articolo su YesWebCan dove vengono spiegati esaurientemente il significato (talvolta intrinseco) dei [...]

  13. [...] Il significato dei colori e quali scegliere per un sito web o una pubblicità | Risorse per Web desi… [...]

  14. luca scrive:

    ciao, ho lette l’articolo e mi complimento per il contenuto. Sto completando un blog su Londra, ricorrendo molto all’arancione, cosa ne pensate? Mi piace molto la navigation, ma non sono convinto riguardo i sottotitoli all’interno degli articoli. consigli e critiche sono accettate. grazie in anticipo http://london-life.it/londra-universita/universita-londra/

Lascia un commento

* Campi obbligatori