Do's und Don'Ts der Typografie
Da ein Großteil der im Web verfügbaren Inhalte Text ist, müssen Webdesigner die Grundprinzipien guter Typografie verstehen. Mit diesem Wissen können Designer effektiver kommunizieren und bessere Designs und Websites erstellen, die einfacher zu verwenden sind.
Für erfahrenere Designer kann das Einstellen von Text natürlich sein, aber für diejenigen, die gerade erst angefangen haben, habe ich beschlossen, eine Liste der grundlegenden Do's and Don'ts zusammenzustellen. Diese Liste vermittelt Ihnen nicht nur die Grundlagen, sondern Sie können sie auch als Checkliste für zukünftige Projekte verwenden. Hier geht:
Stellen Sie eine typografische Hierarchie her
Eine typografische Hierarchie kann mithilfe verschiedener Methoden wie Größe, Gewicht, Farbe und Kontrast erstellt werden. Sein Zweck ist es, den Seiten Struktur zu geben und den Benutzer durch den Inhalt zu führen. Ohne eine klare Hierarchie wird der Text viel schwieriger zu scannen und daher in der Regel schwieriger zu lesen. Sehen Sie sich die Beispiele unten an. Auf der linken Seite ist der Text eine Größe und ein Gewicht, so dass es schwierig ist, zwischen Überschriften und Text zu unterscheiden. Auf der rechten Seite haben wir den gleichen Inhalt, aber mit einer klaren typografischen Hierarchie, so dass es viel einfacher ist, zwischen den verschiedenen Elementen zu unterscheiden.
Hier habe ich nur Größe und Gewicht verwendet, um meine Hierarchie zu etablieren, aber für noch bessere Ergebnisse können Sie versuchen, mit Farbe und Kontrast zu experimentieren.
Machen Sie den Text NICHT zu klein
Nicht jeder hat eine 20-20-Sehkraft, deshalb ist es wichtig, sicherzustellen, dass Ihr Körpertext groß genug ist, damit die Leute bequem lesen können. Persönlich würde ich nicht kleiner als eine Größe von 14pt empfehlen.
Wählen Sie eine geeignete Schriftart für den Fließtext
Ein weiterer wichtiger Faktor, wenn es um Ihren Text geht, ist die Lesbarkeit. Obwohl eine Schrift wie Satisfy zu einem Design mit einer handgemachten Ästhetik passt, wirkt sich die Verwendung einer Schriftart wie dieser für Ihren Text negativ auf Ihre Benutzer aus. Dies liegt daran, dass es viel schwerer zu lesen ist als eine durchschnittliche Serif oder Sans-Serif. Schauen Sie sich die Beispiele unten an und Sie werden feststellen, wie viel schwerer Ihr Gehirn arbeiten muss, um die Wörter auf der linken Seite im Vergleich zu denen auf der rechten Seite zu erkennen.
Verwenden Sie NICHT zu viele verschiedene Schriftarten auf einer Seite
Dienste wie Typekit und Google Fonts geben Ihnen möglicherweise Zugriff auf Tausende von Schriftarten, aber das bedeutet nicht, dass Sie sie alle verwenden müssen. Wie Sie aus dem folgenden Beispiel sehen können, kann die Verwendung mehrerer Schriften sehr störend sein, es sei denn, es ist wirklich gut gemacht. Deshalb empfehle ich normalerweise, nicht mehr als 2 oder 3 zu verwenden.
Gib deinem Text Raum zum Atmen
Ein Mangel an Leerraum zwischen jeder Zeile kann die Lesbarkeit beeinträchtigen, da es dem Auge erschwert, von einer Zeile zur nächsten zu verfolgen. Dieses Problem kann jedoch leicht gelöst werden, indem Sie Ihre Zeilenhöhen erhöhen, aber achten Sie darauf, es nicht zu übertreiben, zu viel Platz kann sich negativ auf die Lesbarkeit auswirken.
Verwenden Sie KEINE Dauerkappen
Die Leute sind es nicht gewohnt, große Textblöcke in Großbuchstaben zu lesen, und deshalb ist es für Menschen schwerer zu lesen. Nicht nur das, aber die Leute assoziieren oft alle Caps mit Geschrei oder Aggression und wenn es um Marketing-Kopie geht, kann es ziemlich spammy kommen. Aus diesem Grund ist es wichtig, darüber nachzudenken, wie und wann Sie alle Obergrenzen verwenden und sicherstellen, dass Sie es in Maßen verwenden.
Versuchen Sie, Absätze auf 40-60 Zeichen pro Zeile zu begrenzen
Wenn eine Zeile zu lang ist, verliert der Leser allmählich den Fokus und kann oft Probleme beim Lesen von einer Zeile zur nächsten haben. Wenn eine Linie zu kurz ist, bewegt sich das Auge des Lesers zu oft zurück, was ihren Rhythmus stört. Dies kann auch dazu führen, dass sie zu früh mit dem Lesen der nächsten Zeile beginnen und Wörter aus der vorherigen Zeile verpassen. Aus diesem Grund soll die optimale Zeilenlänge für den Fließtext bei etwa 40-60 Zeichen pro Zeile liegen.
Verwenden Sie KEINE großen Mengen an zentriertem Text
Zentrierter Text ist schwierig zu lesen, da die Kanten des Textblocks ungleichmäßig sind, was das Scannen erschwert, da jede Zeile einen anderen Startpunkt hat. Zentrierte Textblöcke sind auch schwer an anderen Objekten auf der Seite auszurichten und werden oft als ziemlich amateurhaft angesehen. Aus diesem Grund empfiehlt es sich, wie bei allen Großbuchstaben, zentrierten Text in der Moderation zu verwenden, indem Sie stattdessen links ausgerichteten Text als Standard verwenden.
Stellen Sie sicher, dass zwischen Ihrem Text und dem Hintergrund genügend Kontrast besteht
Der Kontrast ist ein weiterer Aspekt der Typografie, der sich auf die Lesbarkeit auswirken kann. Wenn der Kontrast zwischen Text und Hintergrund nicht ausreicht, kann der Inhalt unleserlich werden.
Hast du etwas hinzuzufügen? Welche Tipps würden Sie neuen Designern geben, die gerade anfangen? Lassen Sie es uns in den Kommentaren wissen.