10 Regeln für perfektes Schriftdesign, jedes Mal
Haben Sie jemals bemerkt, dass einige Projekte nur mit großartigem Typ zu leuchten scheinen? Einige Designer haben ein gewisses Talent, für jedes Projekt die perfekte Typografie zu entwerfen.
Du kannst es auch tun. Mit einer Handvoll einfacher Regeln können Sie das Aussehen und Design von Typografie in all Ihren Projekten digital und in gedruckter Form verbessern. Wenn Sie Schwierigkeiten haben, Schriftarten auszuwählen und Schriftarten zu koppeln, können Sie mit diesen Regeln jedes Mal die perfekte Schrift entwerfen. (Folgen Sie ihnen einfach.)
Entdecken Sie Envato-Elemente
1. Setzen Sie sich Ziele für das Projekt
Gute Typografie beginnt mit einem soliden Verständnis dessen, was Ihr Projekt tun soll. Notieren Sie sich die Antworten auf einige Fragen, bevor Sie Google Fonts oder Typekit durchsuchen.
- Wen möchten Sie mit diesem Projekt erreichen?
- Was sollen Benutzer mit dem Design machen?
- Was sind die Umrechnungspunkte?
- Wie ist die Stimmung des Projekts?
- Müssen Sie mit anderen Designs oder Marken übereinstimmen oder diese koordinieren?
Die Antworten helfen Ihnen dabei, eine Vorstellung davon zu bekommen, nach welcher Art von Typografie Sie suchen. (Hier ist eine Anleitung zur Bedeutung und Stimmung von Schriften in Designprojekten.)
2. Suchen Sie nach ähnlichen Formen
Wenn es darum geht, mehrere Schriftarten in einem Design abzugleichen, kann etwas so Einfaches wie die Form der Beschriftung die Schriftkombination beeinflussen oder aufheben.
Wie stellen Sie sicher, dass Sie es schaffen?
Suchen Sie nach Schriften mit ähnlichen Formen. Überlegen Sie, ob jede Schrift runder oder ovaler, dicker oder dünner ist, eine kurze oder hohe x-Höhe hat oder eine Neigung oder Neigung aufweist.
Wählen Sie eine Primär- oder Textschrift aus, die Ihnen gefällt, und passen Sie dann komplementäre Schriftarten mit ähnlichen Formen an.
- Sehen Sie sich das Kleinbuchstaben "o" in jeder Typenfamilie an. Ist die innere "Schüssel" rund oder oval? Passen Sie Schriftarten an, bei denen das Innere des „o“ identisch ist.
- Es ist in Ordnung, dicke und dünne Schriften zu koppeln. Es ist besser, eine dicke oder dünne und normale Schrift zu koppeln.
- Suchen Sie nach Schriften mit ähnlichen x-Höhen (die vertikale Größe eines „x“).
- Haben Sie keine Angst, verschiedene Schriftstile zu kombinieren. Versuchen Sie eine Kombination aus Serife und Serife. Stellen Sie einfach sicher, dass die andere einfach ist, wenn eine Schrift komplex ist. Verwenden Sie die einfache Schriftart für die breiteste Anwendung, z. B. Textkörper.
- Achten Sie auf Schräg- und Kursivschrift. (Sie können die Mitte des „o“ als Richtlinie erneut betrachten.) Verwenden Sie nicht mehr als eine schräge Schrift und vermeiden Sie Schriftpaare, die in entgegengesetzte Richtungen geneigt sind. Sie können für Benutzer erschütternd sein.
Immer noch unsicher? Hier ist eine Anleitung zum Mischen von Schriftarten.
3. Legen Sie eine Typenskala für die Größe fest
Die Größe der Beschriftung kann ein Projekt machen oder brechen. Wenn der Text zu groß ist, führt dies zu unnatürlichen Lesemustern mit zu vielen Pausen und Stopps. Wenn der Text zu klein ist, kann dies die Augen belasten und dazu führen, dass Benutzer das Design verlassen.
Wenn der Text genau richtig ist, können sich die Benutzer frei durch die Wörter bewegen.
Text mit der richtigen Größe wird auch mit einer Skala für verschiedene Größen im Projekt geliefert. Textkörper haben eine Größe, Überschriften eine andere Größe und Unterüberschriften eine weitere Größe. Alle Größen und Verwendungszwecke sollten im gesamten Design konsistent sein.
Dies bedeutet für Benutzer, dass alles leichter lesbar ist.
- Die Textgröße priorisiert Informationen nach Wichtigkeit. Größere Schriftarten sind wichtiger und werden von den meisten Benutzern eher überflogen.
- Eine Skala erhöht die Scanbarkeit von Text, sodass Benutzer ihn schnell anzeigen können.
- Verwandte Artikel haben das gleiche Erscheinungsbild.
- Größere Textelemente, wie z. B. Unterüberschriften, helfen beim Aufteilen langer Textblöcke und erleichtern das Lesen.
4. Achten Sie auf den Abstand
Es ist nicht der Typ an sich, aber der Typabstand ist wichtig.
Kerning, Leading, Tracking und Padding können Ihren Typ wunderschön rendern oder in ein heißes Chaos verwandeln.
Es ist eine gute Kunst, den richtigen Abstand zu finden. Und vieles davon hängt von den tatsächlich verwendeten Buchstabenkombinationen, der Größe und der Schrift ab. Es gibt keine Kerning-Regel - außer es bei Bedarf zu tun - und es gibt keine perfekte Auffüllung für Text und andere Elemente.
Du wirst es sehen müssen.
Der Test ist Gefühl. Wenn sich das Design auf eine Weise „aus“ anfühlt, die Sie nicht genau bestimmen können, kann dies an problematischen Abständen liegen. Es braucht nur Übung - und ein gutes Auge - um es richtig zu machen.
5. Zum Lesen links ausrichten
Sowohl in Englisch als auch in anderen Sprachen lesen Benutzer von links nach rechts. Dies ist auch die ideale Ausrichtung zur Optimierung der Lesbarkeit innerhalb von Kopierblöcken.
Kleine Textteile - Menüelemente oder Heldenüberschriften - müssen nicht nach links ausgerichtet werden, da sie schnell lesbar sind. Große Mengen an Kopien - mehr als ein Satz - sollten wahrscheinlich linksbündig ausgerichtet werden. (Eine Begründung ist fraglich, kann jedoch zu Bedenken hinsichtlich des Abstands führen, wenn Sie nicht sehr vorsichtig sind.)
6. Wählen Sie zwei Typfamilien aus
Diese Regel ist Ihnen wahrscheinlich schon in den Sinn gekommen: Verwenden Sie nur zwei Schriften für ein Projekt.
Es wird hier noch einmal gesagt, weil so wenige Designer diese Regel tatsächlich beachten. Scannen Sie das Web oder eine Portfolio-Website und Sie werden viele Projekte mit "wild gewordenen Schriftarten" sehen!
Wenn Sie vorhaben, diese Regel zu brechen, denken Sie noch einmal darüber nach. Was gewinnen Sie, wenn Sie dem Mix eine weitere Schrift hinzufügen? Schauen Sie sich stattdessen die ausgewählte Schriftart an und prüfen Sie, ob ein anderer Stil - fett oder dünn oder kursiv - eine bessere Lösung darstellt.
7. Ändern Sie keine Schriftarten
Dehnen, verdrehen oder neigen Sie niemals eine Schrift. Wenn Sie etwas anderes benötigen als das, was Sie haben, wählen Sie eine andere Option.
Schriftdesigner verbringen viel Zeit damit, Schriftzüge zu erstellen, die wie dargestellt funktionieren. Das Ändern der Buchstabenform beeinträchtigt die Lesbarkeit und kann dazu führen, dass Schriftarten bei der Verwendung eines Fotos, das größer als das Originalformat ist, „auseinanderbrechen“.
8. Verwenden Sie viel Kontrast
Eines der Dinge, die Designer in Schwierigkeiten bringen, ist das Aufschreiben eines Bildes oder Hintergrundelements. Dies funktioniert nur, wenn zwischen den Elementen genügend Kontrast vorhanden ist, um eine Trennung zu erzielen und die Lesbarkeit zu gewährleisten.
Wenn Sie der Beschriftung einen Schlagschatten hinzufügen müssen, ist der Kontrast nicht ausreichend.
Hell auf Dunkel oder Dunkel auf Licht kann die Lesbarkeit gewährleisten. Es ist auch hilfreich, eine Schrift mit einem regelmäßigen oder breiteren Strich zu verwenden.
Das ist aber nicht immer der Fall. Ein Foto kann helle und dunkle Räume enthalten, oder das Vermieten kann dicke und dünne Striche enthalten.
Zu den Optionen gehören Boxtext, die Auswahl einer schwereren Schrift oder das Hinzufügen einer Farbüberlagerung zum Bild. All diese Techniken können dazu beitragen, mehr Kontrast zu schaffen und Text besser lesbar zu machen. (Außerdem halten sie in der Regel, wenn sie an mehreren reaktionsschnellen Haltepunkten verwendet werden, an denen sich Text und Bilder bewegen.)
9. Denken Sie an die mobile Typografie
Wenn es um Typografie für das Web geht, sollte die Lesbarkeit von Mobilgeräten ein Hauptanliegen sein. Unterhaltsame Techniken wie das Hinzufügen eines Musters oder einer Textur zu Buchstaben können im Druck und auf einigen Desktop-Bildschirmen funktionieren, sind jedoch bei kleineren Geräten nicht ausreichend.
Sie müssen darüber nachdenken, wie Schriften bei allen Verwendungszwecken gerendert werden. (Kehren Sie zu Ihrer Typografieskala zurück und denken Sie daran, Angaben zum Typ auf großen und kleinen Bildschirmen zu machen.)
Mobile Typografie ist oft etwas groß und enthält etwas mehr Abstand als Typografie auf Desktops. Es ist auch hilfreich, wenn die Absätze kürzer sind, damit Sie keine Textblöcke erhalten, für deren Lesen mehrere Schriftrollen erforderlich sind, was Benutzer einschüchtern kann.
10. Halten Sie sich an einen Style Guide
Wenn Sie eine genaue Vorstellung davon haben, wie der Typ in einem Projekt aussehen soll, erstellen Sie einen Styleguide mit all Ihren genauen Verwendungsregeln.
Kopien machen. Stellen Sie es an einem zugänglichen Ort online. Und verwenden Sie es, wenn Sie Änderungen am Design vornehmen.
Konsistenz ist eine Schlüsselkomponente für ein perfektes Typografie-Design.
Fazit
Die Sache mit guter und schlechter Typografie ist, dass die meisten Benutzer den einen oder anderen identifizieren können. Sie wissen nur, wenn das Design einfach nicht ganz stimmt.
Das Hauptanliegen bei der Erstellung einer perfekten Typografie ist die Lesbarkeit. Der Typ muss leicht zu lesen und zu verstehen sein. Es sollte der Stimmung der Kopie entsprechen. Und es sollte sich für Benutzer fast unsichtbar anfühlen. Es funktioniert, wenn sie nicht darüber nachdenken müssen und problemlos lesen können.
