El contrast té un paper important en l'èxit del disseny de qualsevol lloc web. Un contrast adequat garanteix una experiència d'usuari de qualitat i una facilitat de lectura fàcil que contribueixi a l'èxit a llarg termini d'un lloc.
Els llocs web que són massa baixos en contrast poden ser difícils de llegir i utilitzar, la qual cosa tindrà un impacte negatiu en l'èxit de qualsevol lloc. Els problemes de contrast de color pobres solen ser fàcils d'identificar; sovint només podeu mirar una pàgina en un navegador web i veure si un text és difícil de llegir a causa d'opcions de color contrastades pobres.
Si bé és fàcil determinar quins colors no funcionen bé, pot resultar difícil decidir quins colors funcionaran bé en contrast amb els altres i en el disseny d'un lloc web. Aquest gràfic mostra una gran varietat de colors i la seva contraposició com a primer pla i colors de fons. Podeu veure algunes combinacions efectives, així com un paquetatge pobre que s'hauria d'evitar quan es trien colors per als vostres projectes de lloc.
No tots els contrastos forts són bons contrastos
Una cosa que ha de tenir en compte al gràfic és com alguns d'aquests colors poden ser molt brillants i mostrar-se vibrantment en un color de fons en particular, com el blau en negre, però s'anomenen opcions de contrast pobres. Això és degut a que la combinació de colors, malgrat el seu contrast, encara resulta en un text difícil de llegir. Si creeu una pàgina en tot el text blau sobre fons negre, els vostres lectors podrien experimentar un esforç molt ràpid.
Hi ha regles i bones pràctiques per al contrast, però com a dissenyador, sempre heu d'avaluar aquestes normes per assegurar-vos que funcionen en la vostra instància particular.
Estàndards de marca i opcions de colors contrastants
El contrast és només un dels factors a tenir en compte a l'hora d'escollir colors per al disseny del vostre lloc web. Quan seleccioneu colors, és probable que hàgiu de tenir en compte els estàndards de la marca del client, ja sigui una empresa, una altra organització o fins i tot un individu. Tot i que les paletes de colors poden ser coherents amb les directrius de marca d'una organització, és possible que no es tradueixin bé per a la presentació en línia.
Per exemple, els verds grocs i brillants són molt difícils d'utilitzar eficaçment als llocs web. Si aquests colors es troben en les directrius de la marca d'una empresa, probablement hauran de ser utilitzats només com a colors d'accent, ja que és difícil trobar colors que contrastin bé amb qualsevol dels dos.
De la mateixa manera, si els colors de la vostra marca són en blanc i negre, això significa un gran contrast, però si teniu un lloc amb quantitats de text llargues, un fons negre amb text en blanc farà que la lectura sigui una experiència d'esforç, tot i la força inherent contrast entre blanc i negre. En aquest cas, és recomanable invertir els colors, utilitzant text negre sobre fons blanc. Això pot ser que no sigui tan visualment interessant, sinó que és una opció de contrast i de llegibilitat molt millor.
Eines en línia
A més del propi sentit del disseny, hi ha algunes eines en línia que podeu utilitzar per provar l'elecció del color del vostre lloc. CheckMyColors.com provarà tots els colors del vostre lloc i informarà sobre la relació de contrast entre els elements de la pàgina.
A més, quan penseu en les opcions de color, també heu de considerar l'accessibilitat del lloc web i les persones que tenen formes de ceguesa del color. WebAIM.org pot ajudar-ho, com pot ContrastChecker.com, que provarà les vostres eleccions amb les Directrius d'accessibilitat del contingut web (WCAG).
