Typografie-Regeln: 8 Do's and Don'ts im Design

Haben Sie schon einmal das Gefühl gehabt, dass Ihrem Design etwas fehlt, obwohl alles vorhanden ist? Oder hatten Sie jemals das Gefühl, dass ein optisch ansprechendes Design die Botschaft immer noch nicht vermittelt? In mehreren dieser Situationen sollten Sie sich erneut mit der Typografie befassen. Wenn Sie die Typografieregeln beachten, haben Sie eine bessere Chance, Ihr Design von „meh“ zu „wow“ zu bringen. Denn Schriftarten sind die Grundlage für gutes Design.

Typografie gibt den Ton Ihres Designs vor, repräsentiert Ihre Markenpersönlichkeit und sorgt dafür, dass Ihre Botschaft klar und wie beabsichtigt vermittelt wird. Tatsächlich gelingt es einigen Marken, mit ihren Markenschriftarten eine solche Wirkung zu erzielen, dass man die Marke sofort wiedererkennt, wenn man die Schriftart woanders sieht.

Bei einem Designelement, das so viel Gewicht hat, sollten Sie unbedingt wissen, wann Sie die Regeln befolgen müssen und wann es in Ordnung ist, ein wenig zu schwanken. Aber das klingt nach einer einschüchternden Entscheidung, wenn man bedenkt, dass diese Entscheidung über Erfolg oder Misserfolg Ihres Designs entscheiden kann, oder? Vereinfachen wir das. In diesem Blog besprechen wir Typografieregeln.

Um die Dinge einfach zu halten und auch Nicht-Designern dabei zu helfen, die richtige Wahl für Schriftarten zu treffen, unterteilen wir die Regeln in einfache Gebote und Verbote.

Lassen Sie uns ohne weitere Umschweife den Ball ins Rollen bringen.

Typografieregeln vereinfachen – 8 Verhaltensregeln, die Sie kennen sollten

1. Machen Sie sich mit der Schriftpsychologie vertraut

An erster Stelle steht die Wahl der Schriftarten. Möglicherweise kennen Sie bereits die verschiedenen Schriftartenkategorien wie Serifen, serifenlose Schriftarten, Schreibschriftarten usw. Dies ist die umfassendste Art, Schriftarten zu klassifizieren. Und innerhalb jeder Kategorie finden Sie Schriftfamilien mit unterschiedlicher Ästhetik und Gesamtton. Eine der ersten Typografieregeln besteht darin, den Unterschied zwischen diesen Tönen zu verstehen und eine Schriftart auszuwählen, die die richtige Stimmung vermittelt.

Denn ein gutes Design sieht gut aus, aber ein großartiges Design erfüllt seine Aufgabe. Und dafür brauchen Sie Typografie, die die richtigen Emotionen weckt. Beeinflussen Schriftarten wirklich Emotionen, fragen Sie sich? Schauen Sie sich das folgende Beispiel an. Derselbe Text, aber in unterschiedlichen Schriftarten. Auf jeden Fall unterschiedliche Stimmungen, finden Sie nicht auch?

Anhand eines weiteren Beispiels erklären wir Ihnen, welche Rolle Schriftarten dabei spielen, den Ton eines Designs festzulegen. Bei den beiden folgenden Designs handelt es sich um Social-Media-Bilder, bei denen Text eine wichtige Rolle spielt.

Während der erste eher unterhaltsam und locker sein soll, soll der zweite formeller und informativer sein. Wenn Sie die professionellere Schriftart im zweiten Bild gegen einen lässigeren Stil wie im ersten Bild ausgetauscht hätten, wäre die Botschaft Ihrer Meinung nach genauso effektiv vermittelt worden?

Schriftarten mit einem lässigen Ton, wie sie im ersten Design verwendet wurden, sind eher gesprächig. Wenn Sie jedoch ernsthafte Informationen vermitteln müssen, benötigen Sie eine Schriftart, die Vertrauen schafft. Dies ist einer der Gründe, warum der Austausch der Schriftarten zwischen diesen Designs den beabsichtigten Effekt beeinträchtigt.

2. Nicht – verwenden Sie zu viele Schriftarten

Okay, wir haben also darüber gesprochen, die richtige Schriftart für das Design auszuwählen. Wenn Sie die Schriftbibliotheken durchgehen, werden Sie mehrere solcher „richtigen“ Optionen finden. Bedeutet das, dass Sie bei der Gestaltung des Designs so viele verschiedene Stile verwenden können, wie Sie möchten?

Werfen Sie einen Blick auf das untenstehende Design und Sie werden die Antwort auf diese Frage haben.

