Come scegliere una buona combinazione di colori per il tuo sito web

come scegliere il colore per il sito WebScegliere una buona combinazione di colori per il tuo sito web potrebbe essere una cosa spaventosa, specialmente se tu’non sei sicuro della tua capacità di coordinazione del colore o non ti senti’non sei un designer esperto.


Mio marito è leggermente daltonico, il che lo rende molto nervoso ogni volta che cerca di scegliere un colore per qualsiasi cosa!

E tu?

  1. Di che colore dovresti usare per il tuo logo o titolo?
  2. Sai come scegliere colori complementari che si combinano bene?
  3. Quale parte del tuo sito Web dovresti usare il colore?

Scegliere e mescolare il colore può essere un gioco complicato.

Il risultato può sembrare armonioso o come una scena appena uscita da un film dell’orrore!

Se eviti qualsiasi colore, il tuo sito web può sembrare poco interessante e dimenticabile. Se usi troppo colore sul tuo sito web, rischi di farlo apparire di cattivo gusto.

Oltre a non capire come scegliere il modello giusto, imparare a usare il colore sul tuo sito Web è una delle maggiori sfide che qualsiasi proprietario di siti web fai-da-te può affrontare. Questo è particolarmente vero se non lo fai’hanno un’attitudine naturale per il colore e il design.

Se stai disegnando uno spazio su cosa e come usare il colore sul tuo sito web nel modo giusto, questo post può aiutarti.

L’uso del colore può essere semplificato quando si conoscono i passi giusti da fare.

Quindi noi’ho messo insieme questa guida per mostrarti, passo dopo passo, come:

  1. Scegli il colore dominante giusto per il tuo sito Web e marchio.
  2. Combina colori complementari per creare la combinazione di colori perfetta.
  3. Scegli un colore di sfondo adatto a te.
  4. Usa il colore nei posti corretti sul tuo sito Web, come un professionista.

Permettere’s iniziare!

Oppure, perché non dare un’occhiata alla nostra costruttori di siti Web preferiti in questa semplice tabella qui sotto:

In che modo il colore può migliorare il sito Web e l’identità del marchio

Quando ti chiedo di pensare alla Coca-Cola, qual è la prima cosa che ti viene in mente?

Bene, volere una bottiglia ghiacciata di Coca-Cola potrebbe essere una di queste.

Quindi, potrebbe venire in mente un’immagine dell’iconico logo rosso della coca cola.

come scegliere il colore del sito Web - coca colaFonte: www.coca-colacompany.com

esso’È piuttosto difficile pensare alla Coca-Cola senza vedere il colore rosso. Il colore rosso fa parte della Coca-Cola quanto la sua famosa soda.

Sapevi che la decisione della Coca-Cola di usare il rosso in quanto il colore del loro marchio non è stata casuale?

Il colore rosso ha due scopi critici:

1 # Il rosso dell’autopompa antincendio consente alla Coca-Cola di distinguersi dai concorrenti sugli scaffali dei negozi; e

2 # Ogni colore ha diversi sentimenti o emozioni collegati ad esso. Quando le persone vedono il colore rosso, innesca risposte emotive come eccitazione, audacia, amore e passione. Questi sono esattamente i sentimenti che la Coca-Cola vuole che tu associ alla sua soda.

raccolta colori per siti web - coca colaFonte: us.coca-cola.com

Quando scegli il colore giusto per il tuo sito Web, stai facendo molto di più che renderlo attraente – Stai creando un marchio memorabile.

85% degli acquirenti pone il colore come motivo principale per cui acquistano un prodotto particolare. 80% aumenta il riconoscimento del marchio quando si utilizza il colore. Il riconoscimento del marchio si collega direttamente alla fiducia dei consumatori.

Fonte: Kissmetrics

Ormai, dovresti pensare “Caspita, il colore è come per magia! Perché non lo sono’t più persone lo usano a proprio vantaggio?”

Bene, perché la maggior parte delle persone non lo fanno’non so come.

Quindi, nella prossima sezione, ti mostreremo 3 semplici passaggi che puoi seguire per iniziare a utilizzare il colore a tuo vantaggio sul tuo sito web.

3 passaggi per utilizzare il colore sul tuo sito Web: nel modo giusto

