Zurück zu den Grundlagen: Schöne Typografie im Webdesign

/2015-03-17 18:05:29/
Kazaria
/Geschäft/

Eine großartige Website beginnt mit wunderschöner Typografie. Und obwohl es großartig ist, die gelegentliche Regel zu brechen, ist es manchmal gut, zu den Prinzipien zurückzukehren, was großartige Typografie ausmacht - und wie man sie erstellt.

Dies ist eine wichtige Aktualisierung, mit der Sie Projekte überdenken, einen neuen Ansatz in Betracht ziehen oder einfach zu einem einfacheren, optimierten Design zurückkehren können.

Daher ignorieren wir heute Trends und Möglichkeiten, die Regeln zu brechen, um uns auf die Typografietheorie zu konzentrieren, und wie die „Regeln“ eine gute Richtlinie für die Schaffung eines phänomenalen Typs sein können.

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 erschütternd und schwer zu erkennen sein. Übergroßer Text kann auf seltsame Weise über Zeilen hinweg brechen und Verwirrung stiften.

Die lesbare Typografie verfügt über mehrere Hierarchieebenen, die den Benutzern mitteilen, was sie zuerst, zweitens usw. lesen sollen. Es gibt eine offensichtliche Skalierung, sodass der Textkörper im gesamten Design eine Größe hat, Überschriften eine andere Größe haben und Ausbrüche und Unterüberschriften auch ihre eigenen Spezifikationen haben.

Tracking und Kerning

Tracking und Kerning sind oft nicht dasselbe. Kerning ist die Anpassung des Abstands zwischen zwei Buchstaben. Tracking ist die Anpassung des Abstands zwischen einem vollständigen Zeichensatz, z. B. eines Absatzes oder die allgemeine Anpassung eines Textblocks.

Kerning wird häufig auf einzelne Elemente angewendet, um Präzision zu erzielen 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.

Beschränken Sie Schriften

Zu viele Schriften können überwältigend und irritierend sein. Für die meisten Projekte reichen zwei oder drei Schriften aus.

Der Schlüssel zur Auswahl einer festen Schriftoption liegt in der Auswahl einer Schriftfamilie mit vielen Stilunterschieden. Die meisten hochwertigen Schriftarten verfügen über mehrere Stile - fett, normal, kursiv, komprimiert, schwarz usw. Wenn Sie eine Schriftart mit mehreren Optionen auswählen, erhalten Sie eine Gewichtung und einen Stil für mehrere Verwendungszwecke. (Einige Familien bieten sogar Serifen- und serifenlose Optionen an, wenn Sie das gesamte Design in einer einzigen Schriftfamilie behalten möchten.)

Mix and Match Styles

Wenn Sie Schriften auswählen - dies kann zugegebenermaßen der schwierigste Teil vieler Designprojekte sein -, ist es in Ordnung und sogar bevorzugt, zwei verschiedene Schriftstile zu wählen.

Die häufigste Paarung ist eine Serife und eine serifenlose. Aber daran musst du dich nicht halten.

Achten Sie beim Koppeln verschiedener Stile und Schriftarten auf Schriftzüge mit einer ähnlichen x-Höhe (suchen Sie nach Zeichensätzen mit derselben vertikalen Kleinbuchstabengröße „x“) und Schalenform (Leerzeichen innerhalb geschlossener Buchstaben wie z. B. einem „o“).

Diese Details können einen großen Unterschied darin machen, wie sich Schriften zusammen anfühlen und wie einfach es für Benutzer ist, den Text zu lesen. Die Verwendung ähnlicher Buchstabenformen in verschiedenen Stilen hat immer noch eine visuelle Vertrautheit, die das gemeinsame Lesen aller Typen erleichtert.

Vergessen Sie Bindestriche und Rechtfertigung

In den meisten Fällen sind Bindestriche und eine vollständige Begründung nicht erforderlich.

Insbesondere online können diese Techniken das Verdauen und Verstehen von Text auf einen Blick erschweren. Bindestriche unterbrechen das Leseerlebnis, und eine vollständige Begründung führt häufig zu ungeraden Abständen, die schwer zu lesen sind.

Während 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 dicker, größer oder dünner zu machen. Wählen Sie stattdessen eine neue Schriftart.

Schriftdesigner arbeiten hart daran, einen konsistenten Zeichensatz für eine Schrift zu erstellen, der lesbar ist und zum Stil der Schrift passt. Versuchen Sie nicht, das Aussehen einer Reihe von Zeichen zu ändern. Sie werden sie nicht verbessern und dabei oft ein Chaos der Art anrichten.

Wenn eine Schrift nicht so funktioniert, wie Sie es brauchen, suchen Sie nach etwas anderem. Probieren Sie das Identifont-Tool für ähnliche Schriftarten aus, mit dem Schriftarten mit ähnlichen Erscheinungsbildern identifiziert werden, um eine andere Option auszuwählen, die in Ihrem Projekt möglicherweise besser funktioniert.

Kontrast

Design für Kontrast mit Typografie. Berücksichtigen Sie beim Erstellen einer Hierarchie unterschiedliche Größen, berücksichtigen Sie unterschiedliche Schriftstärken, Farben und Stile, um visuelles Interesse zu wecken.

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, wie z. B. leuchtendes Rot auf rechtsblau, sehr schwer zu lesen sind. Suchen Sie nach Kombinationen, die sich in Bezug auf Hell und Dunkel, Lebendigkeit und Sättigung unterscheiden.

Wenn es um Kontraste geht, sind einfache Hintergründe oft am besten geeignet, um dem Text Raum zum Lesen zu geben. Wenn der Hintergrund jedoch visuelle Elemente wie ein Bild oder ein Muster enthält, erhöhen Sie die Größe der Schrift, um eine Trennung zwischen dem Hintergrund- und dem Vordergrundtextelement zu erreichen.

Angelegenheiten messen

Ein Maß ist die Größe des Containers, der Text enthält. Dies kann die Breite eines gesamten Textrahmens oder einer einzelnen Spalte in einem mehrspaltigen Format sein.

Die Messung ist wichtig, da die Anzahl der Zeichen (einschließlich Leerzeichen, Glyphen und Interpunktion) auf dem Bildschirm die Lesbarkeit beeinträchtigen kann. Die Theorie hinter diesem Konzept ist, dass wenn das Lesen zu lang oder zu kurz ist, das Lesen für das Auge des Benutzers aufgrund einer ständigen Hin- und Herbewegung von einer Zeile zur nächsten anstrengend sein kann.

Aus den Elementen des typografischen Stils: „Alles zwischen 45 und 75 Zeichen wird allgemein als zufriedenstellende Zeilenlänge für eine einspaltige Seite angesehen, die in einer serifierten Textfläche in einer Textgröße festgelegt ist. Die 66-stellige Zeile (die sowohl Buchstaben als auch Leerzeichen zählt) wird allgemein als ideal angesehen. Für mehrspaltige Arbeiten liegt ein besserer 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 tendieren, wodurch die Anzahl der Zeichen in das kleinere Ende dieses Bereichs fallen würde.

Obwohl die mobile Typografie bei der Erstveröffentlichung des Buches kein Problem darstellte, ist die Richtlinie für mehrere Spalten ein akzeptabler Ausgangspunkt. Sie können sich sogar dafür entscheiden, etwas tiefer zu gehen und für kleine Bildschirme optimalere 35 Zeichen pro Zeile anzustreben.