Eine großartige Website beginnt mit einer schönen Typografie. Und obwohl die gelegentliche Regel zu brechen, ist großartig, aber manchmal ist es gut, zu den Prinzipien zurückzufinden, die das machen großartig Typografie - und wie man es erstellt.
Dies ist eine wichtige Auffrischung, mit der Sie Projekte überdenken, einen neuen Ansatz in Betracht ziehen oder einfach zu einem einfacheren, schlankeren Design zurückkehren können.
Daher ignorieren wir heute Trends und Wege, um die Regeln zu brechen, um sich auf die Typografietheorie zu konzentrieren, und wie die? Regeln? kann eine großartige Richtlinie für die Erstellung phänomenaler Schrift sein.
Größe und Hierarchie
Die Größe ist wichtig. Die Größe kann einer der wichtigsten Faktoren beim Erstellen einer Gliederung für lesbare Typografie auf Bildschirmen sein. Winziger Text kann unangenehm und schwer zu sehen sein. Übergroßer Text kann Zeilen auf ungerade Weise brechen und zu Verwirrung führen.
Die lesbare Typografie verfügt über mehrere Hierarchieebenen, um den Benutzern mitzuteilen, was sie als erstes, als zweites und so weiter lesen sollen. Es gibt eine offensichtliche Skalierung, so dass der Textkörper eine Größe über das Design hat, die Überschriften eine andere Größe haben und Ausbrüche und Unterüberschriften ihre eigenen Spezifikationen haben.
Tracking und Kerning
Tracking und Kerning sind oftmals verwirrt. Kerning ist die Einstellung des Abstands zwischen zwei Buchstaben. Verfolgung ist die Anpassung des Abstands zwischen einem vollständigen Satz von Zeichen, beispielsweise einem Absatz oder einer allgemeinen Anpassung eines Textblocks.
Kerning wird häufig auf einzelne Elemente angewendet, um Präzision zu erzeugen und die Lesbarkeit und sogar den Stil für großen Text zu verbessern. Tracking wird häufig verwendet, um eine lose Schrift in der Textkopie zu straffen.
Schriften einschränken
Zu viele Schriften können überwältigend und erschütternd sein. Zwei oder drei Schriftarten reichen für die meisten Projekte aus.
Der Schlüssel zum Auswählen einer Option für einen festen Typ ist die Auswahl einer Typfamilie mit einer großen Auswahl an Stilen. Die meisten hochwertigen Schriftarten werden mit mehreren Stilen geliefert - fett, normal, kursiv, komprimiert, schwarz und so weiter. Wenn Sie eine Schriftart mit mehreren Optionen auswählen, haben Sie eine Gewichtung und einen Stil für mehrere Zwecke. (Einige Familien enthalten sogar Serifen- und Sans-Serifen-Optionen, wenn das gesamte Design in einer einzigen Schriftfamilie bleiben soll.)
Mix und Match Styles
Wenn Sie Schriftarten auswählen - dies kann zugegebenermaßen der schwierigste Teil vieler Designprojekte sein -, ist es in Ordnung und sogar vorzuziehen, zwei verschiedene Schriftarten zu wählen.
Die häufigste Paarung ist eine Serife und eine serifenlose Serife. Aber du musst dich nicht daran halten.
Achten Sie beim Kombinieren verschiedener Stile und Schriftarten auf Beschriftungen mit einer ähnlichen x-Höhe (Zeichensätze mit der gleichen vertikalen Kleinbuchstabengröße x) und der Form von Schalen (Leerzeichen in geschlossenen Buchstaben, z. B. ein Zeichen).
Diese Details können große Auswirkungen darauf haben, wie sich Schriftarten zusammen anfühlen und wie einfach es für Benutzer ist, den Text zu lesen. Die Verwendung ähnlicher Letterforms in verschiedenen Stilen hat immer noch eine visuelle Vertrautheit, durch die alle Schriftarten leichter lesbar werden.
Vergessen Sie Bindestriche und Rechtfertigung
Meistens sind Bindestriche und vollständige Rechtfertigung nicht erforderlich.
Insbesondere online können diese Techniken dazu führen, dass Text auf einen Blick schwieriger zu verstehen ist. Bindestriche brechen das Leseerlebnis auf und eine vollständige Ausrichtung führt oft zu ungeraden Abständen, die schwer lesbar sind.
Obwohl beide Elemente in einigen Projekten ihren Platz haben, sollten sie meistens vermieden werden.
Ändern Sie keine Schriftarten
Sie sollten niemals eine Schriftart anpassen. Versuchen Sie nicht, es fetter oder größer oder dünner zu machen. Wählen Sie stattdessen eine neue Schrift.
Typ-Designer arbeiten hart daran, einen konsistenten Satz von Zeichen für eine Schrift zu erstellen, der lesbar ist und zum Stil der Schrift passt. Versuchen Sie nicht, das Aussehen einer Gruppe von Zeichen zu ändern. Sie verbessern sie nicht und führen häufig zu einer Verwirrung des Typs.
Wenn eine Schrift nicht so funktioniert, wie Sie es brauchen, suchen Sie nach etwas anderem. Verwenden Sie das Identifont-Tool für ähnliche Schriftarten, mit dem Schriftarten mit ähnlichen Erscheinungsbildern identifiziert werden, um eine andere Option auszuwählen, die möglicherweise besser in Ihrem Projekt funktioniert.
Kontrast
Design für Kontrast mit Typografie. Genauso wie Sie beim Erstellen von Hierarchien unterschiedliche Größen verwenden würden, sollten Sie unterschiedliche Schriftstärken, -farben und -stile berücksichtigen, um visuelles Interesse zu schaffen.
Farbe ist eine der effektivsten und einfachsten Möglichkeiten, Kontrast zu erzeugen. Der ideale Kontrast ist dunkler Text auf hellem Hintergrund (oder umgekehrt). Es gibt eine nahezu unbegrenzte Anzahl von Farboptionen, um dies zu erreichen. Beachten Sie beim Spielen mit Farbe und Typografie, dass einige Farbkombinationen, z. B. leuchtendes Rot auf rechtem Blau, sehr schwer lesbar sein können. Suchen Sie nach Kombinationen, die sich in Bezug auf Licht gegenüber Dunkelheit, Lebendigkeit und Sättigung unterscheiden.
Wenn es um Kontrast geht, sind einfache Hintergründe oft am besten, um Text lesbar zu machen. Wenn der Hintergrund jedoch visuelle Elemente enthält, z. B. ein Bild oder ein Muster, sollten Sie die Größe der Beschriftung erhöhen, um eine Trennung zwischen Hintergrund- und Vordergrundtextelement zu schaffen.
Maß ist wichtig
Ein Maß ist die Größe des Containers, der Text enthält. Dies kann die Breite eines gesamten Textrahmens oder eine einzelne Spalte in einem mehrspaltigen Format sein.
Maßeinheit ist wichtig, da die Anzahl der Zeichen (einschließlich Leerzeichen, Glyphen und Satzzeichen) auf dem Bildschirm die Lesbarkeit beeinträchtigen kann. Die Theorie hinter diesem Konzept ist, dass, wenn Zeilen zu lang oder zu kurz sind, es für das Auge des Benutzers anstrengend sein kann, aufgrund einer ständigen Hin- und Herbewegung von einer Zeile zur nächsten zu lesen.
Von Die Elemente des typografischen Stils: Jedes Zeichen von 45 bis 75 Zeichen wird weithin als zufriedenstellende Zeilenlänge für eine einspaltige Seite in einer serifenförmigen Textfläche in Textgröße betrachtet. Die 66-stellige Zeile (die sowohl Buchstaben als auch Leerzeichen zählt) wird allgemein als ideal angesehen. Bei der Arbeit mit mehreren Säulen liegt der bessere Durchschnitt bei 40 bis 50 Zeichen.
Dies ist ein ziemlich guter Ausgangspunkt für die meisten Projekte, obwohl viele Projekte zu etwas größeren Schriftgrößen neigen, wodurch die Anzahl der Zeichen in den kleineren Bereich dieses Bereichs fallen würde.
Auch wenn die mobile Typografie bei der ersten Veröffentlichung des Buches kein Problem war, ist die Richtlinie für mehrere Spalten ein akzeptabler Ausgangspunkt. Sie können sogar ein wenig tiefer gehen und für kleine Bildschirme nach optimal 35 Zeichen pro Zeile suchen.
Fazit
Wenn Sie weiterhin über Typografietheorie und -beschriftung nachdenken möchten, gibt es zusätzlich zu dem oben genannten Klassiker einige großartige Bücher.
Erwägen:
- Denken mit Typ von Ellen Lupton
- Warum Schriftarten eine Rolle spielen von Sarah Hyndman
- Nur mein Typ: Ein Buch über Schriftarten von Simon Garfield