Text ist im Designprozess kein nachträglicher Einfall. Es sollte Ihre erste Überlegung sein.
Die Lesbarkeit sollte eines der Hauptanliegen sein, wenn es um Designprojekte geht. Wenn Text nicht gelesen werden kann, warum gestalten Sie dann überhaupt? Gutes Design liefert Inhalte auf verständliche Weise. Lesbarkeit ist ein großer Teil des Verständnisses. Heute besprechen wir, wie Sie ein Design anhand der Wörter planen können, sodass Ihre Projekte leicht lesbar sind.
Was ist Lesbarkeit?
Wir sprechen viel über Lesbarkeit, wenn es um Design geht. Lesbarkeit und lesbarer oder lesbarer Text sind jedoch nicht ganz dasselbe. Wenn jemand Buchstaben erkennen kann, gilt Text als lesbar. Das bedeutet jedoch nicht, dass Wörter notwendigerweise leicht zu lesen oder zu verstehen sind. Sie sind nur entschlüsselbar.
Lesbarkeit ist die Leichtigkeit, mit der Text gelesen werden kann. Verständnis ist ein Schlüsselfaktor für die Lesbarkeit, da die Beschriftung schnell betrachtet und verstanden werden kann. Lesbarer Text kann aus der Entfernung schnell gescannt werden.
Die Lesbarkeit wirkt sich auch auf die Wörter selbst aus und wie leicht sie zu verstehen und zu verstehen sind. (Einige Experten erklärten, der für den allgemeinen Verbrauch geschriebene Text sollte zur Verbesserung der Lesbarkeit eine Achtelgradstufe nicht überschreiten.)
Schauen wir uns ein paar weitere visuelle Standards an, die zur Lesbarkeit beitragen.
Linienlänge
? Wie lange eine Zeile von Typspannungen ein Schlüsselfaktor für die Lesbarkeit sein kann und der kaum zu sehen ist.? Zu lange Schreibzeilen, besonders in großen Blöcken, können die Augen ermüden und das Ablesen erschweren. Eine zu kurze Leitung führt oft zu unangenehmen Unterbrechungen. Wenn die Silbentrennung verwendet wird, führen kurze Zeilen auch zu vielen Wörtern, die den Lesefluss unterbrechen können.
Wo Sie möchten, dass Text fällt, ist irgendwo in diesem glücklichen Medium. Der Text sollte groß genug sein, um leicht lesbar zu sein, jedoch nicht so groß, dass er beim Lesen ungerade Pausen oder Lesepausen verursacht.
Es gibt eine Vielzahl von Standards, die zur perfekten Leitungslänge beitragen (und sogar einige mathematische Formeln). Eine der Besten berücksichtigt die Breite eines Textrahmens (dies funktioniert am besten für gedruckte Projekte, gilt jedoch für alles, was Picas als Messwerkzeug verwendet) und teilt es in zwei Hälften, um die optimale Schriftgröße zu bestimmen. Sie können die Punktgröße normalerweise um ein paar Punkte in beide Richtungen von diesem Startpunkt aus erhöhen oder verringern.
Also wenn eine spalte ist 36 Picas breit (im Druck) wäre der Text etwa 18 Punkte.
Was ist mit digitalen Projekten, die in Pixel messen?
Sie können dieselbe Formel anwenden, sie wird jedoch etwas komplizierter: Pro Pica sind 16 Pixel vorhanden. Wenn Ihr Rahmen also 600 Pixel breit ist, würde der Text 18 bis 19 Punkte betragen. (600/16 = 37,5 / 2 = 18,75). Ich persönlich denke, das lässt den Typ etwas groß erscheinen. Das bringt uns zu Option # 2 für digitale Projekte. Typ für Zeichen (und Leerzeichen) pro Zeile festlegen.
In Bezug auf Textkörper ist die optimale Anzahl von Zeichen pro Zeile 50 bis 60, laut einem der zeitlosen Typografie-Lehrbücher? Typographie: A Manual of Design? von Emil Ruder. Dieser Bereich kann je nach verwendetem Typ und Gerät, auf dem er betrachtet wird, etwas erweitert werden. Bei den meisten Projekten beträgt der sichere Bereich für Desktop-Geräte 45 bis 75 Zeichen pro Zeile. Die optimale Reichweite für mobile Geräte beträgt 35 bis 50 Zeichen pro Zeile.
Raum und Kontrast
Platz und guter Kontrast sind Schlüsselkomponenten für die Lesbarkeit. Die Beschriftung muss in einem eigenen Bereich leben - darf nicht mit anderen Beschriftungen oder Bildern geteilt werden, und die Farbe von Text und Hintergrund muss so unterschiedlich sein, dass sie unterscheidbar ist.
Wie bei der Zeilenlänge ist der Abstand zwischen den Zeilen wichtig. Es wird empfohlen, dass der Abstand zwischen den Zeilen des Typs (als führende Zeilen bezeichnet) mindestens der Punktgröße des Typs entspricht. Die meisten digitalen Designer entscheiden sich für ein Minimum von 150 Prozent der Textgröße. Dies lässt viel Platz für jede Zeile in großen Textblöcken, die gelesen werden sollen. Wie bei der Zeilenlänge kann zu viel oder zu wenig Abstand zwischen den Zeilen das Verständnis erschweren.
Designer sollten auch den Abstand zwischen Textblöcken und anderen Objekten berücksichtigen. Achten Sie auf Textumbrüche und Text, der in die Grenzen anderer Objekte fällt. Textumbrüche - sowohl vertikal als auch horizontal - sollten mindestens dem Zeilenabstand entsprechen, der für einen Textblock verwendet wird. Vermeiden Sie, dass Textblöcke andere Objekte oder Elemente berühren oder über oder über Bilder hinweglaufen.
Farbtyp für große oder übergroße Wörter oder Logos reservieren.Vergessen Sie nicht die Ränder. Vergessen Sie nicht, etwas Leerraum um den gesamten Textrahmen zu lassen, um einen fast unsichtbaren Schein zu erzeugen. Dieser Rand wird dazu beitragen, Text von anderen "Rauschen" zu unterscheiden. den Leser in die Kopie zu erleichtern.
Denken Sie auch an den Kontrast. Raum ist eine Möglichkeit, Kontrast zu schaffen. eine andere ist farbe. Schwarzer Text auf hellem Hintergrund ist eine beliebte Wahl für Blogs und Bücher, da sich große Kopienblöcke vom Medium (Papier oder Bildschirm) unterscheiden müssen. Bei Textblöcken zum Lesen halten Sie sich an einfache Farbwahlen wie Schwarz, Weiß oder Grau, die sich vom Hintergrund abheben. Reservieren Sie einen farbigen Typ für große oder übergroße Wörter oder Logos.
Silbentrennung und Wortwechsel
Eines der irritierendsten Dinge, auf die man als Leser stoßen kann, ist ein riesiger Bindestrich in der Mitte einer Überschrift oder eines Untertitels, der drei oder vier Zeilen tief ist. Achten Sie beim Festlegen des Typs besonders auf diese Details, da sie für den Leser sowohl erschwerend als auch schwer verständlich sein können.
Bindestriche veranlassen Leser, mitten in einem Wort anzuhalten und anzuhalten. Sie sollten aus großen Typen und Möbeln - alles größer als 25 Punkte - entfernt werden und in kleinen Typen mit Vorsicht verwendet werden.
In großen Kopienblöcken sind einige Bindestriche zulässig, Sie sollten jedoch eine begrenzte Anzahl von Bindestrichen pro Absatz festlegen.
Schlechtes Schreiben und Wortbrüche können für den Leser ebenso erschütternd sein. Versuchen Sie, die Schlagzeilen und Untertitel kurz, einfach und direkt zu halten. Vermeiden Sie lange Sätze und halten Sie die Formulierung knapp. Geben Sie den Lesern einen Vorgeschmack auf den kommenden Text und locken Sie dazu, mehr zu lesen.
Berücksichtigen Sie bei der Arbeit mit Digital- und Webprojekten viele Unterbrechungen und Unterüberschriften für große Kopienmengen (Sie werden sehen, dass wir das hier mit Design Shack-Artikeln tun). Diese Unterbrechungen erleichtern die visuelle Darstellung von Text und lassen längere Texte weniger einschüchternd erscheinen.
Ausrichtung
Ob sich der Text in der Mitte, links oder rechts von einem Dokument oder Bildschirm befindet, ist ebenfalls wichtig und kann die Lesbarkeit erheblich beeinträchtigen. Im Allgemeinen ist die starke Ausrichtung für Text linksbündig. Die linke Ausrichtung funktioniert, weil sie die Leseart widerspiegelt - von links nach rechts. Sie wissen, wo jede Zeile endet und wo die nächste beginnt.
Richtige und berechtigte Ausrichtungen können am schwierigsten zu verwenden sein. Die rechte Ausrichtung ist am besten für kleine Textblöcke wie große Anführungszeichen oder künstlerische Textelemente reserviert. Begründeter Text erfordert genaue Trennzeichen- und Begründungsspezifikationen und wird am besten in einer nicht flüssigen Umgebung verwendet, weshalb Sie ihn am häufigsten in der Druckdesignumgebung finden.
Zentrierter Text ist zwar populär, eignet sich jedoch nicht zur Lesbarkeit. Es kann für kleine Textblöcke verwendet werden, sollte jedoch nicht für mehr als ein paar Zeilen verwendet werden. (In diesem vorherigen Design Shack-Beitrag finden Sie Ideen und Beispiele zur Verwendung zentrierter Ausrichtungen.) Die Schwierigkeit bei zentriertem Text besteht darin, dass es für das Auge schwierig sein kann, zu wissen, wo die Dinge beginnen und aufhören, da die Zeilen auf beiden Seiten des Textes unregelmäßig sind Block kopieren.
Lesbarkeitstools
- Das Lesbarkeitstest-Tool: Geben Sie eine URL (oder einen Textblock direkt) ein und erhalten Sie eine mathematisch berechnete Lesbarkeitsbewertung. Sie erhalten schnell und leicht verständliche Ergebnisse, z. B. das Lesen von Klassenstufen und Bewertungen für eine Reihe von Lesbarkeitsindizes sowie eine Gesamtanalyse. Das Tool enthält auch ein schickes Bookmarklet.
- Lesbarkeit: Dieses Plug-In und diese Webbrowser-Anwendung verwandelt jede Webseite in eine saubere Ansicht und ermöglicht das Sammeln von Seiten, die später gelesen werden können.
- Juicy Studio Lesbarkeitstest: Erfahren Sie mehr über die verschiedenen Lesbarkeitstests und -algorithmen und wie Sie verstehen, was die einzelnen Methoden bedeuten und wie sie sich auf Ihre Projekte beziehen können.
- Informationsarchitekten? Der 100% Easy-2-Read-Standard :? Dieser Artikel aus dem Jahr 2006 enthält eine Art Lesbarkeits-Checkliste. Obwohl es hauptsächlich für das Webdesign gilt, sind viele der Tipps zum Nachdenken anregend und auch heute noch gültig.
Fazit
Entwerfen Sie die Lesbarkeit, oder verwenden Sie keinen Text. Wenn Sie möchten, dass Ihr Inhalt effektiv ist, muss er lesbar sein. Durch das Design im Hinblick auf die Lesbarkeit machen Sie Ihren Lesern und Benutzern einen Service.
Da so viele Informationen verfügbar sind, neigen Benutzer dazu, Text zu betrachten (oder zu klicken), der im Handumdrehen nicht leicht zu verstehen ist. Das sind Leser oder potenzielle Kunden, die Sie möglicherweise nie wieder bekommen.