Com contrastar els colors per al disseny?

Quin és el millor contrast per al vostre disseny?



Una de les coses principals que fan que un disseny destaqui i sembli increïble és el 'contrast' de colors que s’utilitzen al disseny. Un disseny té un primer pla i un fons. I si els colors de tots dos no estan ben contrastats, el disseny pot ser un desastre. El fons ha de ser d’un color que faci destacar el text o el disseny en primer pla. De la mateixa manera, els colors que utilitzeu per al contingut en primer pla, heu d’assegurar-vos que estigui equilibrat amb el fons i que no sembli fora de lloc.

Si veieu un lloc web amb poques opcions de contrast, és possible que tingueu molt difícil de llegir el que hi ha escrit a la pàgina web. Aquest és un dels principals motius pels quals el trànsit en aquests llocs web és extremadament baix. La seva poca llegibilitat i les seves males opcions de contrast.



A l’hora de dissenyar un lloc web, és molt recomanable provar diferents contrastos per analitzar quin contrast tindria el millor aspecte per al vostre lloc web. Voleu que els vostres espectadors quedin impressionats pel vostre disseny mentre puguin llegir clarament el que està escrit. Si el fons és massa brillant i el primer pla és massa clar, l’espectador no podrà llegir ni veure el contingut de fet.



Coses que cal tenir en compte quan seleccioneu el contrast per a la vostra pàgina web

Trieu un contrast de colors que coincideixi amb el vostre tema, però està bé afegir colors nous al contrast

És possible que ja hàgiu decidit el contrast que coincideixi amb els colors del vostre logotip, però és possible que vulgueu reconsiderar algunes opcions. Estaria molt bé utilitzar els mateixos colors que el vostre logotip, però, si podeu fer un contrast adequat amb un altre color mantenint la relació amb l’esquema de colors dels logotips, us sorprendrà amb els diferents contrastos que acabeu de descobrir.



El propòsit de provar nous colors amb els colors de la marca és trobar opcions alternatives per al lloc web en cas que els colors de la marca no apareguin com voleu que es vegi. Tot i que probablement el client voldria que feu servir els colors que li proporcionen, però, si la paleta de colors que proporcionen no fa que el disseny destaqui al lloc web, hauríeu de provar noves paletes per obtenir una millor visualització del client.

Un mal contrast de colors

Diguem que hi ha una marca els colors bàsics de la qual inclouen un verd brillant i un groc llimona. Us imagineu aquests dos en primer pla i en segon pla? No, perquè tots dos colors són súper brillants per als ulls. Brillant amb brillant mai no farà que el text sigui llegible. En aquest cas, sempre podeu utilitzar altres colors, juntament amb aquests colors, per destacar un lloc web i afegir-hi claredat mentre es mantingui connectat a les arrels de la marca.

Un bon contrast de colors

Un bon contrast de colors no sempre significa que el disseny sortiria perfectament. De vegades, els bons contrastos tensen massa la vista perquè el lector o el visor del lloc web no podrà continuar llegint el contingut de la pàgina web. Per exemple, una marca té un esquema de colors en blanc i negre, fons i primer pla respectivament. El blanc i negre és una combinació fantàstica, ja que queda molt bé. Tanmateix, si mireu un lloc web que té un fons negre i un contingut en primer pla blanc, els ulls del lector s’esforçaran sens dubte. Per a situacions com aquesta, afegir un color contrastat o canviar el contrast amb altres tons del mateix color podria ser un bon experiment.



Colors de fons
Colors de primer pla xarxataronjaGrocVerdBlauvioletaNegreBlancGris
xarxaPOBREPOBREPOBREPOBREPOBREPOBRE
taronjaPOBREPOBREPOBREPOBREPOBREPOBREPOBREPOBRE
GrocPOBREPOBREPOBREPOBRE
VerdPOBREPOBREPOBREPOBREPOBREPOBRE
BlauPOBREPOBREPOBREPOBREPOBREPOBRE
violetaPOBREPOBREPOBREPOBREPOBREPOBRE
NegrePOBREPOBREPOBREPOBRE
BlancPOBREPOBRE
GrisPOBREPOBREPOBREPOBREPOBREPOBRE

Aquesta taula de contrast sempre es pot utilitzar per analitzar prèviament el vostre contrast de color al disseny. Tot i que hi ha alguns que tenen un bon aspecte aquí, però hi ha possibilitats que no s'apliquin tan bé quan s'apliquen al disseny. Treballar el vostre disseny amb aquests contrastos i diferents tons us mostrarà uns contrastos sorprenents. Així que experimenteu amb la paleta de colors amb seguretat. Recordeu que el vostre disseny, ja sigui per a web o per a impressió, hauria de ser clar. La claredat és una de les característiques més importants en el disseny i, per això, i per a això, el contrast juga un paper molt important.