Contrastul face diferențele vizibile. Poate fi contrast de dimensiune, culoare, grosime, formă sau spațiere. Un titlu mare lângă un text mic creează contrast. La fel și un buton roșu aprins pe un formular gri. Fără contrast, un design se aplatizează. Totul concurează în mod egal și nimic nu iese în evidență. Cu prea mult, pagina devine zgomotoasă și ochiul nu are unde să se odihnească.

Contrastul nu este doar estetic. El afectează lizibilitatea. Textul cu contrast scăzut față de fundal este greu de citit, în special pentru persoanele cu deficiențe de vedere. Ghidul de accesibilitate a conținutului web impune un raport de contrast de cel puțin 4,5 la 1 pentru textul normal. Designerii verifică acest lucru cu instrumente care calculează diferențele de luminanță. Contrastul ridicat ajută în lumina puternică a soarelui și pe ecranele de calitate scăzută. Contrastul scăzut poate crea o stare de spirit, dar ar trebui să fie o alegere, nu un accident.

Modalități de a crea contrast

• Mărime: mare versus mică.
• Culoare: complementară sau caldă versus rece.
• Greutate: îndrăzneață versus ușoară.
• Spațiu: aglomerat versus izolat.

Contrastul funcționează cel mai bine atunci când este intenționat. Un contrast puternic pe ecran face adesea mai mult decât cinci contraste concurente.