We use essential cookies to make Venngage work. By clicking “Accept All Cookies”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts.

Manage Cookies

Cookies and similar technologies collect certain information about how you’re using our website. Some of them are essential, and without them you wouldn’t be able to use Venngage. But others are optional, and you get to choose whether we use them or not.

Strictly Necessary Cookies

Always Active

These cookies are always on, as they’re essential for making Venngage work, and making it safe. Without these cookies, services you’ve asked for can’t be provided.

Show cookie providers

  • Venngage
  • Amazon
  • Google Login
  • Intercom

Functionality Cookies

These cookies help us provide enhanced functionality and personalisation, and remember your settings. They may be set by us or by third party providers.

Show cookie providers

  • Venngage
  • Chameleon
  • Intercom
  • Algolia

Performance Cookies

These cookies help us analyze how many people are using Venngage, where they come from and how they're using it. If you opt out of these cookies, we can’t get feedback to make Venngage better for you and all our users.

Show cookie providers

  • Venngage
  • Mixpanel
  • Intercom
  • Google Analytics
  • Hotjar

Targeting Cookies

These cookies are set by our advertising partners to track your activity and show you relevant Venngage ads on other sites as you browse the internet.

Show cookie providers

  • Google Ads
  • Google Tag Manager
  • Facebook
  • Pinterest
  • Produkt
  • Vorlagen
  • Bildung
  • Preise

Wie Sie Schriftarten für Ihre Designs auswählen (mit Beispielen)

By Midori Nediger, Mar 17, 2022

How to Choose Fonts That Make Your Infographic
Schriftarten spielen eine große Rolle dabei, wie Infografiken wahrgenommen werden.

Wenn Sie kein Designer sind, fallen Ihnen Schriftdesigns oder -auswahlen wahrscheinlich nicht auf, es sei denn, sie sind besonders grässlich:

How to Choose Fonts That Make Your Infographic Example 1

Wahrscheinlich sind sie Ihnen auch egal, und ehrlich gesagt, kann ich es Ihnen nicht verdenken. Wir alle haben diesen einen Designer-Freund, der nicht die Klappe halten kann, wenn es um Comic Sans geht (wenn Sie sich des universellen Hasses auf Comic Sans nicht bewusst sind, können Sie sich hier schlau machen).

Aber hören Sie mir zu – ich bin nicht hier, um Comic Sans zu beleidigen oder Ihnen zu sagen, dass Helvetica alle Ihre Probleme lösen wird. Ich bin hier, um Ihnen zu sagen, warum Sie sich mit Schriften beschäftigen sollten, und um Ihnen beizubringen, wie Sie sie wie ein Designer verwenden können.

Man könnte argumentieren, dass die Wahl der Schriftart keine Rolle spielt, solange der Text lesbar ist. Dies mag zwar bis zu einem gewissen Punkt zutreffen, aber bedenken Sie Folgendes:

Eine Studie aus dem Jahr 2008 fand heraus, dass Bewerber allein durch die Verwendung einer Schriftart, die als “angemessener” für einen Lebenslauf angesehen wurde, reifer, vertrauenswürdiger und professioneller wirkten als Bewerber, die weniger angemessene Schriftarten verwendeten.

Trotz gleicher Qualifikation hatten diese Kandidaten auch eine höhere Wahrscheinlichkeit, ein Vorstellungsgespräch zu bekommen.

Spannung geweckt? Lassen Sie uns darüber sprechen, wie Sie Schriftarten für Ihre Infografiken auswählen.

Warum Schriftarten wichtig sind

Bevor wir in die Feinheiten der Schriftwahl eintauchen, möchte ich kurz auf die Rolle eingehen, die Schriften in der visuellen Kommunikation spielen.

Sicher, wir alle wollen Schriftarten verwenden, die unsere Infografiken “hübsch” machen, aber es gibt viele andere wichtige Dinge, die hinter den Kulissen ablaufen.

Sie glauben mir nicht? Sehen Sie sich diese beiden Versionen derselben Infografik an – gleicher Inhalt, gleiche Grafik und gleiches Farbschema, aber unterschiedliche Schriftarten:

Simple List Infographic - How To Choose Fonts

 

Simple List Infographic - How To Choose Fonts 2

Abgesehen vom Stil ist eine der Infografiken aufgrund der verwendeten Schriftarten viel effektiver. Es ist viel einfacher, Informationen aus der ersten Infografik zu entnehmen, als aus der zweiten.

Warum? Schauen wir uns die Funktionen von Schriftarten im Infografik-Design an.

