Tipps zur Verwendung von Kontrast zur Verbesserung der Lesbarkeit

Gutes Design ist lesbares Design. Ohne eine klare, leicht verständliche Anzeige kann die Bedeutung eines jeden Entwurfs leicht verloren gehen. Deshalb ist es so wichtig, dass jedes Design gut lesbar sein muss.

Das Entwerfen von Lesbarkeit ist eine Lektion in der Typografie, aber auch im Gegensatz dazu. Kontrast ist der Schlüssel zur Verbesserung der Lesbarkeit und zur logischen Durchblutung des Textes, sodass die Benutzer genau verstehen, was Sie sagen möchten.

Farbkontrast

Die Beschriftung muss sich von der Leinwand abheben. Es muss eine Präsenz haben, die das Auge anzieht.

Es gibt viele Möglichkeiten, einen Farbkontrast zu erzeugen. Am beliebtesten ist jedoch schwarzer Text auf einer weißen oder hellen Leinwand. Und es ist beliebt, weil es funktioniert. (Die umgekehrte Kombination funktioniert genauso gut.)

Beim Platzieren von Text ist es wichtig, darüber nachzudenken, wie Buchstaben über dem Hintergrund erscheinen. Sind sie leicht zu sehen? Diese Überlegung ist besonders wichtig, wenn mit Buchstaben über Bildern oder Videos gearbeitet wird, wobei Farben im Hintergrund je nach Bildschirmgröße oder Bewegung im Inhalt möglicherweise anders positioniert werden.

Eine Möglichkeit, wie Designer dieses Problem überwinden können, besteht in einer Farbüberlagerung von Bildern oder Videos, die für Lesbarkeit sorgen. Ob es sich um eine dunkle Transparenz oder einen hellen Farbton handelt, eine Überlagerung kann sicherstellen, dass der Text wie beabsichtigt erscheint, unabhängig davon, was im Hintergrund passiert.

Die andere Option - und eine, die an Zugkraft gewinnt - besteht darin, Text aus Bildern oder Videos zu entfernen und sie nebeneinander zu koppeln. Dies bietet Platz für beide Elemente, ohne den Inhalt von beiden zu beeinträchtigen.

Kontrastierende Schriftstile

Abweichungen in Schriftarten oder Stilen können sofort zur Beschriftung führen. Das visuelle Interesse steigt mit Schriftarten, die sich stark unterscheiden, wie das Skript und die Serifenpaarung in der Hauptlogobehandlung für Le Farfalle.

Jede Schrift ist für sich interessant, aber der Unterschied zwischen beiden macht die Komposition aus.

Das Koppeln von Schriftarten auf diese Weise kann ein wenig kompliziert sein, da einige Paare von deutlich unterschiedlichen Stilen dazu führen können, dass Benutzer sich unwohl fühlen. Entscheiden Sie sich für Schriften mit einigen Ähnlichkeiten, die für den gewöhnlichen Benutzer nicht so offensichtlich sind, wie übliche X-Höhen, Buchstabenformen (überprüfen Sie die Kleinbuchstaben, um zu sehen, ob Stile rund oder oval sind) oder Schrägen. Durch ein ähnliches Gefühl in diesen Bereichen können Stile so gemischt und aufeinander abgestimmt werden, dass viel Kontrast entsteht, ohne den Fluss des Designs zu unterbrechen.

Größenvariabilität

Eine Möglichkeit, Benutzer mit Kontrast zu beeindrucken, ist mit übergroßen oder zu kleinen Schriftzügen.

Übergroße Typografie kann sehr viel Spaß beim Entwerfen machen und ist eine bemerkenswerte Möglichkeit, Benutzer dazu zu bewegen, sich durch eine Website zu bewegen. Untergrosse Beschriftungen können zwar genauso effektiv sein, sind jedoch viel schwieriger zu verwenden.

Koppeln Sie übergroße Optionen mit Textblöcken in einer traditionelleren Größe, um die Abweichung zwischen den Textgrößen hervorzuheben. Es wird dazu beitragen, einen Schwerpunkt im Design zu schaffen und die großen Wörter unmöglich zu vermeiden. Setzen Sie das Thema über die Display-Beschriftung hinaus fort und berücksichtigen Sie auch Unterüberschriften, die etwas größer als normal sind, sodass das gleiche übergroße In-your-Face-Konzept den Benutzern durch das gesamte Design folgt.