Wenn Sie das obige Design überflogen haben, Ihre Augen überall hingen oder Sie den Text ganz übersprungen haben, können wir es Ihnen nicht verübeln. Das passiert, wenn Sie in Ihrem Design zu viele Schriftarten verwenden. Erinnern Sie sich, dass wir gesagt haben, dass Schriftarten Emotionen hervorrufen? Sie möchten Ihr Publikum nicht mit zu vielen Emotionen verwirren, die in einem Design eingebettet sind.

Darüber hinaus kann das Hinzufügen zu vieler widersprüchlicher Schriftarten oder sogar Schriftstile die Ästhetik Ihres Designs beeinträchtigen. Denn dann sieht Ihr Design unorganisiert aus. Als fehle es an einer klaren Absicht.

Kimp-Tipp: Wie viele verschiedene Schriftarten können Sie für ein Design auswählen? In den meisten Fällen reicht eine Kombination aus zwei verschiedenen Schriftarten aus, um Ihren Entwurf umzusetzen. Nehmen Sie sogar den Fall eines textlastigen Kontexts wie eines Buches – Sie werden sehen, dass eine Schriftart in der Kopfzeile und eine im Fließtext verwendet wird. Sie können jederzeit mit der Formatierung experimentieren, um eine weitere Hierarchie zu erstellen.

Auch hier können Sie die Formatierungsunterschiede nicht übertreiben. Dadurch wirken die Textteile wiederum zu ablenkend und ungeschickt.

3. Tun Sie es – wählen Sie die richtigen Schriftartenkombinationen

Manchmal können selbst die schönsten Schriftarten den Ausschlag für Ihr Design geben, wenn sie zusammen nicht gut aussehen. Das ist die Kraft von Schriftartenkombinationen.

Ebenso wie die Wahl der richtigen Schriftart für Ihr Design ist auch die Kombination der richtigen Schriftarten eine Kunst, die es wert ist, erworben zu werden. Einige der klassischen Kombinationen, auf die Sie stoßen werden, sind:

• Serif + serifenlos
• Skript + Sans-Serif
• Skript + Serife

Dies sind Kombinationen, bei denen ein Stil wunderbar mit dem anderen harmoniert. Beispielsweise ist eine elegante Schreibschrift zwar gut, um Aufmerksamkeit zu erregen, aber schlecht, wenn es um die Lesbarkeit geht. Aber eine serifenlose Schriftart kann die Aufgabe gut erfüllen. Wählen Sie in ähnlicher Weise Schriftartenkombinationen, bei denen sowohl Ästhetik als auch Funktion mühelos erfüllt werden.

Im obigen Logo-Design verleiht die Schreibschrift eine persönliche Note, während die serifenlose Schriftart dafür sorgt, dass das Design professionell und glaubwürdig aussieht.

Überlegen Sie sich auch Schriftartenpaare, die zusammen gut aussehen. Gleichzeitig können Sie die Persönlichkeit der Schriftarten nicht ignorieren. Im obigen Logo-Beispiel hilft die Skriptschrift zwar bei der Personalisierung, sieht aber dennoch elegant aus und trägt dazu bei, die Glaubwürdigkeit der Marke darzustellen.

Kimp-Tipp: Die beiden Schriftarten, die Sie für Ihr Design auswählen, sollten nicht nur zusammen gut aussehen, sondern auch zu Ihrer Markenidentität passen. Aus diesem Grund identifizieren und verwenden Marken Markenschriftarten.

Die Markenrichtlinien für Design enthalten Einzelheiten zu den zu verwendenden Schriftarten und deren Verwendung. Denn Ihre Designs sind keine eigenständigen Einheiten, sondern Teile Ihres Marketing-Puzzles. Sie möchten also, dass alle Ihre Designs zusammenarbeiten, um Ihre Markenidentität zu etablieren.

Benötigen Sie Hilfe bei der Erstellung Ihrer Markenrichtlinien? Das Kimp-Team kann Ihnen bei der Gestaltung helfen.

4. Nicht – ignorieren Sie die Lesbarkeit

Wenn Sie sorgfältig Schriftarten auswählen, die Ihre Botschaft gut wiedergeben, und optisch ansprechende Schriftartenpaare finden, dürfen Sie eines nicht außer Acht lassen: die Lesbarkeit dieser Schriftarten. Selbst die schönsten Schriftarten werden Ihrem Design keinen Mehrwert verleihen, wenn sie schwer lesbar sind.