Ci sono 3 colori principali che devi considerare durante la progettazione del tuo sito Web:

  1. Scegliere un colore dominante come colore del marchio
  2. Scegliendo da 1 a 2 colori di accento per creare una combinazione di colori per il tuo sito web
  3. Scegli un colore di sfondo per completare il tuo design

Quello’s praticamente! don’non preoccuparti, noi’Ti mostrerò come sceglierli insieme ad alcuni esempi – lascia’s continua ad andare avanti!

# 1 Scegli il tuo colore dominante

Il colore dominante è il colore del tuo marchio – come il rosso dell’autopompa antincendio per la Coca-Cola.

Questo colore aiuterà a far emergere determinate emozioni o sentimenti quando le persone arrivano sul tuo sito Web – proprio come la passione, l’eccitazione, l’audacia e l’amore per la Coca-Cola.

Questo è il colore che vuoi che il tuo pubblico ricordi quando pensa a te.

Se hai già un logo, assicurati che uno dei colori primari del tuo logo stia usando il tuo colore dominante (se lo sei’non sei sicuro di come creare un buon logo, consulta questa guida).

Tuttavia, se don’ho ancora in mente un colore di marca dominante, qui’s come sceglierne uno:

Significato dei colori: come scegliere il colore giusto per te

Le grandi aziende don’scegliere i colori dominanti / di marca per caso. esso’s scelti strategicamente per essere utilizzati come parte delle loro iniziative di branding e marketing.

Colori diversi hanno la capacità di attrarre specifici tipi di acquirenti e possono persino modificare i comportamenti dei consumatori.

psicologia del colore per i siti WebClicca per ingrandire

Fonte: Kissmetrics

Puoi anche utilizzare vari colori a tuo vantaggio in modo da poter attirare il tipo di cliente che desideri.

Noi’ho creato un’infografica utile per aiutarti a scegliere il tuo colore dominante perfetto. Vedi se riesci a trovare il colore che rappresenta meglio ciò che rappresenti!

personalità del colore per i siti Web

Ora che hai una buona idea di cosa significano determinati colori, quale si adatta meglio alla tua attività o come desideri che i visitatori del tuo sito web si sentano quando vedono il tuo marchio?

Se tu’non sei ancora del tutto sicuro, ciò significa che dovresti impiegare del tempo per riflettere sul tuo marchio e sul tipo di clienti che desideri attirare.

Stai cercando di attirare clienti più giovani ed energici? O individui sofisticati con un reddito più disponibile? I tuoi prodotti / servizi sono adatti a uomini o donne? Sono più adatti a una determinata fascia d’età?

Non tutti i colori sono adatti alla tua attività. Ad esempio, se vendi tappetini yoga, usare viola (ricchezza, regalità) o nero (potenza, lusso) potrebbe non essere la scelta migliore. Potresti prendere in considerazione l’uso del verde (salute, tranquillità), grigio (semplicità, calma), blu (pace, calma) o persino rosso (passione, energia).

Vai avanti e prenditi qualche minuto per annotare alcune idee.

Le differenze tra i ragazzi & Ragazze – Le loro preferenze di colore

Va bene, colori diversi si rivolgono a diversi tipi di persone, ma sapevi che uomini e donne in genere preferiscono anche colori diversi?

A quale genere si rivolge la tua azienda o il tuo sito Web? – Sono donne? uomini? o entrambi?

influenza del colore sul genereClicca per ingrandire l’immagine

Fonte: Infografica: come i colori influiscono sulle conversioni & Genere e colore

Puoi creare un colore del marchio molto potente e mirato studiando la tabella sopra.

Utilizzando combinazioni di colori preferite da maschio, femmina o entrambi, puoi alterare le loro percezioni del tuo marchio – inconsciamente.

Ad esempio, sulla base di studi, puoi vedere che sia gli uomini che le donne amano il blu e il verde. Entrambi i sessi non amano anche l’arancione e il marrone. Quindi, se stai prendendo di mira entrambi i sessi, la ricerca afferma che sarebbe più vantaggioso considerare l’uso del blu o del verde come colore dominante (o almeno il colore dell’accento – più sotto).

Questa è un’intelligenza utile da avere!