Betrachten Sie Ausrichtungen

Viele Leute vergessen die Ausrichtung, wenn es um Lesbarkeit geht.

Es gibt zwei Denkrichtungen:

  • Verwenden Sie kontrastierende Ausrichtungen für Anzeige und Überschriften im Vergleich zu Text.
  • Verwenden Sie für alles die gleiche Ausrichtung.

Beide Ideen sind auf ihre Art richtig. Denken Sie über die Textausrichtung in Bezug auf den Rest des Designs nach. Bietet die Ausrichtung genügend Kontrast, um aus dem Hintergrund zu springen. Dies kann alles vom Abstand zwischen der Leinwandkante und dem Text bis zur Platzierung in Bezug auf andere Elemente umfassen.

Wenn es um das Alignment geht, können Sie sich am besten einen Button vorstellen. Wie ist der Text innerhalb der Schaltfläche ausgerichtet? Die meisten Designer würden sich für Center entscheiden, aber das bedeutet nicht, dass der Rest der Website zentrierten Text enthalten wird. Die Ausrichtung wird durch das Element selbst vorgegeben. Skalieren Sie das jetzt, indem Sie über das gesamte Design nachdenken.

Textfluss

Der Textfluss wird umso wichtiger, je mehr Text in einem Design enthalten ist. Wenn Textelemente nicht nahtlos auf hierarchische Weise fließen, können Benutzer Informationen verlieren, wenn sie auf unlogische Weise lesen.

Zu den wichtigsten Überlegungen beim Textfluss gehören:

  • Größe der Textblöcke
  • Aufzählungszeichen und Listen
  • Linienhöhen und Längen
  • Fett oder Kursiv
  • Farbe

Jedes dieser Textattribute hilft, Schlüsselwörter, Informationen und Phrasen von den übrigen zu unterscheiden. Sie bieten visuelle Einstiegspunkte zum Scannen von Text, sodass die wichtigsten Informationen für den Benutzer herausspringen.

Die Verwendung unterschiedlicher Stile in langen Textblöcken - dies ist besonders wichtig für Inhalte mit langen Formaten oder Blogs - kann die Ermüdung des Lesers verringern. Wenn der Benutzer das Lesen der Kopie müde macht, weil das Anschauen und Verdauen umständlich ist, wird der Inhalt nicht verbraucht. Teilen Sie es in Teile auf, die das Lesen erleichtern.

Halten Sie es konsistent

Der letzte Schlüssel zur Lesbarkeit ist Konsistenz. Was auch immer Sie auf der Homepage oder für die Kopfzeile oder in der Textkopie machen, um einen Kontrast zu erzeugen, bleiben Sie dabei.

Wenn Sie die gleichen Farben, Stile oder Typen verwenden, wird den Benutzern angezeigt, dass sie nicht im Design verloren gehen. Egal, wohin die Navigation sie führt, sie wird immer noch wie Ihre Website aussehen und sich auch so anfühlen.

Ntgrate leistet einen guten Job, indem es von Anfang an eine Kombination aus schwarzweißem Hintergrund und Textblock erstellt. Die Farbkombination von Yin und Yang wird über dem Heldenbild in der Kopfzeile angezeigt, und nachfolgende Textfelder auf der Website weisen denselben Text und dasselbe Farbmuster auf.

Fazit

Der Kontrast ist eines der Tools, mit dem visuelles Interesse an Designprojekten festgestellt wird.Dies ist auch wichtig, wenn Sie eine lesbare Typografie mit Hierarchie erstellen möchten.

Hoher Kontrast ist die lesbarste Option. Gedämpfte Farben oder zu ähnliche Stile können hinsichtlich der Lesbarkeit fast immer Probleme verursachen. Machen Sie es den Benutzern leicht, zu verstehen, was Sie sagen möchten, mit einem gut lesbaren Design, das viel Kontrast zwischen Text und anderen Elementen bietet.