Manche Schriftarten sehen großartig aus und ihre einzigartige Ästhetik kann sofort Aufmerksamkeit erregen, aber sie sind möglicherweise nicht leicht zu lesen. In solchen Fällen bringen Sie Ihr Publikum zu Ihrem Design, aber Ihr Design vermittelt nicht die Botschaft. Das ist so gut, als würde Ihr Publikum an Ihrem Design vorbeiscrollen, ohne es anzusehen.

Deshalb ist es eine der wichtigsten Typografieregeln, der Lesbarkeit Priorität einzuräumen. Tatsächlich ist Lesbarkeit ein ziemlich vager Begriff, ohne den Kontext zu definieren. Schriftarten, die auf einem digitalen Bildschirm gut aussehen, haben im Druck möglicherweise nicht unbedingt die gleiche Wirkung. Schriftarten, die in einem kurzen Logotext gut aussehen, haben möglicherweise nicht immer diese Wirkung, wenn sie im Fließtext eines Social-Media-Bildes verwendet werden.

Wir erklären dies anhand eines Beispiels. Schauen Sie sich die folgenden Schriftarten an.

Sie sehen beide gut aus, aber welches würde bei langen Textabschnitten zu einer Überanstrengung der Augen führen? Das erste natürlich. Aber angesichts ihres luftigen Stils ist die Schriftart im ersten Bild zweifellos ein Blickfang. Auch wenn es sich also nicht um die am einfachsten zu lesende Schriftart handelt, können Sie sie im Titeltext verwenden. Das ist es, was wir damit meinten, dass wir bei manchen Gelegenheiten ein wenig von den Typografieregeln abweichen.

Für den Fließtext, die Textabschnitte, die die Kernbotschaft übermitteln sollen, und den Text, der die Kontaktdaten oder den CTA übermittelt, müssen Sie auf dekorative Schriftarten verzichten, die nicht gut lesbar sind.

5. Konzentrieren Sie sich auf Kerning und Zeilenabstand

Im obigen Abschnitt haben wir über die Lesbarkeit der ausgewählten Schriftarten gesprochen. Dies geschah insbesondere im Zusammenhang mit der Form bestimmter Zeichen und der Regelmäßigkeit dieser Zeichen in der gewählten Schriftart. Aber es gibt noch einen weiteren Aspekt der Typografie, der die Lesbarkeit beeinträchtigen kann: der Abstand zwischen Buchstaben (Kerning) und der Abstand zwischen Textzeilen (Tracking).

Selbst die am besten lesbare Schriftart sieht unübersichtlich und schwer lesbar aus, wenn der Abstand zwischen den Zeichen zu gering ist oder die Textzeilen sehr nahe beieinander liegen.

Manchmal können Sie im Design beispielsweise das Kerning in einem Wort kreativ manipulieren. Dies hilft Ihnen, den Text ein wenig zu strecken und dem gewählten Wort einen eindeutigen Charakter zu verleihen.

Eine weitere Verwendung der Kerning-Manipulation besteht darin, ein ausgewogenes Design zu schaffen. Im folgenden Design sind die Zeichen beispielsweise in der zweiten Zeile mit Abständen angeordnet. Dies trägt dazu bei, eine symmetrische Balance im Design zu schaffen.

Und im folgenden Design sorgt der fehlende Zeilenabstand zwischen „Skate Night“ und „Wednesdays“ für ein interessantes Element.

Denken Sie beim kreativen Experimentieren mit Kerning und Zeilenabstand, wie in den obigen Beispielen, daran, die Lesbarkeit des Textes noch einmal zu überprüfen. In beiden oben genannten Fällen tragen Schriftstil, Schriftfarben und Hintergrundkontrast zusammen zur Unterstützung der Lesbarkeit bei.

6. Vernachlässigen Sie die Ausrichtung nicht

Ausrichtung ist ein weiterer Designaspekt, der sowohl die Ästhetik als auch die Funktionalität eines Designs beeinflusst. Die richtige Ausrichtung sorgt dafür, dass das Design gut strukturiert aussieht. Absichtliche Anpassungen der Ausrichtung werden häufig verwendet, um Textteile zu trennen oder die Beziehung zwischen verschiedenen Abschnitten im Design herzustellen.

Daher ist es eine der wichtigsten Typografieregeln, die Sie beachten sollten, die richtige Ausrichtung des Textes zu verwenden. Nach der Auswahl einer lesbaren Schriftart, der Kombination mit einer unterstützenden Schriftart, die zusammen gut aussieht, und der Anwendung des relevantesten Kernings geht die Bedeutung verloren, wenn der Text nicht richtig ausgerichtet ist.