Permettere’s fare un passo avanti.

Il modo in cui usi il colore per il tuo marchio o prodotti / servizi può anche essere influenzato dalle emozioni a cui il tuo target di riferimento è attratto.

Lasciatemi spiegare.

colore-di-marca-attirare-diverso-clienteMolte volte, le persone acquistano prodotti / servizi specifici perché inconsciamente vogliono proiettare una certa personalità su altri.

Essere visti impettiti per strada con una nuova borsa costosa, o passare del tempo in una caffetteria hipster, o essere visti in una nuova lounge alla moda, tutti comunicano silenziosamente alcune caratteristiche di una persona.

Hai capito il mio punto? Molte decisioni personali sono riflessioni di chi sentono di essere e di ciò che vogliono che gli altri vedano. esso’s un’identità a cui le persone associano e vogliono che gli altri lo sappiano.

Quindi, se vuoi attirare persone che si identificano con la natura e la tranquillità, usa il verde. Se vuoi attirare coloro che vogliono essere visti come giovani o ottimisti, prova il giallo. Se il tuo pubblico di destinazione vuole essere visto come potente o lussuoso, prova il nero.

Prendilo?

Prenditi qualche minuto e pensa al tuo pubblico ideale e a cosa aspirano a identificarsi. Cosa vogliono e come vogliono essere visti?

Molta psicologia qui, ma è così’è importante che tu debba considerare quando costruisci il tuo marchio.

Come usare il tuo colore dominante sul tuo sito web

Ora che hai un colore dominante, vuoi usare il colore nei posti giusti sul tuo sito web.

Il colore attira molta attenzione, quindi non lo fai’voglio inserirlo ovunque.

Qui’s una regola generale:

Usa il tuo colore dominante solo in un numero limitato di luoghi in cui desideri che i visitatori del tuo sito Web prestino attenzione o se desideri che i tuoi visitatori intraprendano determinate azioni (come chiamare un numero di telefono, compilare un modulo di contatto, iscriversi a una newsletter, ecc.).

Fondamentalmente, il tuo colore dominante dovrebbe “pop” – evidenziando davvero dove vuoi che i tuoi visitatori si concentrino.

dove utilizzare il colore dominante sul sito WebFonte: Wix.com

# 2 Scegli i colori dell’accento

È abbastanza noioso avere solo 1 singolo colore in tutto il tuo sito web.

Per rendere il tuo design più interessante (e professionale), hai bisogno di colori accenti per evidenziare parti degne di attenzione del tuo sito web come citazioni, pulsanti o sottotitoli.

La miscelazione e la corrispondenza dei colori in realtà spaventano molte persone perché’non è sempre facile o intuitivo dire quali colori si fondono bene insieme senza una buona comprensione della teoria dei colori e un sacco di tentativi ed errori.

Ma chi ha tempo per ottenere un dottorato di ricerca. nella teoria dei colori ?! – Non me.

Per fortuna c’è una scorciatoia che tutti possono usare !! esso’s uno strumento di corrispondenza dei colori che può aiutarti a combinare i colori come un professionista!

Come utilizzare uno strumento di corrispondenza dei colori per aiutarti a selezionare i colori di accento

Una volta che hai il tuo colore dominante, esso’È davvero facile trovare i tuoi colori di accento usando strumenti di corrispondenza dei colori come lo strumento Adobe Color CC.

Adobe Color CC sembra complicato, ma in realtà è uno strumento abbastanza semplice da usare.

Noi’abbiamo creato un breve tutorial per mostrarti come usarlo per costruire la tua combinazione di colori in due modi:

(Fai clic sotto per aprire il tutorial)

Come usare i colori accenti sul tuo sito web

Ora che hai i tuoi colori di accento complementari, puoi usarli per evidenziare informazioni secondarie sulle tue pagine web.

Questi sono contenuti / elementi che non sono i principali punti focali della tua pagina, ma vuoi comunque che si distinguano.

Ad esempio, possono essere sottotitoli, pulsanti secondari, riquadri informativi, colore di sfondo, ecc.

Prova a limitare solo a 1 o 2 colori di accento. Se ci sono troppi colori di accento, creeranno troppi punti focali che potrebbero confondere i tuoi visitatori.