1. Schriftarten beeinflussen die Lesbarkeit und Lesbarkeit

Die Lesbarkeit bezieht sich darauf, wie leicht ein bestimmter Buchstabe auf einer Seite zu erkennen ist. Von den unten aufgeführten Schriftarten ist eine deutlich besser lesbar.  

Font Legibility - How To Choose Fonts

 

Die Lesbarkeit bezieht sich darauf, wie einfach es ist, größere Textpassagen zu lesen. Wie Sie im Beispiel unten sehen können, sind beide Schriftarten recht gut lesbar, aber es erfordert viel mehr Konzentration, den Satz auf der linken Seite zu lesen. Die Schriftart auf der rechten Seite ermöglicht ein angenehmeres Lesen. 

Font Readability - How To Choose Fonts

Im Idealfall wollen Sie Ihren Leser nicht zu sehr anstrengen, um Ihren Text zu lesen.

Da es klare Gewinner und Verlierer gibt, wenn es um die Lesbarkeit von Schriften geht, geht es bei der Auswahl guter Schriften für Infografiken oft darum, ein Gleichgewicht zwischen Stil, Lesbarkeit und Moderne zu finden.

Der gut lesbare Text dieser Infografik sorgt dafür, dass die Botschaft im Vordergrund steht, während die Farbe für Interesse und Stil sorgt:

Financial Planning Infographic - How To Choose Fonts

 

2. Schriftarten können verwendet werden, um ein Gefühl der visuellen Hierarchie auf der Seite zu erzeugen

Was bedeutet das? Werfen Sie einen Blick auf den Artikel unten. Wie lange dauert es, bis Sie herausfinden, worum es geht?

Visual Hierarchy Example - How To Pick Fonts

Schauen Sie sich nun denselben Artikel an, aber mit veränderten Schriftarten, um eine visuelle Hierarchie zu schaffen. Auf einen Blick ist es viel einfacher, herauszufinden, worum es in dem Artikel geht:

Visual Hierarchy Example - How To Pick Fonts 2

Das liegt daran, dass die Schriftarten verwendet werden, um die Überschriften und Hauptpunkte hervorzuheben.

Immer wenn Sie einen Text auf einer Seite betrachten, muss Ihr Auge irgendwo anfangen. Auf einer Seite wie der oben gezeigten springt Ihr Auge unbewusst zu dem Text, der größer, fetter und einzigartiger ist. Die visuelle Hierarchie, die durch die Wahl der Schriftart geschaffen wird, hilft uns, den Text schnell zu verstehen.

Weitere Beispiele finden Sie in diesen 10 aufmerksamkeitsstarken Vorlagen für Veranstaltungsplakate. Wie viele von ihnen nutzen eine starke visuelle Hierarchie, um die Aufmerksamkeit auf ihren Titel zu lenken? (Antwort: alle).

3. Schriftarten wecken Emotionen und haben Persönlichkeit

Welche dieser Schriftarten scheint glücklicher zu sein?

Happy Font Example - How To Pick Fonts

Selbstbewusster?

Confident Font Example - How To Pick Fonts

Vertrauenswürdiger?

Trustworthy Font Example - How To Pick Fonts

Ob wir es beabsichtigen oder nicht, unsere Schriftauswahl ruft emotionale Reaktionen bei unseren Lesern hervor (dies ist als Schriftpsychologie bekannt). Um effektiv zu kommunizieren, müssen wir diese Reaktionen steuern, indem wir Schriftarten wählen, die zur Natur des Themas passen.

Wir können sehen, dass die Art und Weise, wie Text auf der Seite (oder dem Bildschirm) dargestellt wird, die Art und Weise beeinflusst, wie wir mit ihm interagieren, ihn lesen und verstehen. Wenn uns die Wahrnehmung unseres Textes durch unsere Leser am Herzen liegt, müssen wir unsere Schriftart bewusst wählen.

Auswahl von Schriftarten für Ihre Infografik in 5 Schritten

Nachdem die theoretischen Grundlagen geklärt sind, kommen wir nun zur Praxis. Hier sind fünf Schritte, die Sie verwenden können, um eine gut informierte Schriftauswahl für Ihre Infografiken zu treffen.

1. Denken Sie über Ihren Inhalt nach

Die Wahl Ihrer Schriftart sollte sich immer nach der Art Ihres Inhalts richten:

Der Zweck der Infografik:

  • Schriften in Infografiken, die der Aufklärung, Information oder Vereinfachung dienen (z. B. Berichte, statistische Infografiken, Schulungsposter), sollten eher minimalistisch sein, wobei der Schwerpunkt auf Lesbarkeit und Lesbarkeit liegt.

