Zentrale Lernziele

Nach Abschluss dieses Unterkapitels sind Sie in der Lage:

• Das Konzept des Kontrasts im Webdesign zu verstehen;
• Zu lernen, wie Kontrast genutzt wird, um Schlüsselelemente hervorzuheben;
• Beispiele für den effektiven Einsatz von Kontrast auf Websites zu erkennen.

Kontrast unterstützt die Hervorhebung wichtiger Elemente und schafft visuelles Interesse. Effektiver Kontrast kann durch Unterschiede in Farbe, Größe, Form und Textur erreicht werden. Er ist entscheidend für die Schaffung einer visuellen Hierarchie und lenkt den Blick der Nutzer auf die wichtigsten Bereiche der Seite.

• Farbkontrast: Verwendung von Farben, die sich deutlich voneinander abheben;
• Größenkontrast: Variation der Elementgrößen zur Betonung;
• Formkontrast: Einsatz unterschiedlicher Formen zur Erzeugung von visuellem Interesse.

Beim Einsatz von Kontrast ist es wichtig, die Barrierefreiheit zu berücksichtigen. Stellen Sie sicher, dass der Kontrast zwischen Text- und Hintergrundfarben ausreichend für die Lesbarkeit ist. Nutzen Sie Kontrast, um zwischen primären und sekundären Aktionen zu unterscheiden und deutlich zu machen, worauf sich die Aufmerksamkeit der Nutzer richten soll.

Beispiel-Website: Canva nutzt Farb- und Größenkontraste effektiv, um zentrale Funktionen und Handlungsaufrufe hervorzuheben.