dove usare il colore accento sul tuo sito webFonte: Wix.com

# 3 Scegli il colore di sfondo del tuo sito web

Come scegliere il colore di sfondo del sito WebHai mai dipinto una casa prima d’ora?

Se lo hai, probabilmente avrai qualche esperienza con la scelta del colore della parete – e saprai che scegliere il giusto colore della parete può essere una sfida.

Volete che il colore delle pareti faccia sentire a proprio agio la stanza. Il colore dovrebbe essere abbastanza rilassante da poter passare ore nella stanza senza farti sopraffare dal colore.

Allo stesso tempo, non lo fai’voglio che il colore sia così noioso che la stanza sia completamente sterile.

La scelta di un colore di sfondo è in realtà molto simile alla scelta di un colore di pittura murale!

Desideri che i visitatori del tuo sito Web si sentano a loro agio nella navigazione del tuo sito Web. Don’non voglio infastidire i tuoi visitatori o rendere difficile assorbire i tuoi contenuti usando colori di sfondo eccessivamente audaci o luminosi. Allo stesso tempo, non lo fai’voglio che il tuo sito web sia così blasé che il tuo pubblico’Gli occhi di s hanno appena dato uno sguardo a tutte le cose importanti che vuoi dire.

Come scegliere il giusto colore di sfondo?

Se dovessi scegliere i colori delle pareti per un negozio al dettaglio alla moda e un cottage estivo, sceglieresti gli stessi colori per loro?

Probabilmente non perché ogni spazio ha uno scopo diverso, quindi il colore che scegli dovrebbe essere diverso.

Ad esempio, in un negozio di abbigliamento al dettaglio, potresti voler usare colori audaci per attirare gli acquirenti sugli scaffali dei vestiti. Volete che il colore della parete sia in contrasto con gli scaffali delle merci in modo che gli acquirenti possano immediatamente sapere dove cercare quando entrano nel negozio.

Al contrario, probabilmente vorrai sentirti più rilassato in una casa per le vacanze in cottage. Vuoi che il colore delle pareti e l’arredamento abbiano un effetto calmante e rilassante. Vuoi che tutto si fonda in modo da poterti concentrare sulla vista mozzafiato del paesaggio dalla finestra di grandi dimensioni.

In modo molto simile, il colore di sfondo del tuo sito Web dipende da ciò su cui desideri che i tuoi visitatori si concentrino.

In poche parole, il colore che scegli come colore di sfondo dipende completamente dallo scopo del tuo sito web.

Tipo n. 1 – Siti web di informazioni ad alta intensità di contenuti & Siti Web di e-commerce

Hai mai notato che la maggior parte dei siti Web di informazione o siti di e-commerce di solito usa il bianco o un colore di sfondo neutro?

Sito Web e-commerceSito Web e-commerce (drinksoma.com)

Sito Web e-commerceSito Web e-commerce (stikwood.com)

Blog alimentareBlog alimentare (pinchofyum.com)

Società di produzione cinematograficaSocietà di produzione cinematografica (dingobill.com)

Questo perché lo scopo di questi tipi di siti Web è quello di promuovere idee o prodotti.

L’attenzione si concentra sul contenuto o sui prodotti, piuttosto che sulla progettazione del sito Web. Il colore di sfondo è solo uno sfondo per rendere il contenuto più visibile e leggibile.

La migliore combinazione di colori da utilizzare per i siti Web ad alta intensità di informazioni ed e-commerce è uno sfondo bianco o chiaro, con grassetto dominante & colori di accento. Gli audaci colori dominanti e d’accento conferiscono personalità e punti focali al sito Web, mentre il semplice colore di sfondo mantiene i tuoi visitatori’ concentrarsi sul contenuto o sui prodotti.

Tipo # 2 – Siti Web aziendali / aziendali

I siti Web aziendali / aziendali di solito hanno due scopi: promuovere il marchio o i suoi servizi.

A seconda dello scopo su cui il sito Web aziendale desidera concentrarsi, il colore di sfondo sarà diverso.

Promuovere un marchio

Quando vuoi costruire una forte identità di marca, dovresti usare varie tonalità del tuo colore dominante o di marca come colore di sfondo.

