Kontrast uwidacznia różnice. Może to być kontrast rozmiaru, koloru, grubości, kształtu lub odstępów. Duży nagłówek obok małego tekstu głównego tworzy kontrast. Podobnie jak jaskrawoczerwony przycisk na szarym formularzu. Bez kontrastu projekt spłaszcza się. Wszystko konkuruje ze sobą na równi i nic się nie wyróżnia. Zbyt dużo tekstu sprawia, że ​​strona staje się chaotyczna, a oko nie ma gdzie odpocząć.

Kontrast to nie tylko kwestia estetyki. Wpływa on na czytelność. Tekst o niskim kontraście z tłem jest trudny do odczytania, szczególnie dla osób słabowidzących. Wytyczne dotyczące dostępności treści internetowych wymagają współczynnika kontrastu co najmniej 4,5 do 1 dla zwykłego tekstu głównego. Projektanci sprawdzają to za pomocą narzędzi obliczających różnice w jasności. Wysoki kontrast jest pomocny w jasnym świetle słonecznym i na ekranach o niskiej jakości. Niski kontrast może tworzyć nastrój, ale powinien być kwestią wyboru, a nie przypadku.

Sposoby tworzenia kontrastu

• Rozmiar: duży kontra mały.
• Kolor: dopełniający lub ciepły lub chłodny.
• Waga: duża kontra mała.
• Przestrzeń: zatłoczona kontra odizolowana.

Kontrast działa najlepiej, gdy jest celowy. Jeden mocny kontrast na ekranie często daje lepszy efekt niż pięć konkurujących ze sobą kontrastów.