El disseny web i els colors

o una gamma cromàtica en el disseny web és un concepte molt estudiat. Això és degut al fet que es calcula que el color d'un producte influeix en la decisió de compra del 80% dels consumidors. Vaja, que cal tenir-ho molt en compte en qualsevol disseny web, especialment perquè és el primer que ha de detectar qualsevol consumidor del nostre disseny web.

L'ús de colors és extremadament poderós, ja que els colors són capaços d'establir el to adequat per a portar el missatge als usuaris. Si analitzem l'ús dels colors en els logotips de les 100 principals marques al món, trobarem que el 95% fa servir un o dos colors com a màxim.

Quin color has d'utilitzar?

Dins de la gamma de colors, el blau és el color més comú en un 33% dels casos, seguit del vermell amb el 29%, el 28% fa servir negre o escala de grisos i un 13% el groc. L'ús d'aquests colors s'arrossega al disseny web, ja que en crear el disseny de qualsevol web s'ha de respectar el color del logotip de la marca.

Encara que, cada color està pensat per transmetre diferents missatges, per tant, és aconsellable que aquests colors defineixin els nostres principis i valors d'empresa:

• Color blau: Aquest color transmet pau, tranquil·litat, integritat, estabilitat. El blau és un color fred, per la qual cosa no sempre s'ha d'abusar d'ell. Ideal per a pàgines web de medicina, política o tecnologia.
• Color vermell: És el color de el amor, la potència, el lideratge i l'emoció. Però també té connotacions negatives com alerta de perill, prohibicions, etc. En les pàgines webs sol utilitzar-se per a cridar l'atenció, ja sigui en bàners o en botons, però cal utilitzar-ho amb moderació pel fet que és un color molt intens.
• Color groc: Aquest color es relaciona amb sensacions de felicitat o optimisme. També s'associa a la diversió, lluentor i precaució. A l'hora de dissenyar una pàgina web, es poden utilitzar tons de groc per a transmetre felicitat o per a donar contrast a botons o bàners.
• Color verd: És per excel·lència el color de la esperança. Transmet sensacions de creixement, diners, pau, bona sort o naturalesa. És una bona elecció per a webs relacionades amb la salut, la ciència o el medi ambient.
• Color taronja: Aquest color transmet amistat, confiança i constància. Se sol veure molt en pàgines web de màrqueting o negocis. És cridaner, però sense ser tan fort com el vermell, en el qual afavoreix a un ús en els CTA.
• Color negre: És un color elegant associat amb el poder, formalitat i sofisticació. Encara que cal anar amb compte en usar-ho perquè pot associar-se amb foscor, mort, mala sort, misteri. És el to més utilitzat per a textos, perquè té alta llegibilitat.
• Color blanc: Aquest color està associat amb la puresa, la senzillesa, la frescor i la neteja. Ideal per a pàgines relacionades amb la medicina, encara que com es combina amb més colors, es pot utilitzar en qualsevol mena de web.
• Color rosa: Aquest color transmet amor, protecció, generositat i delicadesa. Moltes empreses ho utilitzen per al seu logotip o per a ressaltar missatges importants dins de la web.
• Color gris: És un color neutre, sense massa força, però amb un gran valor si saps utilitzar-lo bé. Aquest color transmet seguretat, fiabilitat i modèstia. El seu ús per a pàgines web en el sector de la tecnologia és molt comuna i encertat.

Com triar una bona combinació de colors?

A l'hora de dissenyar una web és important triar bé els colors que farem servir. És important que aquestes tonalitats es complementin bé entre si i que no xoquin. Llavors, existeixen diverses combinacions de colors:

Combinació complementària

Són els colors que visualment són compatibles amb el color que hem triat creant una imatge molt vibrant. Si veiem la paleta cromàtica de colors, el complementari al nostre color basi és el diametralment oposat.

Combinació monocromàtica

En aquest cas s'aposta per l'ús d'un sol color i s'utilitzen variacions de saturació d'aquest per a obtenir diferents tons.

Combinació colors triàdics

Aquí la paleta de color està formada per tres colors diferents. És important usar un color dominant i els altres per a destacar elements per a obtenir un equilibri.

Combinació colors anàlegs

En aquest apartat la paleta de colors resultant està creada per colors similars al triat però amb major o menor degradació del color.

Combinació colors complementaris

Utilitza un color basi al costat dels dos adjacents al seu complement. En la majoria dels colors complementaris, només es tenen en compte els colors saturats.

Complement del color

Un altre punt a tenir en compte en el disseny d'un logotip és l'ús de la tipografia, avui en dia hi ha una tendència a l'ús únic de tipografia en la creació d'un logotip. Actualment, el 41% dels logotips de les grans marques utilitza únicament tipografia en el seu disseny.