Simple Bar Chart - How To Pick Fonts

 

  • Schriften in Infografiken, die zur Unterhaltung, zum Engagement oder zur Inspiration dienen sollen (z. B. Werbeflyer, Social-Media-Marketing), können verspielter sein, wobei der Schwerpunkt auf Stil und Einzigartigkeit liegt.

PRIDE Social Media Image - How To Pick Fonts

 

Die Länge und Struktur des Textes:

  • Schriften für lange Texte (wie Absätze oder Aufzählungspunkte) sollten gut lesbar sein
  • Schriften für kurze Texte, die herausstechen sollen (wie Schlüsselwörter, Überschriften, Zwischenüberschriften), sollten stilisiert und einzigartig sein
  • Schriften für Text, der auf einen Blick gelesen werden muss (wie Diagrammbeschriftungen und Beschriftungen), sollten gut lesbar sein

Das Medium und die Umgebung, in der es empfangen wird:

  • Schriftarten für Print-Infografiken sollten aus einer Armlänge gut lesbar sein, mindestens 10 pt groß
  • Schriften für Infografiken, die aus größerer Entfernung gelesen werden (z. B. Poster und Präsentationen), müssen größer, gut lesbar und gut lesbar sein
  • Schriften für Infografiken, die am Bildschirm betrachtet werden, sollten mindestens 14 pt groß sein, idealerweise größer

Bei diesem Prozess der Analyse dieser Eigenschaften Ihres Inhalts geht es darum, Ihren Fokus für jedes Stück Text zu definieren – Stil und Engagement oder Lesbarkeit und Lesbarkeit.

Lassen Sie uns ein paar Beispiele durcharbeiten.

Szenario 1:

Der Geschäftsführer einer kleinen gemeinnützigen Organisation erstellt ein Veranstaltungsplakat für eine elegante Spendengala.

  • Zweck: Den Bekanntheitsgrad der Veranstaltung zu erhöhen und die Teilnehmer zur Teilnahme zu ermutigen.
  • Text: Titel, Datum und Informationen zum Veranstaltungsort in Aufzählungspunkten, einige Sätze zum Zweck der Veranstaltung.
  • Medium: Poster, zur Anbringung an Wänden im öffentlichen Raum.

Bei einem Veranstaltungsplakat mit sehr wenig Text, das die Aufmerksamkeit des Lesers erregen und einige grundlegende Informationen über eine Veranstaltung liefern soll, kann der Schwerpunkt der Schriftauswahl auf Stil, Persönlichkeit und Emotion liegen.

Das primäre Ziel sollte sein, eine Schriftart für die Überschrift zu finden, die Eleganz, Raffinesse und Wärme ausstrahlt. Für den restlichen Text sollte der Fokus auf der Lesbarkeit liegen; Sie möchten keine potenziellen Spender verlieren, weil sie nicht herausfinden können, wo oder wann sie die Veranstaltung besuchen können!

Creative Formal Invitation - How To Pick Fonts

 

Szenario 2:

Ein Finanzanalyst erstellt ein Foliendokument, um einen vierteljährlichen Kontenbericht zu präsentieren

  • Zweck: Vermittlung von Trends und Hervorhebung wichtiger Statistiken.
  • Text: Diagrammtitel und Beschriftungen, kurze Zusammenfassungen in Punktform.
  • Medium: Foliendeck, zur Verwendung in einer Präsentation.

Der gesamte Fokus liegt hier auf Kommunikation und Bildung für ein professionelles Publikum, daher sollten die Schriftarten minimal, professionell und gut lesbar sein. Der Text sollte fast im Hintergrund verschwinden, damit die Daten zur Geltung kommen können.

Wichtige Statistiken können im Text hervorgehoben werden, indem die Größe und Gewichtung (d. h. die Fettschrift) der Schrift erhöht wird.

Monthly Sales Presentation - How To Pick Fonts

 

Zusammengefasst – Inhalt ist der Schlüssel!

Legen Sie anhand des Zwecks, der Länge und des Mediums Ihres Inhalts fest, ob der Schwerpunkt auf der Lesbarkeit oder dem Stil liegen soll. Orientieren Sie sich bei der Wahl der Schriftart an diesem Schwerpunkt, um sicherzustellen, dass Ihr Text effektiv kommuniziert.

2. Wählen Sie eine Schriftart, die gut lesbar ist

