{"id":43232,"date":"2025-10-16T11:46:41","date_gmt":"2025-10-16T08:46:41","guid":{"rendered":"https:\/\/typetype.org\/de\/?p=43232"},"modified":"2026-02-05T08:57:23","modified_gmt":"2026-02-05T05:57:23","slug":"what-is-typography-in-graphic-design-key-concepts-principles-and-examples","status":"publish","type":"post","link":"https:\/\/typetype.org\/de\/blog\/what-is-typography-in-graphic-design-key-concepts-principles-and-examples\/","title":{"rendered":"Was ist Typografie im\u00a0Grafikdesign: Schl\u00fcsselkonzepte, Prinzipien und Beispiele"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt_blog_seo_typography_cover_eng.gif\" alt=\"\" class=\"wp-image-10000051450\"\/><\/figure>\n\n\n\n<p>Text ist \u00fcberall im&nbsp;Design: auf Websites und in&nbsp;mobilen Apps, auf Werbebannern und Produktverpackungen, auf Plakaten und Flyern. Warum ist Typografie wichtig? Weil ein gut gestaltetes Textdesign die Aufmerksamkeit des Betrachters fesselt, Bedeutungen hervorhebt und Botschaften vermittelt. Die meisten Aufgaben im&nbsp;Grafikdesign sind ohne ein grundlegendes Verst\u00e4ndnis von Typografie kaum l\u00f6sbar. <\/p>\n\n\n\n<p>Dieser Artikel richtet sich an&nbsp;alle, die die wichtigsten typografischen Begriffe, Prinzipien und Techniken erlernen m\u00f6chten.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Was bedeutet der Begriff &#8222;Typografie&#8220;?<\/h2>\n\n\n\n<p>Im&nbsp;modernen Sinne ist Typografie die Kunst und Technik, Schrift so&nbsp;anzuordnen, dass geschriebener Text lesbar, gut leserlich und ansprechend wirkt. Dazu geh\u00f6rt die Auswahl einer Schriftart, die Anpassung ihrer Parameter und die Organisation des Textes auf der Seite. Ziel der Typografie ist&nbsp;es, textliche und grafische Elemente zu&nbsp;harmonisieren und das Design so&nbsp;ausdrucksstark und benutzerfreundlich wie m\u00f6glich zu&nbsp;gestalten. Sie hilft, eine visuelle Hierarchie zu&nbsp;schaffen, wichtige Akzente zu&nbsp;setzen und die Aufmerksamkeit des Betrachters zu&nbsp;lenken.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt_blog_seo_typography_1_eng.png\" alt=\"\" class=\"wp-image-10000051407\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_1_eng.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_1_eng-1024x632.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_1_eng-1200x741.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_1_eng-768x474.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_1_eng-420x259.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_1_eng-600x370.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Wo&nbsp;wird Typografie im&nbsp;Design eingesetzt?<\/h3>\n\n\n\n<p>Typografie findet in&nbsp;zahlreichen Bereichen Anwendung&nbsp;\u2014 \u00fcberall dort, wo&nbsp;Grafikdesign Textelemente enth\u00e4lt. Beispiele:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Webdesign (Websites, Benutzeroberfl\u00e4chen, mobile Apps) <\/li>\n\n\n\n<li>Druckmaterialien (B\u00fccher, Zeitschriften, Zeitungen, Visitenkarten) <\/li>\n\n\n\n<li>Werbung und Branding (Logos, Au\u00dfenwerbung, Verpackungen) <\/li>\n\n\n\n<li>Social Media (Posts, Stories, Werbeanzeigen) <\/li>\n\n\n\n<li>Infografiken, Pr\u00e4sentationen und vieles mehr<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt_blog_seo_typography_2.png\" alt=\"\" class=\"wp-image-10000051408\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_2.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_2-1024x509.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_2-1200x597.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_2-768x382.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_2-420x209.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_2-600x298.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p>Daher ist das Erlernen der Grundlagen der Typografie nicht nur f\u00fcr Designer, sondern auch f\u00fcr andere Fachleute, die mit Informationen arbeiten, n\u00fctzlich.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Beispiele f\u00fcr gute und schlechte Typografie<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Gute Typografie: Eine Website mit klarer Struktur, angemessenen Zeilenabst\u00e4nden und gut lesbaren Schriftarten.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt_blog_seo_typography_3.png\" alt=\"\" class=\"wp-image-10000051409\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_3.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_3-1024x509.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_3-1200x597.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_3-768x382.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_3-420x209.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_3-600x298.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Schlechte Typografie: Text ohne R\u00e4nder, zu&nbsp;kleine Schriftgr\u00f6\u00dfe und willk\u00fcrliche Schriftkombinationen.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt_blog_seo_typography_4.png\" alt=\"\" class=\"wp-image-10000051411\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_4.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_4-1024x509.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_4-1200x597.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_4-768x382.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_4-420x209.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_4-600x298.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p><a href=\"https:\/\/www.nngroup.com\/articles\/how-users-read-on-the-web\/\" target=\"_blank\" rel=\"noreferrer noopener\">Eine Studie<\/a> der Nielsen Norman Group zeigt, dass Nutzer im&nbsp;Durchschnitt nur 20\u201328&nbsp;% des Textes auf einer Webseite lesen. Gute Typografie hilft, ihre Aufmerksamkeit zu&nbsp;halten und Informationen leichter verdaulich zu&nbsp;machen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Die Hauptelemente der Typografie<\/h2>\n\n\n\n<p>Lassen Sie uns die wichtigsten typografischen Begriffe aufschl\u00fcsseln, um&nbsp;zu&nbsp;verstehen, woraus Typografie besteht.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schriftart und Schriftfamilie<\/h3>\n\n\n\n<p>Die Begriffe &#8222;Schriftart&#8220; und &#8222;Schriftfamilie&#8220; werden oft synonym verwendet. Selbst in&nbsp;Fachkreisen wird &#8222;Schriftart&#8220; universell genutzt und kann sowohl die Schriftfamilie als auch den Schriftstil bezeichnen. Die Verwirrung entsteht durch das Fehlen einer einheitlichen Terminologie, da&nbsp;verschiedene Schriftgestalter unterschiedliche Interpretationen verwenden. Dennoch ist es&nbsp;wichtig, den Unterschied zu&nbsp;verstehen, um&nbsp;die Prinzipien der Typografie zu&nbsp;erfassen.<\/p>\n\n\n\n<p>Eine Schriftfamilie (oder Typeface) ist eine Gruppe von Schriftarten, die stilistisch verwandt sind, aber unterschiedliche Stile aufweisen. <\/p>\n\n\n\n<p>Eine Schriftart ist die vollst\u00e4ndige Zeichenmenge f\u00fcr den Schriftsatz, die durch einen einheitlichen Stil verbunden ist. Sie ist also die Datei selbst, der Tr\u00e4ger der Schrift. <\/p>\n\n\n\n<p>Ein Schriftstil ist eine spezifische Schriftart innerhalb einer Schriftfamilie, die durch bestimmte grafische Merkmale wie Strichst\u00e4rke, Neigung, Breite und andere Parameter von anderen Stilen unterschieden wird.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt_blog_seo_typography_5_eng.gif\" alt=\"\" class=\"wp-image-10000051412\"\/><\/figure>\n\n\n\n<p>H\u00e4ufig wird der Begriff &#8222;Schriftart&#8220; sowohl f\u00fcr die Schriftfamilie als auch f\u00fcr einen bestimmten Schriftstil verwendet. Der genaue Kontext kl\u00e4rt, was gemeint ist. Wenn wir beispielsweise sagen, dass <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-norms-pro\/\">TT&nbsp;Norms<sup class=\"reg\">\u00ae<\/sup> Pro<\/a> die Schriftart ist, die die meisten Sprachen in&nbsp;der TypeType-Kollektion unterst\u00fctzt, meinen wir die Schriftfamilie TT&nbsp;Norms<sup class=\"reg\">\u00ae<\/sup> Pro. Wenn wir jedoch vorschlagen, die Schriftart <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-livret\/\">TT&nbsp;Livret Text Regular<\/a> f\u00fcr gro\u00dfe Textmengen zu&nbsp;verwenden, beziehen wir uns auf einen spezifischen Schriftstil.<\/p>\n\n\n\n<p>Mehr \u00fcber die Bedeutung dieser Begriffe erfahren Sie in&nbsp;unserem <a href=\"https:\/\/typetype.org\/de\/blog\/font-and-typeface-what-s-the-difference\/\">Artikel<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schriftstil, Strichst\u00e4rke und Neigung<\/h3>\n\n\n\n<p>Diese Begriffe beziehen sich speziell auf den Begriff &#8222;Schriftstil&#8220;. Schauen wir uns diesen zuerst genauer&nbsp;an.<\/p>\n\n\n\n<p>Ein Schriftstil ist das Erscheinungsbild einer Schriftart. Innerhalb eines Stils haben alle Zeichen einer Schriftart eine einheitliche Strichst\u00e4rke, Breite oder Neigung. Eine Unterfamilie kann Schriftarten verschiedener Stile umfassen, die durch ein gemeinsames Merkmal verbunden sind. Eine Schriftfamilie wiederum vereint verschiedene Unterfamilien.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt_blog_seo_typography_6.png\" alt=\"\" class=\"wp-image-10000051413\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_6.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_6-1024x356.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_6-1200x417.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_6-768x267.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_6-420x146.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_6-600x208.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p>Strichst\u00e4rke ist die Dicke der Zeichenelemente im&nbsp;Verh\u00e4ltnis zu&nbsp;ihrer H\u00f6he. Schriftarten k\u00f6nnen leicht (z. B.&nbsp;Thin oder Light) oder kr\u00e4ftig\/fett (z. B.&nbsp;Bold oder Black) sein.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt_blog_seo_typography_7.png\" alt=\"\" class=\"wp-image-10000051414\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_7.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_7-1024x356.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_7-1200x417.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_7-768x267.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_7-420x146.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_7-600x208.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p>Neigung bezieht sich auf &#8222;oblique&#8220; Schriftarten&nbsp;\u2014 Schriftarten, die \u00fcblicherweise als Begleitung zum urspr\u00fcnglichen geraden Stil gezeichnet werden. Die Glyphen der Zeichen \u00e4ndern sich nicht, sie werden lediglich geneigt. Sie sind vor allem typisch f\u00fcr <a href=\"https:\/\/typetype.org\/de\/fonts\/sans-serif\/\">serifenlose<\/a> Schriften. Ihre urspr\u00fcngliche Funktion war&nbsp;es, bestimmte Textteile hervorzuheben oder Informationen zu&nbsp;betonen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt_blog_seo_typography_8.png\" alt=\"\" class=\"wp-image-10000051415\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_8.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_8-1024x282.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_8-1200x330.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_8-768x211.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_8-420x116.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_8-600x165.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p>Es&nbsp;gibt auch Kursivschriften (echte Kursivschriften)&nbsp;\u2014 historisch bezeichnete dieser Begriff Schreibschriften, heute wird er&nbsp;jedoch weiter gefasst und schlie\u00dft sowohl echte Kursivschriften als auch geneigte Schriften ein. Dies sind geneigte Schriftarten, bei denen die Glyphen der Kleinbuchstaben in&nbsp;eine Schreibform \u00fcbergehen. Sie k\u00f6nnen als eigenst\u00e4ndige, vollwertige Schriftart erstellt werden, nicht nur als Erg\u00e4nzung zu&nbsp;einem geraden Stil. Sie sind vor allem typisch f\u00fcr <a href=\"https:\/\/typetype.org\/de\/fonts\/serif\/\">Serifenschriften<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt_blog_seo_typography_9.png\" alt=\"\" class=\"wp-image-10000051416\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_9.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_9-1024x282.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_9-1200x330.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_9-768x211.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_9-420x116.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_9-600x165.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Schriftgrad<\/h3>\n\n\n\n<p>Der Schriftgrad ist die H\u00f6he einer Schriftart, also ihre vertikale Gr\u00f6\u00dfe. Sie wird in&nbsp;typografischen Punkten (pt) gemessen und bestimmt, wie gro\u00df der Text auf dem Bildschirm oder im&nbsp;Druck erscheint.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt_blog_seo_typography_10-15.43.01.png\" alt=\"\" class=\"wp-image-10000052023\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_10-15.43.01.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_10-15.43.01-1024x378.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_10-15.43.01-1200x443.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_10-15.43.01-768x284.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_10-15.43.01-420x155.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_10-15.43.01-600x222.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Seitenabstand und Halbseitenabstand<\/h3>\n\n\n\n<p>Ein Halbseitenabstand ist der Abstand von einem Zeichen zum Rand seines Schriftblocks. Er&nbsp;kann positiv oder negativ sein. Die beiden Halbseitenabst\u00e4nde benachbarter Zeichen bilden den Seitenabstand. Dies ist ein wichtiger Parameter f\u00fcr den Buchstabenabstand eines gesamten Schriftstils. Er&nbsp;bestimmt, wie dicht oder locker die Schriftart erscheint.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt_blog_seo_typography_11_eng.png\" alt=\"\" class=\"wp-image-10000051418\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_11_eng.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_11_eng-1024x392.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_11_eng-1200x459.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_11_eng-768x294.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_11_eng-420x161.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_11_eng-600x230.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Zeilenabstand, Kerning und Laufweite<\/h3>\n\n\n\n<p>Zeilenabstand (oder Line-Height) ist der vertikale Abstand zwischen Textzeilen, genauer gesagt zwischen ihren Grundlinien (von der Grundlinie einer Zeile zur Grundlinie der n\u00e4chsten). Einfach ausgedr\u00fcckt, ist es&nbsp;das, was viele als Zeilenabstand kennen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt_blog_seo_typography_12_eng.png\" alt=\"\" class=\"wp-image-10000051419\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_12_eng.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_12_eng-1024x305.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_12_eng-1200x358.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_12_eng-768x229.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_12_eng-420x125.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_12_eng-600x179.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p>Kerning ist die selektive Vergr\u00f6\u00dferung oder Verkleinerung des Abstands zwischen zwei Zeichen, abh\u00e4ngig von der Kombination ihrer Formen. Dies geschieht, um&nbsp;einen m\u00f6glichst gleichm\u00e4\u00dfigen Schriftsatz zu&nbsp;erzeugen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt_blog_seo_typography_13.png\" alt=\"\" class=\"wp-image-10000051420\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_13.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_13-1024x207.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_13-1200x243.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_13-768x155.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_13-420x85.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_13-600x121.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p>Laufweite (Buchstabenabstand) ist die Anpassung des Abstands zwischen allen Zeichen, also der Buchstabenabstand. Die Laufweite erm\u00f6glicht es, diesen Abstand einheitlich zu vergr\u00f6\u00dfern oder zu verkleinern. Der Text bleibt durch Kerning gleichm\u00e4\u00dfig.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt_blog_seo_typography_14_eng.gif\" alt=\"\" class=\"wp-image-10000051421\"\/><\/figure>\n\n\n\n<p>Mehr \u00fcber den Unterschied zwischen diesen Begriffen und die Einstellungen f\u00fcr jeden Parameter erfahren Sie hier.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Arten und Stile der Typografie<\/h2>\n\n\n\n<p>Es gibt keine strikte Klassifizierung der Typografie nach Richtungen, aber bestimmte Ans\u00e4tze lassen sich identifizieren. Schauen wir uns einige davon an.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Klassische und moderne Typografie<\/h3>\n\n\n\n<p>Klassische Typografie verwendet traditionelle <a href=\"https:\/\/typetype.org\/de\/fonts\/serif\/\">Serif<\/a>&#8211; und <a href=\"https:\/\/typetype.org\/de\/fonts\/sans-serif\/\">serifenlose<\/a> Schriftarten, die sich \u00fcber die Zeit bew\u00e4hrt haben. Sie basiert auf Prinzipien von Symmetrie, Harmonie und strengen Proportionen. Der klassische Stil ist besonders in der Buchproduktion, im Druckwesen und bei Unternehmensdokumenten beliebt.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt_blog_seo_typography_15.png\" alt=\"\" class=\"wp-image-10000051422\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_15.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_15-1024x336.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_15-1200x394.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_15-768x252.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_15-420x138.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_15-600x197.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p>Moderne Typografie ist freier in ihren Formen. Designer verwenden unkonventionelle Schriftarten, auff\u00e4llige Akzente und asymmetrische Raster. Hier sind Verst\u00f6\u00dfe gegen die Regeln der klassischen Typografie erlaubt. Dieser Ansatz ist in digitalen Umgebungen verbreitet: auf Websites, in App-Oberfl\u00e4chen und in sozialen Medien.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt_blog_seo_typography_16_eng.png\" alt=\"\" class=\"wp-image-10000051423\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_16_eng.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_16_eng-1024x509.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_16_eng-1200x597.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_16_eng-768x382.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_16_eng-420x209.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_16_eng-600x298.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Benutzerdefinierte und Markentypografie<\/h3>\n\n\n\n<p>Benutzerdefinierte Typografie ist die Auswahl von Schriftarten und die Formatierung von Text f\u00fcr ein spezifisches Projekt unter Ber\u00fccksichtigung seiner Ziele und Aufgaben.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt_blog_seo_typography_17.png\" alt=\"\" class=\"wp-image-10000051424\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_17.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_17-1024x526.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_17-1200x617.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_17-768x395.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_17-420x216.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_17-600x308.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p>Markentypografie ist die Anwendung typografischer Prinzipien, um eine erkennbare visuelle Identit\u00e4t f\u00fcr eine Marke zu schaffen. Dies umfasst die Auswahl einzigartiger oder die Verwendung speziell angefertigter Markenschriften. Dabei unterst\u00fctzt die Typografie den bestehenden Markenstil und vermittelt die Werte der Marke.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt_blog_seo_typography_18_eng.png\" alt=\"\" class=\"wp-image-10000051425\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_18_eng.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_18_eng-1024x509.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_18_eng-1200x597.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_18_eng-768x382.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_18_eng-420x209.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_18_eng-600x298.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Typografie im Webdesign und in Druckmaterialien<\/h3>\n\n\n\n<p>Webdesign erfordert responsive Schriftarten, die auf Bildschirmen unterschiedlicher Gr\u00f6\u00dfe gleich gut aussehen. Weitere Parameter m\u00fcssen ber\u00fccksichtigt werden, da die Seite auf verschiedenen Ger\u00e4ten ge\u00f6ffnet wird. Wie die Wahl der Schriftart im Webdesign die Nutzerwahrnehmung beeinflusst, haben wir hier ausf\u00fchrlich besprochen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt_blog_seo_typography_19_eng.png\" alt=\"\" class=\"wp-image-10000051426\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_19_eng.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_19_eng-1024x509.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_19_eng-1200x597.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_19_eng-768x382.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_19_eng-420x209.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_19_eng-600x298.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p>Bei Druckprodukten gibt es ebenfalls Besonderheiten. Nicht alle Schriftarten sind f\u00fcr den Druck geeignet, da es Unterschiede in der Druckqualit\u00e4t und bei der \u00dcbertragung von Tinte auf verschiedene Oberfl\u00e4chen gibt. Beispielsweise k\u00f6nnen zu d\u00fcnne Linien nicht gedruckt werden, und zu dicke oder schmale Buchstaben k\u00f6nnen zusammenkleben. Mehr \u00fcber die Arbeit mit Schriftarten in der Buchgestaltung erfahren Sie in unserem Artikel.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt_blog_seo_typography_20.png\" alt=\"\" class=\"wp-image-10000051427\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_20.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_20-1024x462.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_20-1200x542.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_20-768x347.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_20-420x190.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_20-600x271.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Grundprinzipien der Typografie<\/h2>\n\n\n\n<p>Welche Techniken helfen, Text leicht wahrnehmbar und visuell harmonisch zu gestalten? Betrachten wir die Hauptprinzipien der Typografie.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Farbe und Kontrast<\/h3>\n\n\n\n<p>Bei der Wahl einer Schriftfarbe ist es wichtig, dass sie mit dem Hintergrund kontrastiert, auf dem der Text platziert wird. Neben der klassischen Kombination aus schwarzer Schrift auf wei\u00dfem Hintergrund gibt es viele andere M\u00f6glichkeiten. Um den Farbkontrast zu \u00fcberpr\u00fcfen, k\u00f6nnen Sie einen speziellen Dienst nutzen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt_blog_seo_typography_21_eng.png\" alt=\"\" class=\"wp-image-10000051428\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_21_eng.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_21_eng-1024x208.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_21_eng-1200x243.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_21_eng-768x156.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_21_eng-420x85.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_21_eng-600x122.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Hierarchie<\/h3>\n\n\n\n<p>\u00dcberschriften, Unter\u00fcberschriften, Listen und Akzente helfen dem Leser, sich im Text zu orientieren und die ben\u00f6tigten Informationen schneller zu finden. Daher ist es wichtig, nicht nur die richtige Schriftart zu w\u00e4hlen, sondern auch eine visuelle Hierarchie im Text zu schaffen. Daf\u00fcr k\u00f6nnen kursive Schriftarten, unterschiedliche Strichst\u00e4rken, Schriftgr\u00f6\u00dfen und Schriftstile verwendet werden. Eine klassische Kombination ist eine Textschrift und eine Displayschrift (mehr zu diesen Typen hier).<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt_blog_seo_typography_22_eng.png\" alt=\"\" class=\"wp-image-10000051429\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_22_eng.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_22_eng-1024x315.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_22_eng-1200x369.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_22_eng-768x236.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_22_eng-420x129.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_22_eng-600x185.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Ausrichtung<\/h3>\n\n\n\n<p>Die klassischen Ausrichtungsoptionen sind links, rechts, zentriert und Blocksatz. In der Textseitengestaltung wird zentrierte Ausrichtung meist f\u00fcr \u00dcberschriften und linke Ausrichtung f\u00fcr den Haupttext verwendet, da dies der Leserichtung in der europ\u00e4ischen Tradition entspricht.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt_blog_seo_typography_23_eng.gif\" alt=\"\" class=\"wp-image-10000051430\"\/><\/figure>\n\n\n\n<p>Auf Buch- und Magazincovern, Plakaten, Flyern, in der Verpackungsgestaltung usw. ist die zentrierte Ausrichtung am h\u00e4ufigsten. In solchen F\u00e4llen k\u00f6nnen jedoch auch andere, einschlie\u00dflich unkonventioneller, Ausrichtungsoptionen passend sein. Hier kann eine Leseschwierigkeit die Konzeption des Projekts betonen und es mutiger und ungew\u00f6hnlicher machen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt_blog_seo_typography_24.png\" alt=\"\" class=\"wp-image-10000051431\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_24.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_24-1024x413.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_24-1200x484.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_24-768x310.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_24-420x169.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_24-600x242.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Wiederholung und Rhythmus<\/h3>\n\n\n\n<p>Wiederholung ist eines der Grundprinzipien der Komposition, das die Struktur und Integrit\u00e4t der visuellen L\u00f6sung sicherstellt. Sie wird verwendet, um Rhythmus zu schaffen, wichtige Elemente hervorzuheben und einzelne Teile des Designs zu einem einheitlichen System zu verbinden.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt_blog_seo_typography_25.png\" alt=\"\" class=\"wp-image-10000051432\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_25.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_25-1024x509.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_25-1200x597.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_25-768x382.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_25-420x209.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_25-600x298.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Hauptarten der Wiederholung:<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Wiederholung von Formen: Die Verwendung derselben geometrischen Formen oder Linien in verschiedenen Teilen des Layouts erh\u00f6ht die visuelle Konsistenz.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt_blog_seo_typography_26.png\" alt=\"\" class=\"wp-image-10000051433\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_26.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_26-1024x256.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_26-1200x300.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_26-768x192.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_26-420x105.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_26-600x150.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Farbwiederholung: Arbeiten innerhalb einer begrenzten Farbpalette (meist 3\u20134 Farbt\u00f6ne) hilft, harmonische Kompositionen zu schaffen und die stilistische Integrit\u00e4t zu st\u00e4rken.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt_blog_seo_typography_27.png\" alt=\"\" class=\"wp-image-10000051434\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_27.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_27-1024x131.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_27-1200x153.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_27-768x98.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_27-420x54.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_27-600x77.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Texturwiederholung: Das Wiederholen bestimmter Texturl\u00f6sungen (z. B. ein Raster oder K\u00f6rnigkeit) hilft, einen einheitlichen Charakter f\u00fcr die visuelle Serie zu setzen.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt_blog_seo_typography_28.png\" alt=\"\" class=\"wp-image-10000051435\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_28.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_28-1024x252.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_28-1200x295.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_28-768x189.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_28-420x103.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_28-600x148.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Schriftwiederholung: Es ist optimal, sich auf zwei oder drei Schriftarten oder -stile zu beschr\u00e4nken und ihnen Rollen zuzuweisen: eine f\u00fcr \u00dcberschriften, eine f\u00fcr den Haupttext und eine dritte f\u00fcr Hervorhebungen im Text.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt_blog_seo_typography_29.png\" alt=\"\" class=\"wp-image-10000051436\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_29.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_29-1024x390.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_29-1200x458.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_29-768x293.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_29-420x160.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_29-600x229.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Wiederholung von Textformatierungsprinzipien: Wenn Sie beispielsweise Punkte zur Formatierung einer Liste verwenden, nutzen Sie dasselbe Format f\u00fcr andere Listen innerhalb des Projekts. Oder wenn Sie ein Zitat kursiv hervorheben, formatieren Sie andere Zitate auf dieselbe Weise.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt_blog_seo_typography_30_eng.png\" alt=\"\" class=\"wp-image-10000051437\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_30_eng.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_30_eng-1024x276.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_30_eng-1200x323.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_30_eng-768x207.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_30_eng-420x113.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_30_eng-600x162.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Wie verwendet man Wiederholung richtig?<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Balance halten: \u00dcberm\u00e4\u00dfige Wiederholung macht die Komposition monoton. Es ist wichtig, Wiederholung mit Abwechslung zu kombinieren.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt_blog_seo_typography_31_eng.png\" alt=\"\" class=\"wp-image-10000051438\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_31_eng.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_31_eng-1024x419.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_31_eng-1200x491.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_31_eng-768x314.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_31_eng-420x172.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_31_eng-600x245.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Mit Mustern arbeiten: Wiederholte Muster k\u00f6nnen als Hintergrundl\u00f6sungen oder dekorative Akzente verwendet werden.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt_blog_seo_typography_32_eng.png\" alt=\"\" class=\"wp-image-10000051439\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_32_eng.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_32_eng-1024x419.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_32_eng-1200x491.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_32_eng-768x314.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_32_eng-420x172.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_32_eng-600x245.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Variationen anwenden: Wiederholte Elemente k\u00f6nnen in&nbsp;Gr\u00f6\u00dfe, S\u00e4ttigung oder Farbton variiert werden, um&nbsp;Dynamik zu&nbsp;schaffen und Monotonie zu&nbsp;vermeiden.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt_blog_seo_typography_33_eng.png\" alt=\"\" class=\"wp-image-10000051440\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_33_eng.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_33_eng-1024x419.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_33_eng-1200x491.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_33_eng-768x314.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_33_eng-420x172.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_33_eng-600x245.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Proportionen<\/h3>\n\n\n\n<p>Proportionen in&nbsp;der Typografie betreffen das Verh\u00e4ltnis von Breite und H\u00f6he der Buchstaben und Zeichen in&nbsp;einer Schriftart sowie die Abst\u00e4nde zwischen ihnen, Zeilen und Abs\u00e4tzen. Die korrekte Anwendung von Proportionen&nbsp;\u2014 das Verh\u00e4ltnis von Zeilenbreite zu&nbsp;Schriftgr\u00f6\u00dfe, Zeilenabstand und Buchstabenabstand&nbsp;\u2014 ist entscheidend f\u00fcr die Erstellung lesbarer und visuell ansprechender Texte.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt_blog_seo_typography_34_eng.png\" alt=\"\" class=\"wp-image-10000051441\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_34_eng.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_34_eng-1024x419.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_34_eng-1200x491.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_34_eng-768x314.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_34_eng-420x172.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_34_eng-600x245.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Lesbarkeit und Wahrnehmung<\/h3>\n\n\n\n<p>Lesbarkeit ist die Leichtigkeit, mit der nicht einzelne Buchstaben, sondern der gesamte Text als Ganzes wahrgenommen wird. Die Lesbarkeit einer Schriftart wird dadurch bestimmt, wie angenehm und einfach es&nbsp;f\u00fcr den Leser ist, \u00fcber die Textzeilen zu&nbsp;&#8222;gleiten&#8220;, ohne abgelenkt oder gestolpert zu&nbsp;sein. Ein Bestandteil der Lesbarkeit ist die Erkennbarkeit einzelner Zeichen.<\/p>\n\n\n\n<p>Damit Typografie im&nbsp;Interesse des Nutzers funktioniert, muss die Wahl der Schriftart und die Textformatierung umfassend angegangen werden. Der erste Schritt ist, die grundlegende Erkennbarkeit durch die Auswahl einer geeigneten Schriftart sicherzustellen, und anschlie\u00dfend die Lesbarkeit zu&nbsp;\u00fcberpr\u00fcfen und zus\u00e4tzliche Parameter zu&nbsp;konfigurieren.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt_blog_seo_typography_35_eng.png\" alt=\"\" class=\"wp-image-10000051442\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_35_eng.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_35_eng-1024x419.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_35_eng-1200x491.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_35_eng-768x314.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_35_eng-420x172.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_35_eng-600x245.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p>Dies ist eine komplexe Aufgabe. Wie man die Erkennbarkeit und Lesbarkeit von Text verbessern kann, haben wir in&nbsp;einem <a href=\"https:\/\/typetype.org\/de\/legibility-vs-readability-what-is-the-difference\/\">separaten Artikel<\/a> ausf\u00fchrlich besprochen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Grundregeln f\u00fcr die Arbeit mit Typografie<\/h2>\n\n\n\n<p>Betrachten wir die Hauptregeln, die helfen, Fehler zu&nbsp;vermeiden und Text funktional zu&nbsp;gestalten.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Wie w\u00e4hlt man eine Schriftart f\u00fcr eine Aufgabe?<\/h3>\n\n\n\n<p>Das Hauptprinzip ist, dass die Schriftart dem Zweck der Kommunikation entsprechen muss. Es&nbsp;ist unzul\u00e4ssig, eine dekorative <a href=\"https:\/\/typetype.org\/de\/fonts\/script\/\">Handschrift<\/a> in&nbsp;einem wissenschaftlichen Artikel zu&nbsp;verwenden, und eine trockene, offizielle <a href=\"https:\/\/typetype.org\/de\/fonts\/sans-serif\/\">serifenlose<\/a> Schrift w\u00fcrde auf einem Partyflyer seltsam wirken.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt_blog_seo_typography_36_eng.png\" alt=\"\" class=\"wp-image-10000051443\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_36_eng.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_36_eng-1024x419.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_36_eng-1200x491.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_36_eng-768x314.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_36_eng-420x172.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_36_eng-600x245.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p>F\u00fcr den Haupttext eignen sich neutrale Schriftarten mit guter Lesbarkeit (z. B. <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-travels-text\/\">TT&nbsp;Travels Text<\/a>). Sie sind vielseitig und sowohl f\u00fcr Web als auch f\u00fcr Druck geeignet. F\u00fcr \u00dcberschriften k\u00f6nnen ausdrucksst\u00e4rkere Schriftarten mit dekorativen Elementen gew\u00e4hlt werden, z. B. <a href=\"https:\/\/typetype.org\/de\/fonts\/tt-travels-next\/\">TT&nbsp;Travels Next<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt_blog_seo_typography_37.png\" alt=\"\" class=\"wp-image-10000051444\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_37.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_37-1024x261.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_37-1200x306.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_37-768x196.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_37-420x107.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_37-600x153.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<p>F\u00fcr ein tiefergehendes Studium gibt es&nbsp;eine <a href=\"https:\/\/typetype.org\/de\/blog\/how-to-choose-a-font-for-your-brand-design-the-comprehensive-guide\/\">ausf\u00fchrliche Anleitung<\/a> zur Auswahl einer Schriftart f\u00fcr ein Projekt.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schriftkombinationen<\/h3>\n\n\n\n<p>Verwenden Sie nicht mehr als zwei oder drei Schriftarten in&nbsp;einem Projekt&nbsp;\u2014 dies hilft, Unordnung zu&nbsp;vermeiden und Harmonie zu&nbsp;wahren. Die Regel &#8222;weniger ist mehr&#8220; ist hier passend.<\/p>\n\n\n\n<p>Damit Schriftarten gut harmonieren, sollten sie sowohl Gemeinsamkeiten als auch Unterschiede aufweisen. Der einfachste Weg ist, verschiedene Stile derselben Schriftfamilie zu&nbsp;w\u00e4hlen: Sie unterscheiden sich in&nbsp;einigen Parametern, bleiben aber stilistisch einheitlich. Sie k\u00f6nnen auch bew\u00e4hrte klassische Kombinationen wie <a href=\"https:\/\/typetype.org\/de\/fonts\/serif\/\">Serif <\/a>+ <a href=\"https:\/\/typetype.org\/de\/fonts\/sans-serif\/\">Sans-Serif<\/a> verwenden.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Optimaler Abstand<\/h3>\n\n\n\n<p>Der optimale Wert f\u00fcr den Zeilenabstand liegt \u00fcblicherweise im&nbsp;Bereich von 120\u2013150&nbsp;% des Schriftgrads. Zu&nbsp;wenig Zeilenabstand beeintr\u00e4chtigt die Lesbarkeit, zu&nbsp;viel macht den Text &#8222;zerrissen&#8220;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt_blog_seo_typography_38.png\" alt=\"\" class=\"wp-image-10000051446\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_38.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_38-1024x317.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_38-1200x372.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_38-768x238.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_38-420x130.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_38-600x186.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Typografie und Raster<\/h3>\n\n\n\n<p>Ein modulares Raster ist ein Werkzeug, das hilft, ein Layout mithilfe von Spalten, Zeilen und den Abst\u00e4nden dazwischen zu&nbsp;organisieren. Es&nbsp;setzt die Leitlinien, entlang derer der Designer Text, Bilder, Schaltfl\u00e4chen und andere Seitenelemente anordnet. Die Verwendung eines Rasters macht die Seite vorhersehbar und strukturiert.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt_blog_seo_typography_39_eng.png\" alt=\"\" class=\"wp-image-10000051447\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_39_eng.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_39_eng-1024x511.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_39_eng-1200x598.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_39_eng-768x383.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_39_eng-420x209.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_39_eng-600x299.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Warum ist Typografie im&nbsp;Grafikdesign wichtig?<\/h2>\n\n\n\n<p>Typografie beeinflusst nicht nur das Erscheinungsbild von Text im&nbsp;Design, sondern auch viele andere Aspekte. Insbesondere:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Wahrnehmung von Informationen<\/h3>\n\n\n\n<p>Gut konfigurierte typografische Parameter helfen dem Betrachter, sich schnell zu&nbsp;orientieren. Studien zeigen, dass Nutzer l\u00e4nger auf einer Website verweilen, wenn der Text strukturiert und benutzerfreundlich ist.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Emotionale Wirkung<\/h3>\n\n\n\n<p>Verschiedene Schriftarten haben unterschiedliche Charaktere und unterschiedliche emotionale Wirkungen. Beispielsweise wandte sich das Team des Online-Kinos Ivi nach einem Rebranding an&nbsp;TypeType&nbsp;\u2014 es&nbsp;war n\u00f6tig, eine Unternehmensschrift zu&nbsp;schaffen, die emotional zum neuen Image des Unternehmens passte. <\/p>\n\n\n\n<p>Um&nbsp;zu&nbsp;verstehen, ob&nbsp;der Charakter der Schriftart f\u00fcr Nutzer wichtig ist und ob&nbsp;die emotionale Wahrnehmung verschiedener Optionen unterschiedlich ist, f\u00fchrten die Ivi-Spezialisten eine Studie durch. Die Ergebnisse zeigten, dass die Reaktion auf verschiedene Schriftarten unterschiedlich ist. Die emotionale Wahrnehmung der charakteristischeren Schriftarten, deren Skizzen wir im&nbsp;Rahmen des Projekts erstellt hatten, war deutlich st\u00e4rker als die Wahrnehmung der zuvor auf der Website des Online-Kinos verwendeten Standardoption.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt_blog_seo_typography_40_eng.png\" alt=\"\" class=\"wp-image-10000051448\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_40_eng.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_40_eng-1024x282.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_40_eng-1200x330.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_40_eng-768x211.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_40_eng-420x116.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_40_eng-600x165.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Verbesserung der Kommunikationseffizienz<\/h3>\n\n\n\n<p>Typografie hilft, wichtige Akzente zu&nbsp;setzen, die Zeit f\u00fcr die Informationssuche zu&nbsp;reduzieren und das Vertrauen in&nbsp;die Marke zu&nbsp;st\u00e4rken. Ein Unternehmen, das in&nbsp;Werbung, auf seiner Website und in&nbsp;seiner App eine einheitliche Unternehmensschrift verwendet, wirkt professioneller, zuverl\u00e4ssiger und wird erkennbarer. Diese Strategie wird heute von gro\u00dfen Marken genutzt.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Fazit<\/h2>\n\n\n\n<p>Typografie im&nbsp;Grafikdesign ist nicht nur die Wahl einer sch\u00f6nen Schriftart. Es&nbsp;ist ein System von Regeln und Techniken, das hilft, grafische und textliche Elemente zu&nbsp;einer koh\u00e4renten Komposition zusammenzuf\u00fcgen, die Aufmerksamkeit des Betrachters zu&nbsp;lenken, die Benutzererfahrung zu&nbsp;verbessern und die Kommunikation zu&nbsp;st\u00e4rken.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Was muss man lesen und wo&nbsp;kann man \u00fcber Typografie lernen?<\/h3>\n\n\n\n<p>Hier ist eine Liste von Literatur, die TypeType-Schriftgestalter f\u00fcr ein tiefergehendes Studium des Themas empfehlen:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><em>An&nbsp;Essay on&nbsp;Typography<\/em> von Eric Gill <\/li>\n\n\n\n<li><em>The New Typography. A&nbsp;Handbook for Modern Designers<\/em> von Jan Tschichold <\/li>\n\n\n\n<li><em>The Form Of&nbsp;The Book<\/em> von Jan Tschichold <\/li>\n\n\n\n<li><em>Stop Stealing Sheep &amp;&nbsp;Find Out How Type Works<\/em> von Erik Spiekermann <\/li>\n\n\n\n<li><em>The Elements of&nbsp;Typographic Style<\/em> von Robert Bringhurst <\/li>\n\n\n\n<li><em>Designing Type<\/em> von Karen Cheng <\/li>\n\n\n\n<li><em>Typography: A&nbsp;Manual of&nbsp;Design<\/em> von Emil Ruder<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/typetype.org\/wp-content\/uploads\/tt_blog_seo_typography_41.png\" alt=\"\" class=\"wp-image-10000051449\" srcset=\"https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_41.png 1440w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_41-1024x395.png 1024w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_41-1200x463.png 1200w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_41-768x296.png 768w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_41-420x162.png 420w, https:\/\/typetype.org\/de\/wp-content\/uploads\/tt_blog_seo_typography_41-600x231.png 600w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Discover what typography\u00a0is, why it\u2019s important in\u00a0design, and how to\u00a0apply its main principles, styles, and rules to\u00a0create visually strong text.<\/p>\n","protected":false},"author":4485,"featured_media":10000051450,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[188,184],"class_list":["post-43232","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-work-with-fonts","tag-typetype-fonts"],"acf":{"show_sidebar":true},"_links":{"self":[{"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/posts\/43232","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/users\/4485"}],"replies":[{"embeddable":true,"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/comments?post=43232"}],"version-history":[{"count":5,"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/posts\/43232\/revisions"}],"predecessor-version":[{"id":47118,"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/posts\/43232\/revisions\/47118"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/media\/10000051450"}],"wp:attachment":[{"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/media?parent=43232"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/categories?post=43232"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/typetype.org\/de\/wp-json\/wp\/v2\/tags?post=43232"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}