Usa famiglie di colori e tavolozze per il tuo sito
Uno dei modi migliori per cambiare l'atmosfera del design di una pagina web è cambiare il combinazione di colori. Se hai intenzione di usare il colore per influenzare l'umore, aiuta a capire le famiglie di colori e cosa rappresentano. Le famiglie di colori sono divisioni della ruota dei colori in tre tipi di colori:
- Colori caldi
- Colori freddi
- Colori neutri
Sebbene sia possibile avere un design che utilizza i colori di tutte e tre le famiglie, la maggior parte dei design ha una sensazione generale di calore, freschezza o neutralità.
Energizza con i 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 solare e fuoco, cose che sono calde. I design che utilizzano colori caldi tendono ad essere energizzanti ed edificanti. 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 utilizzando solo due colori: rosso e giallo. Questi colori primari si combinano per creare l'arancione. Non usi colori freddi in una tavolozza calda quando mescoli 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. Fanno emergere una sensazione di relax, calma e riservatezza. I design che utilizzano colori freddi sono spesso considerati professionali, stabili e professionali.
A differenza dei colori caldi, c'è un solo colore primario, il 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 puro colore freddo.
Colori neutri
I colori neutri sono costituiti dal marrone, che è una combinazione di tutti e tre i colori primari, e dai due colori rimanenti: bianco e nero. Più un colore è confuso o grigio, più diventa neutro. I design neutri sono i più difficili da definire perché gran parte della sensazione che evocano deriva dai colori caldi e freddi che li influenzano. I design in bianco e nero sono considerati eleganti e sofisticati, ma poiché questi colori sono così netti, possono essere difficili quando si creano web design 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 aiutano 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. Potresti notare che l'intero tono della pagina cambia quando cambi 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