Haben Sie jemals bemerkt, dass einige Projekte einfach nur mit einem tollen Typ glänzen? 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 Erscheinungsbild und die Gestaltung der Typografie in allen Ihren Projekten digital und gedruckt verbessern. Wenn Sie Schwierigkeiten bei der Auswahl von Schriftarten und beim Pairing von Schriftarten haben, können Sie mit diesen Regeln jedes Mal einen perfekten Typ entwerfen. (Stellen Sie einfach sicher, dass Sie ihnen folgen.)
1. Legen Sie Ziele für das Projekt fest
Gute Typografie beginnt mit einem fundierten Verständnis dafür, was Ihr Projekt tun soll. Bevor Sie mit dem Durchsuchen von Google Fonts oder Typekit beginnen, notieren Sie die Antworten auf einige Fragen.
- Wen wollen 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 andere Designs oder Branding abstimmen oder koordinieren?
Die Antworten helfen Ihnen, eine Vorstellung davon zu bekommen, welche Art von Typografie Sie suchen. (Hier finden Sie eine Anleitung zu Bedeutung und Stimmung von Schriftbildern in Designprojekten.)
2. Suchen Sie nach ähnlichen Formen
Wenn es darum geht, mehrere Schriftarten in einem Design abzugleichen, kann die Schriftkombination durch die Form der Beschriftung so einfach gestaltet oder gebrochen werden.
Wie stellen Sie sicher, dass Sie es schaffen?
Suchen Sie nach Schriftarten 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äre oder Hauptschriftart aus, die Sie mögen, und passen Sie dann komplementäre Schriftarten mit ähnlichen Formen an.
- Schauen Sie sich die Kleinbuchstaben an. in jeder Typfamilie. Ist die innere Schüssel? rund oder oval? Passen Sie die Schriftarten an, bei denen das Innere des? O? ist dasselbe.
- Es ist in Ordnung, dicke und dünne Schriftarten 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?).
- Scheuen Sie sich nicht, verschiedene Schriftarten miteinander zu kombinieren. Versuchen Sie eine Kombination aus Serifenlos und Serifenlosem. Stellen Sie nur sicher, dass die eine Schriftart komplex ist und die andere einfach ist. Und verwenden Sie die einfache Schriftart für die breiteste Anwendung, z. B. Textkörper.
- Achten Sie auf Neigung und Kursivschrift. (Sie können sich das Zentrum der Schrift wieder als Richtlinie ansehen.) Verwenden Sie nicht mehr als eine geneigte Schrift und vermeiden Sie Schriftpaare, die in entgegengesetzte Richtungen geneigt sind. Sie können für Benutzer unangenehm sein.
Immer noch unsicher? Hier finden Sie eine Anleitung zum Mischen von Schriftarten.
3. Legen Sie eine Skalierung für die Größenbestimmung fest
Die Größe der Beschriftung kann ein Projekt bestimmen oder zerstören. 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, können die Augen überanstrengt und der Benutzer kann das Design verlassen.
Wenn der Text gerade richtig ist, bewegen sich die Benutzer frei durch die Wörter.
Text, der genau die richtige Größe hat, enthält auch eine Skala für verschiedene Größen im Projekt. Textkörper haben eine Größe, Überschriften eine andere Größe und Unterüberschriften eine andere Größe. Alle Größen und Verwendungsmöglichkeiten sollten im gesamten Design konsistent sein.
Für den Benutzer bedeutet dies, dass alles lesbarer wird.
- Die Textgröße priorisiert Informationen nach Wichtigkeit. Größere Typen sind wichtiger und werden von den meisten Benutzern mit größerer Wahrscheinlichkeit überflogen.
- Eine Skala erhöht die Durchsuchbarkeit von Text, sodass Benutzer ihn schnell anzeigen können.
- Verwandte Artikel haben das gleiche Aussehen.
- Größere Textelemente wie Subheaders tragen dazu bei, lange Textblöcke aufzubrechen und das Lesen zu erleichtern.
4. Achten Sie auf den Abstand
Es ist nicht der Typ an sich, aber der Abstand ist wichtig.
Kerning, Leading, Tracking und Padding können Ihren Typ wunderschön rendern oder in ein heißes Durcheinander verwandeln.
Es ist eine feine Kunst, den richtigen Abstand zu erhalten. Vieles hängt von den verwendeten Buchstabenkombinationen, der Größe und der Schriftart ab. Es gibt keine Kerning-Regel - es sei denn, Sie müssen es tun, wenn es nötig ist - und es gibt nicht genügend Platz für Text und andere Elemente.
Du wirst es beobachten müssen.
Der Test ist das Gefühl. Wenn sich das Design anfühlt? in einer Weise, die Sie nicht genau bestimmen können, könnte der problematische Abstand schuld sein. Es braucht nur Übung und ein gutes Auge, um es richtig zu machen.
5. Links zum Lesen ausrichten
In Englisch und anderen Sprachen lesen Benutzer von links nach rechts. Dies ist auch die ideale Ausrichtung, um die Lesbarkeit innerhalb von Kopienblöcken zu optimieren.
Kleine Textteile - Menüelemente oder Heldenschlagzeilen - müssen sich nicht nach links ausrichten, da sie schnell gelesen werden können. Große Kopienmengen - mehr als ein Satz - sollten wahrscheinlich links ausgerichtet bleiben. (Die Rechtfertigung ist unbestreitbar, auch wenn Sie nicht besonders vorsichtig sind.)
6. Wählen Sie zwei Typfamilien aus
Diese Regel wurde wahrscheinlich bereits in Ihren Kopf gestoßen: Verwenden Sie für ein Projekt nur zwei Schriftarten.
Es wird hier noch einmal gesagt, weil so wenige Designer diese Regel tatsächlich beachten. Scannen Sie die Website oder eine Portfolio-Website, und Sie werden zahlreiche 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 der Mischung eine weitere Schrift hinzufügen? Sehen Sie sich stattdessen die von Ihnen gewählte Schriftart an und prüfen Sie, ob ein anderer Stil - fett oder dünn oder kursiv - die bessere Lösung sein könnte.
7. Ändern Sie keine Schriftarten
Dehnen oder verdrehen oder neigen Sie niemals eine Schrift. Wenn Sie etwas anderes benötigen, 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 auseinander brechen. So wird ein Foto pixeliert, wenn Sie es größer als die Originalgröße verwenden.
8. Verwenden Sie viel Kontrast
Ein Problem, das Designer in Schwierigkeiten bringt, besteht darin, einem Bild oder Hintergrundelement Text zu geben.Dies funktioniert nur, wenn Sie einen starken Kontrast zwischen den Elementen haben, um eine Trennung zu erreichen und die Lesbarkeit zu gewährleisten.
Wenn Sie der Beschriftung einen Schlagschatten hinzufügen müssen, reicht der Kontrast nicht aus.
Licht bei Dunkelheit oder Dunkelheit bei Licht kann die Lesbarkeit gewährleisten. Es hilft auch, eine Schrift mit einem regulären oder breiteren Strich zu verwenden.
Das ist aber nicht immer so. Ein Foto kann helle und dunkle Räume enthalten, oder das Auslassen dicker und dünner Striche.
Zu den Optionen gehören Boxtext, Auswählen einer stärkeren Schriftart oder Hinzufügen einer Farbüberlagerung zum Bild. Alle diese Techniken können dazu beitragen, mehr Kontrast zu schaffen und Text lesbarer zu machen. (Außerdem neigen sie dazu, bei mehreren ansprechbaren Haltepunkten, an denen sich Text und Bilder bewegen, Stand zu halten.)
9. Denken Sie an Mobile Typography
Wenn es um Typografie für das Web geht, sollte die mobile Lesbarkeit oberste Priorität haben. Spaßtechniken wie das Hinzufügen eines Musters oder einer Textur zu Buchstaben können beim Drucken und einigen Desktop-Bildschirmen funktionieren, bei kleineren Geräten jedoch nicht.
Sie müssen darüber nachdenken, wie Schriftarten bei allen Anwendungen gerendert werden. (Gehen Sie zurück zu Ihrer Typografieskala und vergessen Sie nicht, die Spezifikationen für den Typ auf großen und kleinen Bildschirmen anzugeben.)
Die mobile Typografie ist oft etwas groß und umfasst etwas mehr Abstand als die Typografie auf Desktops. Dies ist auch hilfreich, wenn die Absätze kürzer sind, sodass Sie nicht mit Textblöcken enden müssen, die mehrere Schriftrollen zum Lesen benötigen.
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 allen genauen Regeln für die Verwendung.
Kopien machen. Stellen Sie es online an einem zugänglichen Ort auf. Und verwenden Sie es, wenn Sie Änderungen am Design vornehmen.
Konsistenz ist eine Schlüsselkomponente für ein perfektes Typografie-Design.
Fazit
Das Gute an schlechter Typografie ist, dass die meisten Benutzer das eine oder das andere erkennen können. Sie wissen nur, wann das Design nicht stimmt.
Das Hauptanliegen bei der Erstellung perfekter Typografie ist die Lesbarkeit. Typ muss gut lesbar und verständlich 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.