Uno dei modi migliori per cambiare lo stato d'animo di un design di una pagina web è cambiare lo schema dei colori. Se hai intenzione di usare il colore per influenzare l'umore, aiuta a capire le famiglie di colori e ciò che rappresentano. Le famiglie di colori sono divisioni della ruota dei colori in tre tipi di colori:
- Colori caldi
- Colori freddi
- Colori neutri
Mentre è possibile avere un design che utilizza i colori di tutte e tre le famiglie, la maggior parte dei disegni ha una sensazione generale di calore, freschezza o neutralità.
Eccitare con colori caldi
I colori caldi includono sfumature di rosso, arancione e giallo e variazioni su quei colori. Sono chiamati colori caldi perché evocano una sensazione di luce e fuoco - cose che sono calde. I disegni che usano colori caldi tendono ad essere energizzanti ed edificanti. Esse implicano passione e sentimenti positivi nella maggior parte delle persone. I colori caldi tendono ad essere i colori della creatività, della celebrazione, della passione, della speranza e del successo.
I colori caldi vengono creati usando solo i due colori: rosso e giallo. Questi colori primari si combinano per creare l'arancione. Non si usano colori freddi in una tavolozza calda quando si mescolano i colori.
Rilassati con colori freddi
I colori freddi includono sfumature di verde, blu e viola e variazioni su quei colori. Sono chiamati colori freddi perché evocano una sensazione di acqua, alberi e notte. Portano una sensazione di rilassamento, calma e riservatezza. I disegni che usano colori freddi sono spesso visti come professionali, costanti e professionali.
A differenza dei colori caldi, c'è solo un colore primario, blu, nei colori freddi. Quindi, per ottenere altri colori nella tavolozza, mescoli del rosso o del giallo con il blu per ottenere il verde e il viola. Questo rende il verde e il viola più caldi del blu, che è un colore puro e fresco.
Colori neutri
I colori neutri sono il marrone, che è una combinazione di tutti e tre i colori primari, e i due colori rimanenti: bianco e nero. Più un colore è fangoso o grigio, più diventa neutrale. I disegni neutri sono i più difficili da definire perché gran parte della sensazione che evocano proviene dai colori caldi e freddi che li influenzano. I disegni in bianco e nero sono considerati eleganti e sofisticati, ma poiché questi colori sono così rigidi, possono essere difficili quando si creano design web efficaci.
Un altro modo per creare una tavolozza neutra è aggiungere il nero o il bianco a un colore caldo o freddo per rendere il colore più grigio.
Utilizzo delle famiglie di colori nel Web design
Se stai cercando di evocare uno stato d'animo con il tuo web design, le famiglie di colori ti aiuteranno a farlo. Un buon modo per testare questo è creare diverse tavolozze nelle tre famiglie di colori e confrontare il tuo design usando tutti e tre. Si può notare che l'intero tono della pagina cambia quando si cambia la famiglia di colori.
Ecco alcune tavolozze di esempio che puoi provare con la tua pagina web nelle diverse famiglie di colori:
Caldo
- # cc333F, # eb6841, # edc951
- # ffd573, # ff773d, # f73e3e
- # ffe545, #fefbaf, # c2a34f, # fbb829
- # ffab03, # fc7f03, # fc3903, # d1024e
Freddo
- # 69d2e7, # a7dbd8, # e0e4cc
- # 2a044a, # 0b2e59, # 0d6759, # 7ab317, # a0c55f
- # 8ca315, # 5191c1, # 1e6495, # 0a4b75
- # 8fbfb9, # 6493a7, # bddb88, # e0f3b2, # eefaa8
Neutro
- # d9ceb2, # 948c75, # d5ded9, # 7a6a53, # 99b2b7
- # e6cba5, # ede3b4, # 8b9e9b, # bd7578
- # d8d0c8, # d2d0c8, # cbd0c8, # c4d0c8
- # 182009, # 464b35, # 757661, # d1ccb9