Heute besprechen wir etwas, das sowohl ein heißer Trend als auch zeitlose Kunst ist: Typografie. Die unten aufgeführten Grundregeln helfen Ihnen, sich mit der Strukturierung und Verwendung von Typografie in Ihren Entwürfen vertraut zu machen.
Wenn Sie sich dieser Regeln bewusst sind, kann fast alles, was Sie erstellen, eine Schlagzeile oder ein typografisches Element enthalten. Lass uns anfangen!
1. Lerne die Grundlagen
Der erste Schritt zu einer effektiveren Typografie besteht darin, etwas über die Kunst zu lernen. Wenn Sie mit den Konzepten nicht vertraut sind, denken Sie vielleicht, dass Typografie eine ziemlich einfache Disziplin sein muss. Sicherlich, wenn Sie das Alphabet kennen, haben Sie die halbe Miete richtig gewonnen? Alles, was übrig bleibt, ist zu ändern, wie es ein bisschen aussieht, und Sie haben sich eine Schriftart! In der Realität ist Typografie ziemlich kompliziert und ist ebenso viel Wissenschaft wie Kunst.
Die Anatomie einer Schrift beinhaltet sehr spezifische Fachsprache, genaue Maße und allgemeine Standards, die bekannt sein und respektiert werden müssen. Wie bei vielen Gestaltungsformen können Sie eine Regel nur brechen, wenn Sie sie gut kennen und beabsichtigen, eine Aussage zu treffen.
Einer der besten Orte, um Online über Typografie zu lernen, ist I Love Typography, ein Blog, der sich mit schönen Typen befasst. Hier ist ein Bild von ILT mit einigen Begriffen, mit denen Sie sich vertraut machen sollten:
Wie Sie sehen, wird das Erstellen hübscher Buchstaben schnell kompliziert. Die obige Grafik eignet sich hervorragend, um diese Begriffe visuell zu erläutern. Dies ist jedoch keine erschöpfende Liste der Begriffe und Konzepte, mit denen Sie sich vertraut machen müssen. Zum Beispiel werden Begriffe wie x-Höhe, Kerning und Basislinie in der Grafik nicht einmal angesprochen. Um all dies besser in den Griff zu bekommen, sollten Sie ein paar Minuten damit verbringen, ein typografisches Glossar zu durchsuchen.
Wofür zum Teufel?
Die Antwort auf diese Frage ist offensichtlich: "Weil Sie Designer sind!" Wenn Sie regelmäßig Designs erstellen, die Wörter verwenden, befassen Sie sich mit der Typografie, ob Sie beabsichtigen oder nicht. Wenn Sie sich etwas Zeit nehmen, um die Grundprinzipien zu erlernen, werden Sie sich der Eigenschaften der von Ihnen gewählten Schriften und der Art, in der Sie den Typ als Kunst verwenden, deutlich bewusster.
2. Achten Sie auf Ihr Kerning
Dieser Beitrag ist nicht als umfassende Untersuchung der Typografie gedacht, daher werde ich nicht jeden der oben genannten Begriffe im Detail untersuchen. Kerning ist jedoch etwas, das viele Designer, neue und alte, völlig außer Acht lassen. Ich habe dieses Thema kürzlich mit dem Senior Art Director einer großen Damenmode-Website diskutiert. Die einzige Sache, die sie am meisten über die Designer unter sich frustrierte, ist ihr beständiger Mangel an Aufwand beim Kerning.
Was ist es?
Beim Kerning wird der Abstand zwischen zwei Buchstaben in einer bestimmten Schriftart angepasst. Beachten Sie, dass dies ein anderes Problem ist als das Tracking, bei dem der Abstand zwischen allen Buchstaben gleichzeitig angepasst wird. Sie denken vielleicht, ein teures Programm wie Adobe Illustrator würde automatisch alle Kernelprobleme für Sie lösen, und dies ist daher kein Problem, das in Ihrem Bildmaterial auftritt. Denk nochmal. Schauen Sie sich das Beispiel unten an:
Wenn Sie es nicht gewohnt sind, nach Kerning-Problemen zu suchen, sind die Probleme möglicherweise subtil, aber sie sind vorhanden. Beachten Sie, wie die Großbuchstaben? D? im obigen Beispiel hebt sich das restliche Wort deutlich ab. Standardmäßig können viele Schriftarten, insbesondere solche mit ausgeprägten Serifen, inkonsistente Buchstabenabstände aufweisen. Dies ist normalerweise kein großes Problem in einem Absatz oder Satz, da die inkonsistenten Abstände in Blöcken kleinerer Kopien miteinander verschmelzen. Wenn Sie jedoch nur mit wenigen Wörtern zu tun haben, z. B. in einer Überschrift oder einem Logo, können schlampige Kerning-Probleme die gesamte Ästhetik zerstören.
Kerning-Probleme können beim Umgang mit Webfonts und CSS kompliziert werden. Sie können jedoch leicht behoben werden, wenn Sie Text als Grafik (für Print oder Web) in Illustrator, Photoshop usw. erstellen. Setzen Sie den Cursor einfach zwischen zwei Zeichen und verwenden Sie die Option (PC = alt) -Taste in Verbindung mit den linken und rechten Pfeiltasten, um den Abstand einzustellen. Denken Sie daran, sich nicht auf die Buchstaben zu konzentrieren, sondern auf den negativen Abstand zwischen den Buchstaben. Versuchen Sie, diesen Bereich für das Wort oder den Satz visuell konsistent zu gestalten.
3. Seien Sie sich der Fontkommunikation bewusst
Die Auswahl der Schriftart sollte niemals ein beliebiger Prozess sein. Durchblättern Sie einfach Ihre gesamte Bibliothek, um eine Schriftart zu finden, die Sie möchten, und Sie erhalten selten ein effektives Ergebnis. Der Grund ist, dass bestimmte Arten von Schriftarten mit einer inhärenten Psychologie verbunden sind. Um zu verstehen, was ich meine, betrachten Sie die folgenden Beispiele:
Wenn Sie scharfsinnig sind, werden diese Schriftarten sehr schlecht erscheinen. Der Grund ist, dass es eine große Diskrepanz zwischen der visuellen Persönlichkeit der Schriftartauswahl und den damit geschriebenen Wörtern gibt. Man würde fast nie den weltweit führenden ultimativen Kampfchampion in einer hübschen Schreibschrift sehen. Genauso würden Sie Cooper Black auf Ihren Hochzeitseinladungen wahrscheinlich nie verwenden. Wir haben uns daran gewöhnt, verschiedene Schriftarten für bestimmte Zwecke zu sehen.
Jede Schrift kommuniziert bestimmte Eigenschaften auf bewusster und unterbewusster Ebene. Zwei der wichtigsten Kommunikationsbereiche sind Gender und Ära. Betrachten Sie die Beispiele unten.
Beachten Sie, wie die ersten beiden Schriftarten ein bestimmtes Zeitalter stark kommunizieren. In ähnlicher Weise besitzen die nächsten zwei Schriftarten jeweils eng miteinander verbundene geschlechtsspezifische Merkmale. Dicke Schriftarten mit harten Kanten wirken eher maskulin und männlich, während kurvige, dünne Schriftarten feminin und mädchenhaft wirken.
All dies mag ein wenig offensichtlich erscheinen, aber Ihre typografischen Fähigkeiten verbessern sich sprunghaft, wenn Sie dieses Wissen aus dem impliziten und instinktiven Teil Ihres Gehirns herausnehmen und in explizite und beabsichtigte Aktionen umwandeln können.
Mehr zu Schriften
Weitere Informationen zu bestimmten Typen von Schriftarten finden Sie in der Typenklassifizierungstabelle von Adobe.
4Ausrichtung
Ausrichtung ist ein äußerst wichtiges Konzept in der Typografie. Aus irgendeinem Grund neigen Nicht-Designer dazu, alles instinktiv auszurichten. Irgendwo im Leben lernen wir, wenn etwas zentriert ist, dann ist es ausgeglichen und daher besser. In der Realität ist die Zentrumsausrichtung die schwächste und am schwersten lesbare Ausrichtung und sollte sehr selektiv verwendet werden.
Die ersten beiden Absätze oben sind linksbündig. So sind wir an das Lesen gewöhnt, weil es in der Regel das Format ist, das wir in Büchern, Magazinen usw. sehen. Die Absätze in der Mitte sind viel schwerer zu lesen, da keine harten Kanten vorhanden sind. Es gibt keinen konsistenten Start- oder Stopppunkt für jede Linie, sodass Ihre Augen einen Moment brauchen, um sich an jede neue Linie anzupassen. Der Unterschied ist in der Praxis geringfügig, im Prinzip aber sehr groß.
Dies bedeutet nicht, dass Sie immer nur die linke Ausrichtung verwenden sollten. Stellen Sie sicher, dass Sie sich ständig fragen, wie wichtig Lesbarkeit im Vergleich zur jeweiligen Ästhetik ist, die Sie erreichen möchten. Im Idealfall würden diese Prinzipien immer zusammenarbeiten, doch in Wirklichkeit sind sie oft gegensätzliche Kräfte, die auf die eine oder andere Weise Kompromisse erfordern.
Beachten Sie auch das Mischen von Ausrichtungen. Unabhängig davon, für welche Ausrichtung Sie sich entscheiden, versuchen Sie, während des gesamten Entwurfs konsistent zu sein. Es ist oft (wenn auch nicht immer) angebracht, eine Überschrift in der Mitte über einer links ausgerichteten Kopie auszurichten. Wenn Sie jedoch mit gemischten Ausrichtungen experimentieren, kann dies zu einer visuell unübersichtlichen und verwirrenden Seite führen.
Weitere Informationen zur Ausrichtung von Schriftarten finden Sie im folgenden Artikel.
Auswählen von Typausrichtungen für das Web
5. Wählen Sie eine gute sekundäre Schriftart
Nachdem Sie eine primäre Schriftart ausgewählt haben, müssen Sie im nächsten Schritt eine andere Schriftart auswählen, die sie betont. Dies steht im Gegensatz zu einer Schrift, die mit der primären Auswahl in Konflikt steht.
Es gibt einige Probleme mit dem ersten Beispiel in der Abbildung oben. Erstens sind die gewählten Schriftarten sehr schlecht. Die unterstützende Schrift ist kunstvoller (und schwerer zu lesen) als die primäre Schrift! Dies beeinträchtigt die primäre Schriftart und sollte vermieden werden. Auch wenn das erste Problem kein Problem war, sind die beiden Schriftarten zu dick, um zusammen verwendet zu werden. Obwohl sie sich im Stil drastisch unterscheiden, bietet ihr ähnliches Hubgewicht keinen ausreichenden visuellen Kontrast zwischen den beiden.
Das zweite Bild verwendet entsprechend kontrastierende Schriftarten und verwendet eine dünnere, einfachere Schriftart für das Untertag. Ihre Schriften müssen sich definitiv nicht so sehr gegenüberstellen (der Effekt wurde für das Beispiel absichtlich übertrieben). Stellen Sie nur sicher, dass sie unterschiedlich genug sind, um visuelle Verwirrung zu vermeiden und der primären Schrift mehr Nachdruck zu verleihen.
6. Größe ist wichtig
Ich habe in den sechs Jahren, in denen ich Designer war, Tonnen von Werbedrucksachen erstellt. Sie lernen sehr früh, mit Werbematerialien zu arbeiten, dass Schlagzeilen den Leser sofort packen sollten. Sie haben am besten ein oder zwei Sekunden, um die Aufmerksamkeit von jemandem in der Druckwelt zu erlangen. Wenn Sie diese Gelegenheit verpassen, haben Sie Ihren potenziellen Kunden verloren.
Praktisch bedeutet dies, dass Sie beim Erstellen einer Überschrift nicht einfach die Textzeile eingeben: Design. Betrachten Sie die folgenden zwei Beispiele:
Die erste Überschrift erfordert, dass Sie jedes Wort lesen, um ein Gefühl dafür zu bekommen, worum es in der Nachricht geht. Alles hat die gleiche Größe, Breite und Farbe, so dass an keiner Stelle der Nachricht der Schwerpunkt liegt. Das Wort könnte? ist genauso visuell wichtig wie das Wort "win".
Im Gegensatz dazu ist die zweite Überschrift viel stärker, obwohl sie genau dieselbe Nachricht verwendet. Ich habe die Worte, die nicht so wichtig sind, entlastet und wirklich die Wörter geschrien, die sind. Das Problem mit der ersten Schlagzeile ist, dass der Zuschauer bereit sein muss, sich die Zeit zu nehmen, um sie zu lesen. Der Trick besteht dann darin, den Betrachter dazu zu bringen, die wichtigen Teile zu lesen, sobald sie die Schlagzeile sehen, fast wie zufällig.
Wenn Sie das zweite Beispiel betrachten, sollten Sie als Erstes das Wort "WIN" beachten. gefolgt von? THE BAHAMAS.? Wenn Sie die Zielgruppe sind, haben wir Ihr Interesse geweckt und Sie nehmen sich viel mehr Zeit, um zu sehen, worum es in dieser Nachricht geht.
7. Verwenden Sie Typografie als Kunst
Hören Sie auf, Typografie als einfache Überschriften und Körperkopien zu betrachten, und beginnen Sie, sie als Gestaltungselement zu betrachten. Die Schriftarten sind sorgfältig entworfen und besitzen daher eine Ästhetik, die für Ihr Design-Arsenal von unschätzbarem Wert sein kann. Dies geht natürlich weit über das Bauen von Gesichtern mit Buchstaben hinaus. Wenn Sie ein typografieorientiertes Design erstellen möchten, überlegen Sie, wie Sie attraktiven Typ als Held integrieren können.
Fühlen Sie sich auch nie so, als wären Sie durch die Struktur der vorhandenen Schriftarten eingeschränkt. Erweitern Sie die Schriftformen entsprechend Ihren Anforderungen. Versuchen Sie, Wirbel, Textur, Flecken, Gamaschen und alles, was Sie sich vorstellen können, hinzuzufügen, um das Aussehen des Typs aufzuwerten.
8. Gute Inspiration finden
Der beste Weg, um eine effektive und attraktive Typografie zu erstellen, besteht darin, einige vorhandene Beispiele zu finden und zu studieren. Im Folgenden finden Sie einige großartige Artikel, mit denen Sie online Inspiration finden können, aber hören Sie dort nicht auf. Gute und schlechte Typografiebeispiele sind ebenso nah am nächsten Fast-Food-Joint. Halten Sie überall Ausschau, was andere tun, und denken Sie darüber nach, warum es gut funktioniert oder nicht.
Wunderbare Beispiele für florale Typografie
40 Beispiele für schöne Typografie im Werbedesign
Wunderschöne Typografie-Beispiele im Werbedesign
50 Beispiele für Vintage Typografie
Die Regeln brechen
Denken Sie daran, dass diese Regeln lediglich als Richtlinien dienen sollen, die Ihnen helfen, eine großartige Typografie zu erstellen. Auf dem Weg dorthin werden Sie feststellen, dass einige Ihrer besten Arbeiten einen oder mehrere der in diesem Artikel beschriebenen Prinzipien aufheben.Wie ich bereits sagte, ist der Moment, in dem Sie eine bestimmte Regel im Design vollständig verstehen, der Moment, in dem Sie die Erlaubnis haben, sie zu brechen. Stellen Sie nur sicher, dass die Missachtung nicht willkürlich ist, sondern mit Absicht ausgeführt wird, um ein bestimmtes Ziel zu erreichen.
Zusätzliche Ressourcen
- Typedia: Eine freigegebene Enzyklopädie der Schriftarten
- Typophile
- Die Elemente des typografischen Stils, die auf das Web angewendet werden
- 15 Tipps zum Auswählen eines guten Texttyps
Regeln sind in der Regel einschränkend, aber ich hoffe, diese acht Vorschläge haben Ihre Typografie-Möglichkeiten erfolgreich geöffnet.