A kontraszt láthatóvá teszi a különbségeket. Ez lehet méret, szín, súly, forma vagy térköz kontrasztja. Egy nagy címsor a kis szöveg mellett kontrasztot teremt. Ugyanígy tesz egy élénkpiros gomb egy szürke űrlapon. Kontraszt nélkül a design ellaposodik. Minden egyformán versenyez, és semmi sem tűnik ki. Túl sok kontraszt esetén az oldal zajossá válik, és a szemnek nincs hol megpihennie.

A kontraszt nem csak esztétikai szempont. Az olvashatóságot is befolyásolja. Az alacsony kontrasztú szöveg a háttérrel nehezen olvasható, különösen a gyengénlátók számára. A webes tartalomhoz való hozzáférésre vonatkozó irányelvek legalább 4,5:1 kontrasztarányt írnak elő a normál szövegtörzs esetében. A tervezők ezt olyan eszközökkel ellenőrzik, amelyek kiszámítják a fényerősség-különbségeket. A magas kontraszt segít erős napsütésben és alacsony minőségű képernyőkön. Az alacsony kontraszt hangulatot teremthet, de ennek választásnak kell lennie, nem véletlennek.

A kontraszt létrehozásának módjai

• Méret: nagy kontra kicsi.
• Szín: kiegészítő vagy meleg kontra hideg.
• Súly: vastag kontra könnyű.
• Tér: zsúfolt versus elszigetelt.

A kontraszt akkor a leghatékonyabb, ha szándékosan van beállítva. Egyetlen erős kontraszt képernyőnként gyakran többet hoz létre, mint öt másik.