Questo perché il colore è strettamente legato al riconoscimento del marchio (ricordi il nostro esempio di Coca Cola sopra?) Quando usi una variazione del colore dominante / del marchio come sfondo, stai rafforzando il tuo marchio e rendendolo più memorabile per il tuo pubblico.

Se hai un colore di marca molto audace, usarlo come colore di sfondo può essere troppo travolgente. In tal caso, considera invece di scegliere una tonalità meno intensa del colore del tuo marchio. Usa lo strumento Adobe Color CC per generare tonalità e luminosità diverse del tuo colore dominante.

come scegliere il marchio del sito Web aziendale di colore di sfondo del sito Webjustactions.org
come scegliere il branding del sito Web aziendale di colore di sfondo del sito Websbjdanebury.com

Promuovere un servizio

Se vuoi che il valore del tuo servizio o del tuo portafoglio di progetti passati sia il punto focale, usa il bianco o un colore di sfondo neutro.

Proprio come i siti Web ad alta intensità di contenuti e di e-commerce, non lo fai’t desidera che il colore di sfondo distogli lo stato attivo dai contenuti o dal messaggio che desideri comunicare.

Scegliendo uno sfondo neutro o bianco, i tuoi contenuti diventeranno naturalmente più accattivanti.

come scegliere il servizio aziendale di colore di sfondo del sito Webzengenti.com
come scegliere il servizio aziendale di colore di sfondo del sito Webcharddevelopment.com

Tipo # 3 – Elegante & Siti Web creativi ad alta intensità grafica

Per i siti Web utilizzati nelle industrie della moda, del design, dei ristoranti, della bellezza e della creatività, il mondo è la tua ostrica.

Non ci sono davvero regole su quale immagine di sfondo o colori dovresti usare. È possibile utilizzare una barra dei menu nera per creare più drammaticità; Oppure puoi usare tutti i colori dell’arcobaleno per creare un’immagine di sfondo ispiratrice.

come scegliere il ristorante di colore di sfondo del sito Webtheeddynyc.com
come scegliere la creatività del colore di sfondo del sito Webcafefrida.ca
come scegliere il design del colore di sfondo del sito Webstudiolovelock.com
come scegliere il colore di sfondo del sito Web di lussogillemore.com

Onestamente, qui puoi infrangere tutte le regole e usare qualsiasi colore che ti piace purché tieni a mente questa regola 1 – “Non scegliere mai uno sfondo che renda difficile la lettura del testo o dei contenuti.“

Il tuo colore di sfondo perfetto è quello che consente ai tuoi contenuti di essere il punto focale mentre lavori in armonia con il tuo dominante & accenti i colori e fa sentire bene il tuo pubblico durante la navigazione del tuo sito web.

In caso di dubbi, utilizzare il bianco o il grigio molto chiaro come colore di sfondo. Anche se potrebbe non essere il colore più stimolante, sai che i tuoi contenuti brilleranno sempre.

Conclusione & Key Takeaways

La scelta della giusta combinazione di colori per il tuo sito Web non dovrebbe mai basarsi sul tuo colore preferito o su una sensazione viscerale.

Un buon sito web design è quello che mette sempre al primo posto il pubblico.

Scegli il colore e il design che piacciono al tuo pubblico di destinazione, in modo da poter stabilire una connessione memorabile (inconsciamente) e distinguerti dalla concorrenza.

La scelta delle combinazioni di colori non dovrebbe essere casuale. Invece, dovrebbe essere una serie di esercizi organizzati, obiettivi e di abbinamento:

(1) abbinare il tuo marchio con il giusto colore dominante; (2) abbinare il colore dominante con i colori di accento usando lo strumento Adobe; e infine (3) abbinando il colore di sfondo al tuo dominante & colori di accento.

Seguendo i nostri 3 passaggi corrispondenti sopra, puoi creare una buona combinazione di colori per il tuo sito Web, anche se non lo fai’hanno un buon senso del design e della coordinazione dei colori!

don’non aver paura di iniettare un po ‘di colore nel tuo sito web e divertiti con il processo! Ricorda solo di non lasciare che il tuo colore prevalga sui tuoi contenuti!

Questa guida è stata utile?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map