Behalten Sie Ihren Inhalt im Hinterkopf und wählen Sie eine Schriftart, die Sie für den Großteil Ihres Fließtextes (d. h. Absätze, Aufzählungspunkte, Zusammenfassungen) verwenden. Dies ist der Bereich, aus dem Ihre Leser die meisten Informationen entnehmen werden, daher sollte er immer Priorität haben.

Körperschriftarten sollten:

  • Sehr gut lesbar und bei kleinen Größen lesbar sein
  • Weniger stilisiert sein als Kopfzeilen-Schriften
  • Mehrere Schriftstärken haben (z. B. normal und fett)
  • Niemals alles groß schreiben

Um es Ihnen ein wenig leichter zu machen, habe ich eine Liste der besten professionellen, modernen und weiteren Schriftarten zusammengestellt, die sich hervorragend für Fließtext eignen:

Body Font Personalities - How To Pick Fonts

 

Wenn Sie sich über den Inhalt und den Zweck Ihrer Infografik Gedanken gemacht haben, sollte es Ihnen leicht fallen, eine Schriftart aus dieser Liste auszuwählen! Im Zweifelsfall sollten Sie sich für etwas Einfaches und Minimales entscheiden – es ist einfacher, damit zu arbeiten, und Sie können im nächsten Schritt mehr Stil hinzufügen.

3. Wählen Sie ein paar Kopfzeilen-Schriftartenpaare, die etwas Stil hinzufügen

Sobald Sie eine Schriftart für den Textkörper festgelegt haben, ist es an der Zeit, sich den Kopfzeilen zuzuwenden. Schließlich müssen Sie überlegen, wie die Schriftart der Kopfzeile mit der Schriftart des Hauptteils zusammenpasst, aber im Moment sollten Sie sich darauf konzentrieren, eine Schriftart für die Kopfzeile zu finden, die zu Ihrem Inhalt passt.

Überschriftenschriftenschriften haben in der Regel etwas mehr Charakter als Körperschriften und können verwendet werden, um das Auge des Lesers zu fesseln, ihn in die Grafik hineinzuziehen und ihn zum Weiterlesen zu animieren.

Betrachten Sie die Kopfzeile als eine Möglichkeit, den Stil und das Gefühl des Artikels zu etablieren. Sie sollte bei großen Größen gut aussehen und kann bei Bedarf weniger gut lesbar sein als der Fließtext.

Wählen Sie drei oder vier Schriftarten aus, von denen Sie denken, dass sie für Ihren Inhalt als Überschriften geeignet sind. Es geht hier nicht darum, eine perfekte Schriftart zu finden, sondern einige zu wählen, die Sie ausprobieren möchten. Sie können Ihre Chancen erhöhen, eine zu finden, die funktioniert, indem Sie verschiedene Stile auswählen.

Lassen Sie sich von der Grafik unten inspirieren, und scheuen Sie sich nicht, diese Körperschriften auch als Überschriften zu verwenden. Sie können sich auch diese beliebten fetten Schriftarten ansehen, um einige Ideen zu bekommen.

Heading Font Personalities - How To Pick Fonts

 

 

4. Finden Sie die Schriftart für die Kopfzeile, die am besten zu Ihrer Körperschrift passt

Inzwischen sollten Sie eine perfekte Schriftart für den Textkörper und drei oder vier mögliche Schriftarten für die Kopfzeile haben. Jetzt ist es an der Zeit, die einzige Schriftart für die Kopfzeile zu finden, die am besten zu Ihrer Körperschrift passt.

Schriftpaarungen sollten kontrastreich oder kontrastarm sein

Es ist viel einfacher, Schriftarten zu kombinieren, die entweder sehr unterschiedlich oder im Gesamtstil sehr ähnlich sind.

Sie könnten eine serifenbetonte Kopfschrift mit einer serifenlosen Körperschrift kombinieren:

Serif Header Font - How To Pick Fonts

Oder eine dramatische Kopfschrift mit einer minimalen Körperschrift:

Dramatic Header Font - How To Pick Fonts

Oder verwenden Sie sogar eine einzige Schriftart für eine ganze Infografik. Erzeugen Sie einen Kontrast mit BOLD- oder kursiven Versionen Ihrer Schrift:

Roboto Font Example - How To Pick Fonts

Merriweather Font Example - How To Pick Fonts

Lora Font Example - How To Pick Fonts

