Modul 2, Lektion 2
In Bearbeitung

Schriften im Flat Design

Modul Fortschritt
0% Beendet
Schriften im Flat Design sind klar, geometrisch ohne Verzierungen und mit ganz viel Freiraum gesetzt. Spannung erhalten die Designs durch die deutlichen Kontraste in der Typografie, wie bei dieser Landingpage für Planet von Cadabra Studio.

Reduziert, schnörkellos, geometrisch und mit viel Freiraum – Die bekannten Richtlinien für das Flat Design gelten natürlich auch für die Schriften. Für dich als Designer ist das großartig, denn so kannst du die Typografie in den Fokus rücken und ganz gezielt als Stilmittel einsetzen.

Gute Typografie ist in diesem Designstil interessant und gleichzeitig sehr gut lesbar. Der Charakter der Schrift muss mit der Gesamtgestaltung und der Botschaft, die das Design kommunizieren soll, harmonieren.

Das Flat Design ist in seinem Kern ganz einfach und pur. Die kombinierten Schriften müssen das auch sein. Ausgefallene, pompöse oder verspielte Schriftarten sind da gänzlich unpassend. Suche dir darum für dein Design nur maximal zwei unterschiedliche Schriftarten aus oder fokussiere dich gleich auf eine einzige Font. Getreu dem Motto: Das Flat Design ist so reduziert wie irgendwie möglich.

Da in diesem Designstil häufig leuchtende Farben zum Einsatz kommen, ist es wichtig, auch eine ruhige, ausgeglichene Schrift mit klarer Linienführung zu wählen. Ein geometrischer Aufbau, gerade Achsen und gleichmäßige Strichstärken kennzeichnen die Schriftarten im Flat Design. Trotzdem ist die Typografie nie langweilig. Dank der Vielzahl an Schriftschnitten kannst du jederzeit Varianz in das Design bringen.

Typische Merkmale für Schriften im Flat Design:

  • Minimalistische, schnörkellose und geometrisch aufgebaute Schriften
  • wenige Schriftarten pro Design (gerne nur eine einzige Font) mit vielen Schriftschnitten
  • Typografie wird mit viel Freiraum gesetzt
  • Keine Effekte in der Schrift
  • Ausgewogene Strichstärke in den Buchstaben
  • Schrift muss in allen Größen leicht lesbar sein
  • Serifenlose Schriftarten sind bevorzugt und können für alle Textarten genutzt werden
  • Serifenschriften werden vor allem für Highlights verwendet und nur dann eingesetzt, wenn sie einen klaren und reduzierten Charakter haben
  • Handschriften kommen sehr selten und nur ganz bewusst zum Einsatz
  • Frakturschriften werden nicht verwendet

Beispiele für serifenlose Schriften:

Serifenlose Schriften mit einem geraden, geometrischen Aufbau sind im Flat Design besonders beliebt. Diese Schriften sind in jeder Größe sehr gut zu lesen und lassen sich problemlos mit den anderen Designelementen kombinieren. Du kannst sie in jeder denkbaren Form einsetzten: nur mit Großbuchstaben oder nur mit Kleinbuchstaben, sehr groß oder bold in den Headlines, zart und light in den Bildunterschriften oder in regular für umfangreiche Fliestexte.

Open Sans

Die Open Sans ist eine saubere und moderne serifenlose Schrift. Sie hat offene Formen und ein freundliches Erscheinungsbild.

  • Google Font
  • kostenfrei
  • 12 Schriftschnitte

>> Link zur Open Sans

Raleway

Die Open Sans ist eine geometrische, eher breite Schrift, mit kleinen Besonderheiten. Vor allem das W mit den sich überschneiden Achsen ist auffällig.

  • Google Font
  • kostenfrei
  • 18 Schriftschnitte

>> Link zur Raleway

Lato

Die Lato ist eine schöne, stabile und sympathische Schrift, die modern und gleichzeitig universell ist. Sie lässt sich sehr gut kombinieren und ist sehr beliebt.

  • Google Font
  • kostenfrei
  • 10 Schriftschnitte

>> Link zur Lato

Roboto

Die Roboto läuft ebenfalls schmal und ist sehr clean und fast schon mathematisch ausgeglichen gebaut.

  • Google Font
  • kostenfrei
  • 12 Schriftschnitte

>> Link zur Roboto

Quicksand

Das Charakteristische an der Quicksand sind ihre abgerundeten Striche und Linien, sodass die Font weich und breit wirkt, ohne zu verspielt zu sein.

  • Google Font
  • kostenfrei
  • 5 Schriftschnitte

>> Link zur Quicksand

Montserrat

Die Montserrat ist breit, geometrisch und sehr reduziert gebaut. Typisch ist die tief angesetzte Mittelachse in den Großbuchstaben.

  • Google Font
  • kostenfrei
  • 18 Schriftschnitte (!)

>> Link zur Montserrat

Josefin Sans

Spitze Ecken wie beim A oder N geben der sonst sehr ausgewogenen Josefin Sans einen eigenwilligen, aber schönen Charakter.

  • Google Font
  • kostenfrei
  • 14 Schriftschnitte

>> Link zur Josefin Sans

Beispiele für Serifenschriften und Handschriften:

Für Überschriften, Hervorhebungen und Highlights werden im Flat Design auch Serifenschriften und sehr selten Handschriften verwendet. Du kannst so interessante Kontraste in dein Design einfügen und den Blick auf Einzelbereiche lenken. Um den Gesamteindruck nicht zu verwässern, solltest du bei diesen Schriften darauf achten, dass der Aufbau geometrisch und die Strichstärke gleichmäßig ist. Verspielte Schriftarten passen nicht zum Flat Design.

Josefin Slab

Du magst die spitzen Ecken der Josefin, suchst aber eine Serifenschrift? Dann kann die Josefin Slab mit ihrer gleichmäßigen Strichstärke die passende Font für dein Flat Design sein.

  • Google Font
  • kostenfrei
  • 14 Schriftschnitte

>> Link zur Josefin Slab

Domine

Die Domine hat einen geometrischen Aufbau, aber eine Varianz in den Strichstärken. Dich stört diese kleine Unstimmigkeit nicht? Dann probiere die Domine für dein Design aus.

  • Google Font
  • kostenfrei
  • 4 Schriftschnitte

>> Link zur Domine