In der obigen Anzeige ist jede Textzeile klar und leicht lesbar. Aber die zufällige Anordnung verschiedener Wörter lässt das Design unübersichtlich wirken. Außerdem ist es dadurch schwierig, die Beziehung zwischen einem Teil der Anzeige und einem anderen zu verstehen.

Schauen Sie sich andererseits das folgende Design an. Es beugt dem herkömmlichen Stil der horizontalen Ausrichtung von Texten vor und platziert sie diagonal. Und doch wirkt das gesamte Design organisiert und ästhetisch ansprechend. Denn die Ausrichtung hier passt perfekt zu den anderen Designelementen, einschließlich der diagonalen Farbbänder. So holen Sie das Beste aus der Ausrichtung heraus, um Ihrer Typografie-Auswahl Glanz zu verleihen.

Kimp-Tipp: Schon die kleinste Änderung der Ausrichtung kann einen großen Unterschied in Ihrem Design bewirken. Oft ist dies das eine kleine Geheimnis, um ein langweiliges Design zu ändern und etwas Interessantes zu schaffen. Wenn Sie dies tun, zwingen Sie den Leser jedoch nicht dazu, sich zu neigen und zu drehen und seinen Hals zu überanstrengen, um die Botschaft zu verstehen.

Möchten Sie sicher mit Ausrichtung und anderen Designprinzipien experimentieren, wissen aber nicht, wo Sie anfangen sollen? Melden Sie sich zunächst für ein Kimp-Abonnement an.

7. Tun Sie es – achten Sie auf den Kontrast

Unter Kontrast versteht man, wie gut sich ein bestimmtes Designelement vom Rest des Designs abhebt. Der Kontrast ist in der Typografie von entscheidender Bedeutung, da ein schlechter Kontrast sowohl die Lesbarkeit als auch die Lesbarkeit des Textes im Design beeinträchtigen kann.

Schauen Sie sich zum Beispiel das folgende Design an. Das Design vernachlässigt die meisten typografischen Regeln, einschließlich Ausrichtung und Auswahl der Schriftarten. Ein größeres Problem besteht hier jedoch im Hinblick auf den Kontrast. Der Hintergrund des Entwurfs ist unruhig und einige Teile des Textes sind daher schwer zu lesen. Darüber hinaus wird die Sache in einigen Bereichen durch den fehlenden Kontrast zwischen der Schriftfarbe und der Hintergrundfarbe noch komplizierter.

Um Fehler wie diese zu vermeiden, sollten Sie für textlastige Designs einen einfacheren Hintergrund verwenden. Und wenn der Hintergrund komplizierte Muster oder Texturen aufweist, sollten Sie auf Schriftarten mit dünnen Linienstärken verzichten. Sie verschwinden fast im Hintergrund und somit geht Ihre Nachricht verloren.

Das folgende Design ist ein gutes Beispiel für guten Kontrast. Die kontrastierende Farbe und die dickere Linienstärke der Schriftarten sorgen zusammen für eine sehr gute Lesbarkeit des Textes und bewahren gleichzeitig die Ästhetik des Designs.

8. Vergessen Sie nicht die visuelle Hierarchie

Nachdem Sie die restlichen Typografieregeln geklärt haben, müssen Sie sicherstellen, dass das Design reibungslos verläuft, wenn alles zusammenpasst. Mit anderen Worten: Das Design sollte klar erkennen lassen, welcher Teil des Textes zuerst und welcher zuletzt gelesen werden soll. Dies erreichen Sie, indem Sie relevante visuelle Gewichtungen in Form von Schriftgröße, Schriftfarbe und anderen kleinen Details zuweisen.

Wie Sie im obigen Beispiel sehen können, sind der Schriftstil (fette Schriftarten sind einprägsam) und die Schriftgröße (kleinere Schriftarten ziehen nicht so leicht die Aufmerksamkeit auf sich) einige Aspekte, die Sie anpassen können, um die beabsichtigte visuelle Hierarchie zu erstellen. Dadurch wird sichergestellt, dass ein Leser reibungslos durch Ihre Nachricht navigiert und die Idee richtig erfasst.

Machen Sie Ihren Typografie-Problemen ein Ende mit einem Kimp-Abonnement

Typografie kann eine harte Nuss sein. Und es kann überwältigend sein, diese Typografieregeln jedes Mal durchzugehen und zu versuchen, die besten Schriftarten für Ihre Designs herauszufinden. Ein professionelles Designteam kann Ihnen diese Last von den Schultern nehmen. Melden Sie sich noch heute für ein Kimp-Abonnement an.