Versuchen Sie, Ihre gewählte Schriftart mit jeder Ihrer Kopfzeilenoptionen abzustimmen. Sind einige von ihnen kontrastreich? Niedriger Kontrast? Wenn Sie eine kontrastreiche oder kontrastarme Paarung finden, sollten Sie diese wählen. Wenn nicht, und Sie sich inspirieren lassen möchten, sehen Sie sich diese Sammlung von Schriftpaarungen an:

Oswald Font Example - How To Pick Fonts

Graduate Font Example - How To Pick Fonts

Lato Font Example - How To Pick Fonts

Arvo Font Example - How To Pick Fonts

Playfair Display Font Example - How To Pick Fonts

Unica One Font Example - How To Pick Fonts

Josefin Sans Font Example - How To Pick Fonts

Lobster Two Font Example - How To Pick Fonts

Philosopher Font Example - How To Pick Fonts

Wire One Font Example - How To Pick Fonts

Monton Font Example - How To Pick Fonts

Pathway Gothic One Font Example - How To Pick Fonts

Poiret One Font Example - How To Pick Fonts

Paytone One Font Example - How To Pick Fonts

Poppins Font Example - How To Pick Fonts

Sie sehen nichts, was Ihnen gefällt? Schauen Sie sich einige Google Font-Kombinationen an, suchen Sie in Büchern nach Inspirationen, oder fordern Sie sich selbst heraus, eine einzige Schriftart für eine ganze Infografik zu verwenden! Ich denke, Sie werden feststellen, dass es einfacher ist, als Sie erwarten.

5. Erstellen Sie eine visuelle Hierarchie durch Variation von Größe und Gewicht

Sobald Sie eine Paarung gefunden haben, die gut zu Ihrem Inhalt passt, ist es an der Zeit, Ihre Schriftarten zu verwenden, um eine klare visuelle Struktur zu schaffen. Spielen Sie mit Größe und Gewicht, um einige Texte zu betonen und andere zu vernachlässigen.

Größe

Die einfachste Möglichkeit, eine visuelle Hierarchie zu schaffen, ist, die Größe Ihres Textes zu variieren. Wie immer ist es am besten, zuerst eine Größe für Ihre Körperschrift auszuwählen.

Stellen Sie sicher, dass sie groß genug ist, um sie aus einer Armlänge zu lesen, aber nicht zu groß – sie soll die Seite nicht erdrücken. Eine gute Faustregel für die Schriftgröße ist 10-14 pt für den Druck, 14-18 pt für den Bildschirm.

Vergessen Sie nicht Ihren Inhalt; wenn Sie erwarten, dass Ihre Infografik aus größerer Entfernung gelesen wird (z. B. bei einem Poster oder einer Präsentation), vergrößern Sie die Schriftgröße.

Wenn Sie die Schriftgröße Ihres Körpers gewählt haben, ist der Rest ziemlich einfach!

Verwenden Sie ein typografisches Skalentool, um den Rest Ihrer Schriftgrößen zu bestimmen. Wählen Sie ein Verhältnis (ich mag 2:3) und erhöhen Sie Ihre Schriftgrößen um dieses Verhältnis. Dies nimmt Ihnen nicht nur eine Menge Entscheidungsarbeit ab, sondern verleiht Ihrer Schrift auch ein wichtiges Gefühl für Rhythmus und Struktur.

Typographic Scale Tool - How To Pick Fonts

Eine typografische Skala mit einem Verhältnis von 2:3.

Typographic Scale Tool - How To Pick Fonts2

Der Maßstab 2:3 wird verwendet, um eine visuelle Hierarchie zu schaffen.

Größe

Während die Größe allein ausreichen kann, um eine visuelle Hierarchie innerhalb Ihres Textes zu schaffen, können Verteilung und Betonung verwendet werden, um zusätzlichen Schwung zu verleihen.

Typographic Scale Tool - How To Pick Fonts3

Wie Sie sehen, wird durch die Variation von Schriftgröße und -gewicht einer einzelnen Schrift eine visuelle Hierarchie geschaffen. In Kombination mit einer guten Schriftpaarung helfen Ihnen diese Werkzeuge, die visuelle Struktur zu schaffen, die Sie für eine klare, kommunikative Infografik benötigen.

Geschafft! Sie haben die Grundlagen der Auswahl von Schriftarten gelernt.

Lassen Sie uns die wichtigsten Schritte noch einmal durchgehen:

5 Steps For Picking The Perfect Font Infographic1

 

Möchten Sie mehr erfahren? Sehen Sie sich unsere Analyse der beliebtesten Schriftarten in Amerika an, oder testen Sie Ihre Fähigkeiten, indem Sie eine Infografik erstellen!