{"id":4720,"date":"2026-07-02T10:00:19","date_gmt":"2026-07-02T08:00:19","guid":{"rendered":"https:\/\/www.flyeralarm.com\/blog\/de\/?p=4720"},"modified":"2026-07-16T09:13:12","modified_gmt":"2026-07-16T07:13:12","slug":"typografische-grundlagen-der-gestaltung","status":"publish","type":"post","link":"https:\/\/www.flyeralarm.com\/blog\/de\/typografische-grundlagen-der-gestaltung\/","title":{"rendered":"Typografie: Wie Schrift das Corporate Design pr\u00e4gt"},"content":{"rendered":"[vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; column_direction=&#8220;default&#8220; column_direction_tablet=&#8220;default&#8220; column_direction_phone=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; row_border_radius=&#8220;none&#8220; row_border_radius_applies=&#8220;bg&#8220; overflow=&#8220;visible&#8220; overlay_strength=&#8220;0.3&#8243; gradient_direction=&#8220;left_to_right&#8220; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; column_position=&#8220;default&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/1&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;]<div class=\"iwithtext\"><div class=\"iwt-icon\"> <i class=\"icon-default-style fa fa-th-list accent-color\"><\/i> <\/div><div class=\"iwt-text\"> <strong><span style=\"font-size: 14pt\">Inhalt<\/span><\/strong> <\/div><div class=\"clear\"><\/div><\/div>[vc_column_text]<a href=\"#podcast\">Interview mit Erik Spiekermann \u2013 Gestalter, Typograf, Gr\u00fcnder und Fachautor<\/a><br \/>\n<a href=\"#marke\">Typografie gibt Ihrer Marke Pers\u00f6nlichkeit<\/a><br \/>\n<a href=\"#lesbarkeit\">Lesbarkeit ist keine Geschmacksfrage<\/a><br \/>\n<a href=\"#grundregeln\">Die Grundregeln der Typografie<\/a><br \/>\n<a href=\"#hausschrift\">Die Vorteile einer eigenen Hausschrift<\/a><br \/>\n<a href=\"#weniger\">Weniger ist mehr: Der wichtigste Tipp f\u00fcr Flyer, Plakate und Co.<\/a><br \/>\n<a href=\"#fazit\">Fazit: Gute Gestaltung beginnt mit einem guten Briefing<\/a>[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; column_direction=&#8220;default&#8220; column_direction_tablet=&#8220;default&#8220; column_direction_phone=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; row_border_radius=&#8220;none&#8220; row_border_radius_applies=&#8220;bg&#8220; overflow=&#8220;visible&#8220; overlay_strength=&#8220;0.3&#8243; gradient_direction=&#8220;left_to_right&#8220; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; column_position=&#8220;default&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/1&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;][vc_column_text]\n<h2 id=\"podcast\">Interview mit Erik Spiekermann \u2013 Gestalter, Typograf, Gr\u00fcnder und Fachautor<\/h2>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; column_direction=&#8220;default&#8220; column_direction_tablet=&#8220;default&#8220; column_direction_phone=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; row_border_radius=&#8220;none&#8220; row_border_radius_applies=&#8220;bg&#8220; overflow=&#8220;visible&#8220; overlay_strength=&#8220;0.3&#8243; gradient_direction=&#8220;left_to_right&#8220; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; column_position=&#8220;default&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/1&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;][tabbed_section style=&#8220;default&#8220; tab_change_animation=&#8220;fade&#8220; alignment=&#8220;left&#8220; spacing=&#8220;default&#8220; tab_color=&#8220;Accent-Color&#8220; vs_content_animation=&#8220;fade&#8220; vs_link_animation=&#8220;opacity&#8220; vs_navigation_alignment=&#8220;left&#8220; vs_navigation_width_2=&#8220;25%&#8220; vs_navigation_func=&#8220;default&#8220; vs_navigation_width=&#8220;regular&#8220; vs_navigation_spacing=&#8220;15px&#8220; vs_navigation_mobile_display=&#8220;visible&#8220; vs_tab_spacing=&#8220;5%&#8220;][tab icon_family=&#8220;none&#8220; title=&#8220;Podcast-Folge direkt anh\u00f6ren&#8220; id=&#8220;1784095722049-1&#8243; tab_id=&#8220;1784095722049-10&#8243;][vc_raw_js]JTNDc2NyaXB0JTIwY2xhc3MlM0QlMjJwb2RpZ2VlLXBvZGNhc3QtcGxheWVyJTIyJTIwc3JjJTNEJTIyaHR0cHMlM0ElMkYlMkZwbGF5ZXIucG9kaWdlZS1jZG4ubmV0JTJGcG9kY2FzdC1wbGF5ZXIlMkZqYXZhc2NyaXB0cyUyRnBvZGlnZWUtcG9kY2FzdC1wbGF5ZXIuanMlMjIlMjBkYXRhLWNvbmZpZ3VyYXRpb24lM0QlMjJodHRwcyUzQSUyRiUyRmVyZm9sZ3NkcnVja3BvZGNhc3QucG9kaWdlZS5pbyUyRjU3LW5ldWUtZXBpc29kZSUyRmVtYmVkJTNGY29udGV4dCUzRGV4dGVybmFsJTI2dG9rZW4lM0R1R0tVandSUFlMNG92X0Q2WGF3T0VnJTIyJTNFJTNDJTJGc2NyaXB0JTNF[\/vc_raw_js][\/tab][tab icon_family=&#8220;none&#8220; title=&#8220;Transkript&#8220; id=&#8220;1784095722066-2&#8243; tab_id=&#8220;1784095722066-7&#8243;][vc_column_text]<a href=\"#kapitel1\">Kapitel 1: Intro<\/a><br \/>\n<a href=\"#kapitel2\">Kapitel 2: Erik Spiekermann und der Gutenbergpreis<\/a><br \/>\n<a href=\"#kapitel3\">Kapitel 3: Typografie als sichtbare Sprache von Marken<\/a><br \/>\n<a href=\"#kapitel4\">Kapitel 4: Lesbarkeit, Serifen und kulturelle Gewohnheiten<\/a><br \/>\n<a href=\"#kapitel5\">Kapitel 5: Typische Fehler und Trends in der Typografie<\/a><br \/>\n<a href=\"#kapitel6\">Kapitel 6: Typografie im Druck und am Bildschirm<\/a><br \/>\n<a href=\"#kapitel7\">Kapitel 7: Ziffern und Zahlen in der Typografie<\/a><br \/>\n<a href=\"#kapitel8\">Kapitel 8: Standardschriften vs. eigene Hausschriften<\/a><br \/>\n<a href=\"#kapitel9\">Kapitel 9: Top-3-Typografie-Tipps f\u00fcr Flyer<\/a><br \/>\n<a href=\"#kapitel10\">Kapitel 10: Erik Spiekermanns liebste Typografie-Momente<\/a><br \/>\n<a href=\"#kapitel11\">Kapitel 11: Outro<\/a>[\/vc_column_text][vc_column_text]\n<h3 id=\"kapitel1\">Kapitel 1: Intro<\/h3>\n<p><em>Doreen:<\/em> Hallo und willkommen bei Erfolgsdruck, dem FLYERALARM Podcast. Ich bin Doreen.<\/p>\n<p><em>Marco:<\/em> Und ich bin Marco. Und Doreen, ich habe mich neulich, als ich das Logo des Kegelvereins Kegelverein Neundorf 1982 e. V. neugestaltet habe, mal intensiver mit dem Thema Typografie besch\u00e4ftigt.<\/p>\n<p><em>Doreen: <\/em>Also mit den sch\u00f6nen Schriften.<\/p>\n<p><em>Marco: <\/em>Ja, das ist die H\u00e4lfte. Ich musste googeln! Aber Typografie ist die Kunst und Lehre der Schriftgestaltung. Es geht so um die Auswahl und die Anordnung und auch so um das generative Design von Schriften, aber auch so von ganzen Layouts und wie Schriften eben zusammenspielen.<\/p>\n<p>Das hei\u00dft, Typografie hat quasi das Ziel, dass Texte immer optimal lesbar und optisch ansprechend sind, also egal ob jetzt auf einem Magazincover oder auf dem Wappen meines hei\u00df geliebten Kegelvereins.<\/p>\n<p><em>Doreen:<\/em> Und das hast du jetzt ausgecheckt nach ein bisschen googeln?<\/p>\n<p><em>Marco: <\/em>Nee, auf keinen Fall.<\/p>\n<p><em>Doreen: <\/em>Schade!<\/p>\n<p><em>Marco: <\/em>Aber bald findet ja wieder der FLYERALARM Design Award statt, und in dessen Jury sitzt Erik Spiekermann. Der Fachmann f\u00fcr Typografie, der lehrt an Hochschulen und ist Autor von echt einigen Fachb\u00fcchern. Und er sitzt auch im Pr\u00e4sidium des Rats f\u00fcr Formgebung usw.<\/p>\n<p><em>Doreen:<\/em> Also ich glaube, die Designerinnen und Designer, die gerade zuh\u00f6ren, die kennen den auch, weil der Mann hat richtig Ahnung.<\/p>\n<p><em>Marco: <\/em>Definitiv! Ich bin super froh, dass er die jetzt mit uns teilt.[\/vc_column_text][vc_column_text]\n<h3 id=\"kapitel2\">Kapitel 2: Erik Spiekermann und der Gutenbergpreis<\/h3>\n<p><em>Doreen: <\/em>Hallo Erik und herzlich willkommen bei unserem Podcast.<\/p>\n<p><em>Erik: <\/em>Guten Tag von Berlin.<\/p>\n<p><em>Doreen: <\/em>Hallo. Kurze Frage zum Einstieg. Die muss jeder beantworten: Wann ist denn der Erfolgsdruck bei dir im Arbeitsalltag am gr\u00f6\u00dften?<\/p>\n<p><em>Erik: <\/em>Wenn ich mich nicht vorbereitet habe und bluffen muss, was immer wieder vorkommt, weil ich denke immer: Ach, das mache ich doch mit links. Und dann habe ich nicht richtig das Briefing gelesen, wie eure Fragen z. B. Und dann kommt irgendein Punkt, wo ich denke: Ach, Schei\u00dfe. Jetzt habe ich keine richtige Antwort, und da muss ich entweder Geschichten von fr\u00fcher erz\u00e4hlen, die immer gut kommen.<\/p>\n<p>Und dann irgendwann f\u00e4llt es mir wieder ein, weil es gibt immer diese Momente, wo ich denke: Ich h\u00e4tte doch vielleicht das Briefing lesen sollen.<\/p>\n<p><em>Marco: <\/em>Wir werden es rausfinden, bevor wir das aber tun: Von uns hier erst mal herzlichen Gl\u00fcckwunsch. Du hast vor gar nicht allzu langer Zeit den Gutenbergpreis der Stadt Mainz und der internationalen Gutenberg-Gesellschaft gewonnen oder verliehen bekommen, und ich w\u00fcrde einfach gern kurz zitieren: \u201eErik Spiekermann wird f\u00fcr sein Lebenswerk und seinen Pioniergeist bei der Weiterentwicklung von Schrift und Typografie vom analogen Bleisatz bis zum digitalen Zeitalter ausgezeichnet.\u201c Das geht doch runter wie \u00d6l! Oder?<\/p>\n<p><em>Erik: <\/em>Ja stimmt. Also, am zwanzigsten Juni wird der Gutenbergpreis verliehen und dieses Jahr bekomme ich ihn. Ich habe ihn ja schon gekriegt. Also er ist mir zugesprochen worden, ist aber noch nicht physisch in meinen H\u00e4nden. Was immer das Dokument dann wird.<\/p>\n<p><em>Doreen: <\/em>Wie war das Gef\u00fchl, als du es erfahren hast?<\/p>\n<p><em>Erik: <\/em>Das habe ich letztes Jahr schon erfahren. Ich war \u00fcberrascht, weil ich bin in dieser wissenschaftlichen, traditionellen Szene so ein bisschen verschrien als Oberchaot und Lautmaul und Besserwisser.<\/p>\n<p>Und weil ich ja Sachen mit Strom mache, und Gutenberg, um Gottes Willen \u2013 das geht doch gar nicht! Da muss man auch alles mit Kerzenlicht und Fraktur aufsetzen und Lateinisch reden. Also in den Kreisen dachte ich nicht, dass sich da so einen Preis bekomme.<\/p>\n<p>Ich habe ja dieses Hacking Gutenberg mir ausgedacht. Da sagen nat\u00fcrlich manche: Um Gottes Willen! Das geht gar nicht, weil Gutenberg ist in gewissen Kreisen heilig. Der kommt gleich nach Jesus. Jesus konnte \u00fcbers Wasser laufen, und Gutenberg hat den Satz von ein bisschen erfunden. War ja auch toll.<\/p>\n<p>Aber ich habe einfach gesagt: Hacking Gutenberg. Hei\u00dft: Was w\u00fcrde Gutenberg heute machen?<\/p>\n<p><em>Marco: <\/em>Genau, das ist ein superinteressantes Projekt. Da geht es jetzt heute nicht so sehr drum, aber wir verlinken es in den Shownotes. Also wer sich da noch mehr damit besch\u00e4ftigen m\u00f6chte, kann ich euch nur ans Herz legen. Das ist wirklich sehr, sehr spannend.[\/vc_column_text][vc_column_text]\n<h3 id=\"kapitel3\">Kapitel 3: Typografie als sichtbare Sprache von Marken<\/h3>\n<p><em>Marco: <\/em>Genau, das ist ein superinteressantes Projekt. Da geht es jetzt heute nicht so sehr drum, aber wir verlinken es in den Shownotes. Also wer sich da noch mehr damit besch\u00e4ftigen m\u00f6chte, kann ich euch nur ans Herz legen. Das ist wirklich sehr, sehr spannend.<\/p>\n<p>Um jetzt aber mal zum Kern unserer Folge zur\u00fcckzukommen, zum Thema Typografie: Warum sollte sich denn eigentlich jedes Unternehmen oder jeder Verein vielleicht mit Typografie besch\u00e4ftigen?<\/p>\n<p><em>Erik: <\/em>Weil jeder etwas zu sagen hat, und Typografie ist sichtbare Sprache. Wenn man das so behandelt, als wenn es nicht wichtig w\u00e4re, dann wird es sich wichtig genommen.<\/p>\n<p>Also wenn ich reinnuschle, werde ich nicht verstanden. Und man kann auch typografisch nuscheln oder man kann so klingen wie ein Roboter oder wie jemand, dem es egal ist, was er sagt.<\/p>\n<p>Genau darum geht es ja, dass die Stimme des Unternehmens, die sichtbare Stimme, auch so gestaltet ist, dass sie zum Unternehmen passt und auch zum Zuh\u00f6rer passt.<\/p>\n<p><em>Doreen:<\/em> Das hei\u00dft, die Schrift und die Typografie pr\u00e4gen auch stark die Pers\u00f6nlichkeit einer Marke?<\/p>\n<p><em>Erik: <\/em>Ja, oft ist es ja das Einzige. Also wenn wir zum Beispiel jetzt im Internet nur auf einer Website irgendwie durchscrollen und weiterlesen, haben wir keine Logos und keine Mitteilung.<\/p>\n<p>Wir haben nur die Schrift selber und man sollte eigentlich an der Schrift erkennen, von wem das kommt. Das war vor zehn, f\u00fcnfzehn Jahren noch nicht m\u00f6glich. Da gab es nur drei Web-Schriften, die im Browser erschienen, die Zeit ist lange vorbei.<\/p>\n<p>Also wenn ich jetzt, sagen wir mal, den Spiegel online lese, dann sieht er anders aus als die FAZ oder die S\u00fcddeutsche. Und das allein reicht schon, um zu wissen, wo ich bin, im Guten wie im Schlechten.<\/p>\n<p><em>Marco: <\/em>Kann denn zum Beispiel eine und dieselbe Botschaft irgendwie durch andere Schriftarten oder durch generell andere Typografie anders wirken? Zum Beispiel, wenn eine Luxusmarke die falsche Schrift w\u00e4hlt oder die falsche Typo, kann sie dann einfach, na ja, billig wirken?<\/p>\n<p><em>Erik: <\/em>Stellt euch jetzt mal vor: Mercedes Benz hat sich neulich die Schriften gewechselt. Neu gemacht, vor drei, vier Jahren. Die w\u00fcrden jetzt, sagen wir mal, mit Comic Sans, kennt ja jeder, so handgeschrieben, aber schlecht handgeschrieben. Dann sagen sie damit hier: Leute, kaufen Massen die neue S-Klasse.<\/p>\n<p>Das w\u00e4re als Witz ganz komisch. Aber das kann man auch nur einmal erz\u00e4hlen. Das geht nat\u00fcrlich \u00fcberhaupt nicht. Das Problem ist: Bei solchen Marken haben wir immer zwei Aspekte.<\/p>\n<p>Einmal, und das ist Mercedes ein gutes Beispiel, das Wertvolle, das Edle. Da gibt es so ein Bild, das alle im Kopf haben. Das m\u00fcssen so vornehme Serifenschriften sein, ein bisschen gediegen, aus Stein geschnitzt eher.<\/p>\n<p>Aber dann gibt es auch technische Fortschritte, also Technik \u00fcberhaupt und dass Sachen gut funktionieren. Und das wiederum wird ja eher assoziiert mit relativ k\u00fchlen Technikschriften, die keine Schn\u00f6rkel haben. Und die beide zusammenzubringen, hat Mercedes einfach so gemacht: Sie haben beide Schriften verwendet.<\/p>\n<p>Die haben eine Schrift mit Serifen f\u00fcr Mercedes und eine ohne. Die ohne erscheint zum Beispiel auf den Tachos, auf den Instrumenten, und dann ist aber immer ein Wort aus der anderen dabei. Und wenn es nur km\/h steht oder irgendwas anderes, damit du sofort in die Familie &#8230; Ah!<\/p>\n<p>Mercedes sind die mit den beiden Schriften? Die sind ein bisschen besser als die anderen, die k\u00f6nnen sich nur eine leisten.[\/vc_column_text][vc_column_text]\n<h3 id=\"kapitel4\">Kapitel 4: Lesbarkeit, Serifen und kulturelle Gewohnheiten<\/h3>\n<p><em>Marco:<\/em> Ich hatte mal vor langer Zeit einen Kurs belegt zu Grundlagen der Gestaltung. Da hab ich irgendwie noch so als Halbwissen im Hinterkopf, dass man, immer wenn es viel Text gibt und Leute etwas gut lesen k\u00f6nnen sollen, also zum Beispiel jetzt in einem Beitrag einer Zeitung, in einem Magazin oder FAQs oder so, dann soll man eher so Schriften mit Serifen nehmen, so etwas wie Times New Roman w\u00fcrde mir einfallen.<\/p>\n<p>Und wenn es um \u00dcberschriften geht oder um Headlines, um irgendwie wenig Text, dann sollte da wenig Serifen dran sein. Stimmt das? Oder ist das einfach nur eine Faustregel, die man absoluten Einsteigern wie mir mal mitgegeben hat?<\/p>\n<p><em>Erik:<\/em> Es gibt daf\u00fcr zwei Gr\u00fcnde. Die eine ist nat\u00fcrlich, dass man das am besten liest, was man am meisten liest. Also ich kann zum Beispiel noch Fraktur lesen, weil ich das in der Schule noch gelernt habe in den F\u00fcnfzigerjahren. Ihr k\u00f6nnt das heute nicht. Also erst nach einer halben Stunde \u00dcbung k\u00f6nnt ihr vielleicht etwas lesen. Das hei\u00dft, die Fraktur ist damit ja nicht unlesbar, nur f\u00fcr euch nicht.<\/p>\n<p>Ich kann ja auch Ungarisch nicht lesen, obwohl ich die Schrift erkennen kann. Also die Schrift selber sendet ein Signal. Ich erkenne also, das ist eine Schrift, die buch- oder zeitungs\u00e4hnlich ist. Also befinde ich mich hier in einem l\u00e4ngeren Text, der relativ ernst ist. Wenn ich so ein fettes Ding habe wie auf der Wurstpackung, befinde ich mich eben im Werberaum.<\/p>\n<p>Dazu kommt aber auch ganz physisch, dass die Serifen Buchstaben st\u00e4rker voneinander unterscheiden. Wenn ich eine schmale Headline nehme und dann von mir aus auch noch nur Gro\u00dfbuchstaben, sehen die Buchstaben alle ziemlich \u00e4hnlich aus. Die Unterschiede sind geringer, weil es kaum noch Innenr\u00e4ume gibt. Dann sieht ein O wie ein D aus, ein B hat zwei L\u00f6cher. B und R sehen irgendwie auch immer gleich aus. Sie werden sich immer \u00e4hnlicher, je weniger Detail da ist, das ist ja klar.<\/p>\n<p>Zu viel Detail, also Schn\u00f6rkel, da macht das L\u00e4rm, und L\u00e4rm braucht man auch nicht immer. Aber dass ich zum Beispiel bei einer Serifenschrift nicht nur diese Serifen habe, die d\u00fcnner oder fetter sein k\u00f6nnen, auch die Innenr\u00e4ume sind zum Beispiel.<\/p>\n<p>Nimm dir ein kleines o von irgendeiner Zeitungsschrift vor. Dann wirst du sehen, dass die Au\u00dfenlinie, sagen wir mal, oval ist. Kann aber sein, dass die Innenlinie das gleiche Oval ist, nur ein bisschen gekippt. Da gibt es einen schr\u00e4gen Kontrast, und der macht Bewegung, Lebendigkeit, macht aber auch Identifizierung. Ich kann dann E besser vom O besser und das besser vom C unterscheiden. Die Au\u00dfenform ist die gleiche in allen drei F\u00e4llen.<\/p>\n<p>Also es gibt sowohl die kulturelle Konditionierung, was wir gewohnt sind, aber auch die physischen Geschichten, dass ich zum Beispiel, wenn ich, sagen wir mal, die Mercedes Schrift wieder auf ganz kleine Instrumenten mache, das darf nat\u00fcrlich nicht zu d\u00fcnn sein.<\/p>\n<p>Auch die Ziffern sind wahnsinnig wichtig, und die Buchstaben m\u00fcssen sich st\u00e4rker voneinander unterscheiden als gro\u00df oder bei Text. Beim normalen Buch liest man ja dr\u00fcber weg, da liest man ja nicht jeden Buchstaben. Aber wenn es drauf ankommt, in einer Tabelle oder bei einer Geschwindigkeitsbegrenzung, dann kommt es darauf an, eine schnelle und gute Unterscheidung zu haben. Ich mache deswegen die i\u2019s in meinen Schriften meistens mit einem kleinen Strich oben auf dem runden Punkt. Weil es sich dann besser vom Boden trennt.<\/p>\n<p>Ihr kennt das alle: Nummern einf\u00fcgen irgendwo in Helvetica oder in Arial. Das kleine l, das kleine i und das gro\u00dfe I sehen alle gleich aus. Man wei\u00df jetzt nicht: Habe ich jetzt doppelt l geschrieben oder doppelt i geschrieben? Oder gro\u00df I oder so was? Und das ist nat\u00fcrlich fatal in solchen Umgebungen.<\/p>\n<p>Also ich habe damit hier angefangen bei Telefonb\u00fcchern. Das ist auch fatal, wenn man den M\u00fcller mit einem l anruft. Ein M\u00fcller mit drei l ist doof. Wenn man die Telefonnummer nicht lesen kann, ist es noch doofer. Also wie gesagt: noch mal technische, physiologische, aber auch kulturelle Gr\u00fcnde.[\/vc_column_text][vc_column_text]\n<h3 id=\"kapitel5\">Kapitel 5: Typische Fehler und Trends in der Typografie<\/h3>\n<p><em>Doreen:<\/em> Du hast jetzt schon ein paar Sachen angeschnitten. Gibt es noch mehr so typische Fehler, vielleicht auch bei ganz bekannten Unternehmen? Du musst ja keine Namen nennen. Aber gibt es typische Fehler, die dir immer wieder begegnen in der Typografie, und wie k\u00f6nnte man sie vermeiden?<\/p>\n<p><em>Erik:<\/em> Der Hauptfehler ist nat\u00fcrlich, dass es Moden und Trends gibt, auf die manche Leute aufspringen, die aber v\u00f6llig falsch sind.<\/p>\n<p>Das Beispiel hier werden wir alle kennen: Vor ein paar Jahren, als das mit den kleinen Bildschirmen losging, sagen wir mal vor zehn Jahren. Also jeder hatte eigentlich ein Mobilphone, die noch nicht alle so schnell waren.<\/p>\n<p>Da sind sehr viele Modemarken, so \u00e0 la Balenciaga und Burberry von den Engl\u00e4ndern. Also englische und franz\u00f6sisch-italienische Luxusmodemarken, denen haben sich alle von irgendwelchen jungen M\u00e4nnern mit wei\u00dfen Socken erz\u00e4hlen lassen:<\/p>\n<p>\u201eJetzt, ja, wir sind ja so toll! Wir sind ja obercool, wir sind hier so Hightech-m\u00e4\u00dfig. Wir haben jetzt alle Websites und wir machen alle ganz coole Sachen da auf diesem kleinen Bildschirm. Aber das muss jetzt nach Hightech aussehen. Jetzt m\u00fcssen die alle Serifen weg.\u201c<\/p>\n<p>Die hatten alle. Die Mode, wei\u00df man, die Italiener haben eben klassische italienische Schriften. Die Franzosen auch, Dior und so weiter, die haben diese klassischen Schriften bei der klassischen Mode. Die haben alle ihre Logos umgestellt, die Logos in den Texten auch, auf so helvetica-m\u00e4\u00dfige. Und sah nat\u00fcrlich alles gleich aus.<\/p>\n<p>Das war nur, weil diese Idioten, die das erz\u00e4hlt haben, drei Jahre hinter der Technik her waren und nicht gewusst haben, dass das schon lange keine Rolle mehr spielt. Dass man Times New Roman genauso gut lesen kann wie Helvetica, sogar noch anders.<\/p>\n<p>Und die sind inzwischen, drei, vier, f\u00fcnf Jahre sp\u00e4ter, alle wieder zur\u00fcckgegangen, weil sie gemerkt haben: Wenn also in Zeitschriften und auch in L\u00e4den stattfindet, dann darf Balenciaga nicht die gleiche Schrift haben wie Dior.<\/p>\n<p>Also abgesehen von der L\u00e4nge des Wortes. Weil da fehlt dieser Hinweis darauf: Wer sind wir jetzt?<\/p>\n<p>Also Balenciaga, sage ich immer, meine Frau kennt sich da ganz gut aus, weil sie ist ein bisschen rebellisch. Die k\u00f6nnen sich so etwas leisten. Die haben schon schr\u00e4ge Sachen. Dior ist totaler Mainstream. Also nur mal eine Marke zu nennen. Die d\u00fcrfen so was nie machen!<\/p>\n<p>Und diese Unterscheidung ist weg. Und die wird unter anderem durch Typografie gemacht. In der Werbung, auch in den Etiketten und in der ganzen Kommunikation.<\/p>\n<p><em>Doreen:<\/em> Oder man macht es dann halt wie Mercedes und kombiniert es dann clever, je nachdem, wo es passt?<\/p>\n<p><em>Erik:<\/em> Richtig. Mercedes ist ja auch schon drei\u00dfig, vierzig Jahre alt. Aber das ist sehr clever! Und dabei waren die auch drauf und dran, das abzuschaffen. Weil ihnen irgendwelche Techniker oder Pseudotechniker, irgendwelche halb ausgebildeten Leute erz\u00e4hlt haben, dass man heute auf dem Computer das alles viel einfacher machen muss.<\/p>\n<p>Aber der Bildschirm hat inzwischen h\u00f6here Aufl\u00f6sung als Papier. Ich meine, ich gucke euch beide jetzt an, von f\u00fcnfhundert, sechshundert Kilometer weit weg. Unfassbar, die Sch\u00e4rfe, die ich da sehe. Du hast solche Schallschutzw\u00e4nde hinter dir, Marco.\u00a0 Da kann ich jeden einzelnen Buckel dieses Schaumgummis erkennen. Das kann ich von sechshundert Kilometern aus erkennen! Das ist doch unfassbar!<\/p>\n<p>Da h\u00e4tte man uns vor zehn Jahren gesagt: Geht ja \u00fcberhaupt nicht. Diese Signale, die m\u00fcssen nach Br\u00fcssel und dann von da nach Atlanta, Georgia, und dann nach New York oder wieder nach Br\u00fcssel und danach W\u00fcrzburg oder irgendwohin. Ob es aber auch Strom gibt, wei\u00df man ja gar nicht.<\/p>\n<p>Also das sind alles Pseudogeschichten, die alle dumm sind und nie gestimmt haben.[\/vc_column_text][vc_column_text]\n<h3 id=\"kapitel6\">Kapitel 6: Typografie im Druck und am Bildschirm<\/h3>\n<p><em>Marco:<\/em> Gibt es denn \u00fcberhaupt noch einen Unterschied bei einer guten Typografie zwischen Druck und Bildschirm?<\/p>\n<p><em>Erik:<\/em> Ja, schon. Es gibt nat\u00fcrlich das grunds\u00e4tzliche Problem, dass wir in eine Glasscheibe gucken. Wir gucken in Licht, was ja jeder irgendwann mal gelernt hat, dass es ziemlich doof ist. Weil man guckt ja nicht in die Sonne! Das macht man einmal und dann nie wieder.<\/p>\n<p>Was machen wir jetzt eigentlich? Wir gucken wieder in einen Bildschirm. Das ist eigentlich v\u00f6llig bescheuert, und deswegen ist es auf Papierlesen immer noch ges\u00fcnder, weil das Papier strahlt zwar ein bisschen, aber es filtert auch. Also der Kontrast zwischen dem schwarzen Buchstaben \u2013 schwarz ist \u2013 und dem Papier ist nicht so stark.<\/p>\n<p>Dazu kommt noch mein Buchdruckthema, dass es eventuell auch eine unscharfe Kontur gibt. Das ist wie bei Wolle und Nylon. Der Bildschirm ist eigentlich Nylon, das ist glatt und hart und funktioniert gut, aber den m\u00f6chte man nicht anfassen, abgesehen vom Schwitzen.<\/p>\n<p>Das Papier ist eben unscharf und selbst bei den modernsten Drucktechniken ist es immer noch ein bisschen krisselig am Rand, weil es eben Papier ist. Deswegen w\u00fcrden wir ja auch nie ein Buch oder eine Zeitschrift auf beschichtetem Hochglanzpapier lesen. Das tut dem Auge weh! Aber in Bildschirme gucken wir rein, was eigentlich v\u00f6llig bescheuert ist.<\/p>\n<p><em>Marco:<\/em> Deswegen haben auch schon so E-Book-Reader dann doch eine Zielgruppe f\u00fcr sich gefunden. Es ist ein Bildschirm, der etwas besser f\u00fcr die Augen ist, weil er das Papier imitiert.<\/p>\n<p><em>Erik:<\/em> Ja. Also ich lese selber nicht am E-Book-Reader, weil ich lese lieber B\u00fccher, aber es gibt da inzwischen durchaus Fortschritt, dass man eben nicht mehr nur in eine Lampe guckt, abgesehen vom Stromverbrauch. Das ist nat\u00fcrlich noch ein anderes Thema.[\/vc_column_text][vc_column_text]\n<h3 id=\"kapitel7\">Kapitel 7: Ziffern und Zahlen in der Typografie<\/h3>\n<p><em>Marco:<\/em> Was ich dich noch pers\u00f6nlich frage, weil es mich pers\u00f6nlich interessiert. Vor ein paar Jahren, bei der letzten oder vorletzten Weltmeisterschaft, gab es ja diesen Fauxpas mit den R\u00fcckennummern von Adidas. Das sah dann fast schon wie so eine SS-Rune aus.<\/p>\n<p>Ist dir auch schon mal so was \u00c4hnliches irgendwo aufgefallen? Oder vielleicht sogar selbst passiert, wo du dir die Hand vor den Kopf geschlagen hast und dich gefragt hast: Wie konnte das passieren?<\/p>\n<p><em>Erik:<\/em> Ja, ich w\u00fcrde so was nicht machen. Ich habe da gerade ein Fu\u00dfballspiel gesehen. Die deutschen Frauen haben doch gerade gegen jemanden gewonnen vor ein paar Tagen.<\/p>\n<p><em>Marco:<\/em> Gegen Norwegen haben die gewonnen, oder?<\/p>\n<p><em>Erik:<\/em> Norwegen! Die Norweger hatten auch so Ziffern auf dem R\u00fccken, und ich dachte: Was ist das denn f\u00fcr ein Ding? So komisch verbogen. Sie wollen anders sein. Aber bei Ziffern wird es dann schon sehr schwierig, weil eine Drei und eine Acht sind ja gleich, au\u00dfer dass bei der Drei links etwas ab ist.<\/p>\n<p>Also Ziffern sind ganz, ganz kompliziert und sind eben auch kritisch, wenn man sie so verwechselt. Weil bei einer Neun und einer Sechs liest man h\u00e4ufiger, weil die gleiche Form ist, umgedreht. Also meine Neunen und meine Sechsen sind nicht identisch.<\/p>\n<p>Die muss man immer noch ein bisschen anders machen, damit sie sich nicht verwechseln. Denn unser Hirn ist ja auf dem Kopf &#8230; Also wir lesen ja auf dem Kopf, das Hirn dreht es erst um. Hinten am Auge ist es auf dem Kopf. Wie jeder wei\u00df, der mal in eine Lochkamera geguckt hat.<\/p>\n<p>Zum Beispiel Mainz und Sankt Pauli oder Schalke haben alle eigene Schriften inzwischen auch auf den Trikots. Das sind alles Kollegen von mir, die das machen.<\/p>\n<p><em>Marco:<\/em> Stimmt, bei Sankt Pauli habe ich gelesen: Die haben jetzt eine linkskursive Schrift.<\/p>\n<p><em>Erik:<\/em> Nat\u00fcrlich! Das ist der Gag, weil Sankt Pauli eben sozusagen links geneigt ist. Es ist ein bisschen Klamauk, aber zumindest haben sie bei der Gestaltung ihres Auftritts eben auch die R\u00fcckennummern bedacht. Die sind ja sehr wichtig zur Identifikation, ebenso wie die Namen der Spieler und auch das Logo.<\/p>\n<p>Ich w\u00fcrde gerne ja mal die Gestaltung f\u00fcr Bochum machen, weil sie eines der schlimmsten Logos aller Welt haben, aber da kommen wir auch noch hin![\/vc_column_text][vc_column_text]\n<h3 id=\"kapitel8\">Kapitel 8: Standardschriften vs. eigene Hausschriften<\/h3>\n<p><em>Doreen:<\/em> Ich merke schon, da muss man sich echt viele Gedanken auch vorher machen. Wie sehen die Zahlen dann aus? Was wollen wir damit aussagen? Und so weiter.<\/p>\n<p>Ich glaube, vielleicht liegt es auch daran, dass viele Firmen, vielleicht auch kleinere Firmen, oft zu bekannten Standardschriften greifen, anstatt sich irgendwie selber was auszudenken oder zu leisten.<\/p>\n<p>Aber ist es denn immer so gut? Also wann ist denn Zur\u00fcckhaltung besser und wann darf es auch mal eine extravagante Schriftart sein?<\/p>\n<p><em>Erik: <\/em>Nein, eine eigene Schrift muss ja nichts extravagant sein. Also ich habe siebzehntausend Schriften auf meinem Computer. Die sind alle legal. Entweder habe ich die selber gemacht oder im Vertrieb gehabt. Ich kriege auch von Freunden viel geschickt. Da habe ich selber manchmal schon Probleme, wo ich denn \u00fcberhaupt anfangen soll, weil sie sich am Ende doch nicht so wahnsinnig voneinander unterscheiden.<\/p>\n<p>Also der Hauptgrund, warum ich eine eigene Schrift mache, ist eigentlich, abgesehen von der Unterscheidung, wenn ich wirklich sehr viel schriftlich kommuniziere, dass ich keine Lizenzen bezahlen muss. Es ist n\u00e4mlich so: Wenn ich jetzt eine Schrift mir bei einem der gro\u00dfen Schriftlieferanten, Adobe, Monotype, sonst wie, kaufe, muss ich die Lizenz bezahlen. Denn Schrift ist Software. Dann bin ich im Jahr schon mal zigtausend los, jedes Jahr teilweise. Wenn ich eine Weblizenz habe und eine Million Auflage habe, wie der Spiegel oder so was. Dann wird es richtig teuer!<\/p>\n<p>Dann kommt noch dazu, dass, wenn ich eine Schrift habe, die Arial oder Helvetica hei\u00dft, dass dann auf jedem Computer der Welt eine andere Version davon ist. Oder in der T\u00fcrkei ist eine andere Version als in Afghanistan, als in Deutschland oder als in Spanien. Also es f\u00e4ngt da schon an, dass es sich ein bisschen unterscheidet, weil jeder denkt: Ach, das kommt nicht so darauf an. Dann nehme ich eben die.<\/p>\n<p>Wenn aber die Schrift Bosch Sans hei\u00dft oder Mercedes Sans oder Mercedes Serif, wei\u00df jeder Drucker im entferntesten Hafen, jeder Programmierer sonst wo: \u201eAh! Ich muss die nehmen, das ist n\u00e4mlich die richtige. Man zahlt also einmal f\u00fcr die Entwicklung, kann dann aber auch spezifische Probleme damit l\u00f6sen.<\/p>\n<p>F\u00fcr Bayer haben wir eine Schrift gemacht. Da haben sie den Text ganz klein gedruckt hinten auf ihren Arzneimittelverpackungen. Da kann man punkten, wenn die Schrift lesbar ist und nicht so viel Platz braucht. Das sind spezifische Probleme.<\/p>\n<p>Das Problem hatte Bosch vielleicht auch. Da haben wir die eigenen Hausschrift auf die Z\u00fcndkerzen gebracht. Also das muss man auch erst mal machen. Also die spezifischen Probleme kann man besser l\u00f6sen, wenn man eine eigene Schrift entwickeln l\u00e4sst. Au\u00dferdem kann man sie bewusst identifizieren und man spart einen Haufen Geld f\u00fcr Lizenzen.<\/p>\n<p>Also, wenn wir so eine eigene Schrift machen, dann sind da keine zweihunderttausend f\u00e4llig, leider.[\/vc_column_text][vc_column_text]\n<h3 id=\"kapitel9\">Kapitel 9: Top-3-Typografie-Tipps f\u00fcr Flyer<\/h3>\n<p><em>Marco:<\/em> Wenn ich jetzt meinen ersten Flyer gestalten m\u00f6chte f\u00fcr eine kleine Firma, f\u00fcr ein Jubil\u00e4um oder f\u00fcr einen Sportverein, f\u00fcr den Tag der offenen T\u00fcr, wie auch immer: Welche Tipps w\u00fcrdest du mir geben, wenn es um das Thema Typografie geht? Vielleicht deine drei Top-Tipps.<\/p>\n<p><em>Erik:<\/em> Na ja, der eine Tipp ist schon mal: Weniger ist mehr.<\/p>\n<p>Also wenn man den Vereinsvorsitzenden fragt, was muss drauf? Da muss dann drauf die Adresse, wann es stattfindet, was es ist, dann noch irgendwie ein Eyecatcher, also irgendwas ganz Tolles, ein Gag, und dann auch der Name des Vorsitzenden und seiner Frau und Kassenwart und dann noch ein Bild vom Heim und ein Bild vom Zaun drum und Luftbild von der Gegend &#8230; Also wahnsinnig viel Kram.<\/p>\n<p>Und es ist meine Aufgabe immer erst mal zu sagen: H\u00f6rt mal auf, Augenblick mal, Leute. Das ist ein Zettel, der so gro\u00df wie eine Postkarte ist, den guckt man sich dreimal an. Da musst du sofort wissen: Was will wer von mir? Und dann: Wann denn? Wenn es mich interessiert, brauche ich auch noch zu wissen, wann es ist.<\/p>\n<p>Also erst mal wissen: Was ist es? Ausverkauf, Hula-Hoop-Wettbewerb, was immer. Das muss schon mal das Ding sein. Und das muss dann vielleicht auch noch, sagen wir, beim Hula-Hoop-Wettbewerb, eine Schrift mit Kringeln sein, die nach Hula-Hoop aussieht. Wenn bei dem Ausverkauf er so ein bisschen billig aussehen soll, so handgeschrieben oder wie ein Erpresserbrief mit geklebten Zetteln, dass man wei\u00df: Der Schei\u00df muss raus. Da habe ich schon mal das Thema typografisch gel\u00f6st.<\/p>\n<p>Dann kommt nur noch: wo oder wann eigentlich. Also so zum Beispiel, der neunte Juni sechsundzwanzig und dann kommt noch Anlegestelle vom Dampfer in W\u00fcrzburg unten oder was immer.<\/p>\n<p>Also dann kann der ganze Kram, ob der verantwortliche Vorsitzende da eine Rede h\u00e4lt oder hinten noch K\u00e4sekuchen serviert wird, auf die R\u00fcckseite oder erst sp\u00e4ter kommuniziert werden. Denn erstmal geht es um Aufmerksamkeit erringen: Was, wo und wann.<\/p>\n<p>Und das \u201eWas\u201c ist das Allerwichtigste, denn dann sortiere ich ja schon die aus, die es nicht interessiert. Und das geht am besten \u00fcber Klischees, Vorurteile &#8230; Also es gibt ja im Grunde Vorurteile, die Vorurteile hei\u00dfen, weil sie n\u00e4mlich Urteile sind, die man f\u00e4llt, bevor man wei\u00df, worum es geht.<\/p>\n<p>Wenn ich eben irgendwas Abgerissenes sehe, wei\u00df ich: Ach, schnell und billig. Wenn ich etwas Graviertes sehe, wei\u00df ich: Ja, teuer, Bank usw. Oder Juwelier. Das sind alles Sachen, die wir im Kopf haben, und die muss ich als Gestalter erst best\u00e4tigen und dann vielleicht ein bisschen wieder infrage stellen, damit es nicht langweilig wird.<\/p>\n<p>Man muss das auch immer mal brechen, zum Beispiel: Dann mache ich diese Serifenschrift eben in leuchtend Orange auf Schwarz, was keine Bank machen w\u00fcrde. Also man muss sich dann auch gleich immer noch die M\u00f6glichkeit lassen, wieder ein bisschen hinter das Licht zu f\u00fchren, damit es nicht langweilig wird.<\/p>\n<p>Denn wenn man nur die Vorurteile kennt, dann kennt man ja schon alles. Also muss man auch wieder sagen: Pass mal auf, hier geht es aber auch noch rund.<\/p>\n<p><em>Doreen:<\/em> Also ein kleines bisschen Mut geh\u00f6rt schon dazu?<\/p>\n<p><em>Erik:<\/em> Ja, sonst brauchst du den Beruf nie anzufangen. Also es gibt auch da eine ganz einfache Pr\u00e4misse. Das habe ich fr\u00fch schon gelernt: Wir m\u00fcssen nicht machen, was die Auftraggeber wollen, sondern was sie brauchen. Und das ist nat\u00fcrlich, wenn du da als zwanzigj\u00e4hriger Grafiker von der Schule kommst, ist das nat\u00fcrlich schwer.<\/p>\n<p>Sagen wir mal, der Handwerker um die Ecke, der will jetzt unbedingt seine neue Fr\u00e4smaschine ins Licht r\u00fccken. Aber keinen Menschen interessiert eine Fr\u00e4smaschine. Die interessieren die L\u00f6cher, die du damit fr\u00e4sen kannst, oder die M\u00f6bel, die du damit herstellen kannst. Dann musst du denen das ausreden.<\/p>\n<p>Wie lange habe ich mit den Autoleuten ausgeredet, dass sie immer mit ihren Vierventilern ankommen?! Wer von den Audik\u00e4ufern wei\u00df wirklich, was ein Vierventiler ist? Keiner, \u00fcberhaupt keiner. Sie reden zwar am Schreibtisch: \u201eIch habe ein neues Auto, der hat sechzehn Ventile!\u201c Und dann frage ich: \u201eWie viele Zylinder hat der?\u201c Na ja und da zucken sie mit den Schultern. Nat\u00fcrlich vier, weil es Vierventiler sind.<\/p>\n<p>Aber irgendwann haben die aufgeh\u00f6rt, diesen technischen Kram in die Werbung zu bringen. Das bringt \u00fcberhaupt nichts, weil es keiner versteht. Das klingt zwar irgendwie toll, aber das h\u00e4lt nicht. Und das muss man ja den Auftraggebern klarmachen.<\/p>\n<p>Das sind nat\u00fcrlich alles Leute mit Benzin im Blut, wie sie sich selber bezeichnen. Die sind nat\u00fcrlich stolz drauf und finden das toll! Aber das interessiert keinen Arsch. Die Menschen interessiert nur: Wie schnell l\u00e4uft die Kiste? Wie viel Sprit braucht sie? Wie sieht es da aus, und wie viele Kinder passen rein oder was immer? Also solche Geschichten. Und dass muss man den Leuten beibringen, vielleicht auch mit Humor.<\/p>\n<p>Aber das muss man lernen, und da habe ich &#8230; Das habe ich auch gelernt, weil ich das noch sagen darf. Dass wir mal eben immer mit einem Auftraggeber arbeiten muss. Nat\u00fcrlich muss ich ihn davon \u00fcberzeugen, sein urspr\u00fcngliches Briefing zu \u00e4ndern oder mir zuzuh\u00f6ren oder vielleicht sich selber mal zu \u00fcberlegen, dass er nicht zu Ende gedacht hat.<\/p>\n<p>Das kann man aber nur machen, wenn man ihn respektiert, wenn man was von seiner Sache versteht. Das ist das gr\u00f6\u00dfte Problem und das Sch\u00f6nste. Ich habe aber inzwischen seit, glaube ich, f\u00fcnfzig Jahren oder so wahnsinnig viel \u00fcber viele Gewerke gelernt!<\/p>\n<p>Ich habe f\u00fcr Auto, f\u00fcr Chemie und eigentlich f\u00fcr alle Branchen der Welt gearbeitet. Und wenn man mit den Leuten ein, zwei, drei Jahre zusammenarbeitet, lernt man unheimlich viel. Also ich kenne \u00fcber deren Gesch\u00e4ft sehr, sehr viel, nicht so viel wie die selber.<\/p>\n<p>Aber man kennt dann den ganzen Moment. Und sobald die Leute mitkriegen, dass man sich auch informiert und auch mal runter in die Werkstatt geht, das spricht sich rum, dass da einer ist, der echtes Interesse hat.<\/p>\n<p>Nicht so ein Fuzzi, der herkommt und sagt: Was macht ihr alle schei\u00dfe, das m\u00fcssen wir in Zukunft so machen. Damit kommst du nicht weiter.<\/p>\n<p>Du musst zuh\u00f6ren. Und dann hast du pl\u00f6tzlich Freunde im Haus. Wenn du Freunde im Haus hast, dann kannst du dir alles leisten. Dann sagen sie dem Chef: Aber der Typ ist ganz in Ordnung, der wei\u00df, wovon er redet. Ist ein bisschen anstrengend, aber ich bin von Hause aus Gott sei Dank sehr neugierig. Deswegen kommt mir das sehr entgegen.[\/vc_column_text][vc_column_text]\n<h3 id=\"kapitel10\">Kapitel 10: Erik Spiekermanns liebste Typografie-Momente<\/h3>\n<p><em>Marco:<\/em> Jetzt, wo du schon deine \u00fcber f\u00fcnf Jahrzehnte lange Karriere oder deine Arbeit mit dem Thema Typografie angesprochen hast: Gibt es irgendein Detail oder eine Schrift oder irgendeinen Aspekt daran, der dir, wenn du ihn siehst, immer noch Freude bereitet wie am ersten Tag?<\/p>\n<p><em>Erik:<\/em> Ja, es gibt zwei Sachen dabei. Eine ist gerade, wenn ich sehe, dass jemand anders mit einer meiner Schriften nimmt und damit etwas Neues macht.<\/p>\n<p>Heute gerade habe ich was gesehen: Die Meta hat ja mal angefangen, sollte mal die Hausschrift der Post werden f\u00fcr die Telefonb\u00fccher, also ganz schwierige Probleme zu l\u00f6sen und ganz klein m\u00f6glichst. Und heute gerade habe ich gesehen, da gibt es so ein Stra\u00dfenfest von der th\u00fcringischen Landesregierung. Th\u00fcringen hat die Meta als Hausschrift, die Stadt Mainz \u00fcbrigens auch, und sie haben damit gro\u00dfe Werbung gemacht. Da sehe ich: Guck mal! Der Buchstabe war eigentlich f\u00fcr so klein mit meiner Telefonnummer im Telefonbuch. Sieht schei\u00dfegut aus.<\/p>\n<p>Ich w\u00fcrde mich gar nicht trauen, weil diese kleinen Dinge sind mir viel zu empfindlich, und die machen das. Die brechen die Regeln, die ich implizit im Kopf habe, und das ist toll!<\/p>\n<p>Und das Zweite ist der Rumpelstilzchen-Effekt. Das habe ich schon mal dr\u00fcber gesprochen: Also wenn ich Bahn fahre, was ich relativ h\u00e4ufig gerne mache &#8230; Es ist ja \u00fcberall diese Schrift auf allen Displays und sonst wo, verschieden, manche auch schlecht genutzt.<\/p>\n<p>Aber da gibt es so eine Kaffeetasse, da ist so ein Becher und da sind irgendwie so ein paar Spr\u00fcche drauf aus meiner Schrift. Dann sitze ich so auf meinem Sitz und ich lache mir einen ab, dass ich wei\u00df: Ich habe das gemacht, und keiner wei\u00df das! Es ist gut, dass niemand wei\u00df, dass ich Spiekermann hei\u00df.<\/p>\n<p>Also finde ich viel besser, wie wenn darauf stehen w\u00fcrde, hat der Spiekermann gemacht. Das ist total langweilig. Ich bin der Einzige, der es im ganzen Zug wei\u00df. Oder ich fahre hier in Berlin mit dem Bus, und die sind knallgelb, und ich wei\u00df, dass ich dieses Gelb gemacht habe, damals. Und kein anderer wei\u00df das! Das finde ich viel toller, als wenn er dran st\u00fcnde.<\/p>\n<p>Also das ist, glaube ich, dieser Rumpelstilzchen-Effekt. Keiner wei\u00df es. Ich muss mich nicht in der Mitte zerrei\u00dfen, wenn jemand redet, aber ich wei\u00df nicht, warum ich da so ein Vergn\u00fcgen daran habe.<\/p>\n<p><em>Doreen:<\/em> Ich kann mir das sehr gut vorstellen. Erik, vielen lieben Dank f\u00fcr das Gespr\u00e4ch und deine Einblicke. Es war super spannend! Und weiterhin viel Erfolg!<\/p>\n<p><em>Erik:<\/em> Macht\u2019s gut, ihr beiden!<\/p>\n<p><em>Marco:<\/em> Tsch\u00fcss![\/vc_column_text][vc_column_text]\n<h3 id=\"kapitel11\">Kapitel 11: Outro<\/h3>\n<p><em>Marco:<\/em> Also Doreen, was ich jetzt aus dem Gespr\u00e4ch mitgenommen habe, ist, dass viel wichtiger als die Typografie an sich das Zusammenspiel zwischen der Typografie und dem Unternehmen oder dem Verein ist, der sie eben einsetzt.<\/p>\n<p>Also wenn ich jetzt ein luxuri\u00f6ses Image pflegen m\u00f6chte, dann muss auch meine Schrift dazu passen und auch die Art, wie ich sie platziere. Wie geht\u2019s dir so?<\/p>\n<p><em>Doreen:<\/em> Ja, da hast du v\u00f6llig recht. Das ist die eine Seite, die sich Unternehmerinnen und Unternehmer oder eben der Verein vorher \u00fcberlegen sollen. Und dann sind sie n\u00e4mlich in der Lage, den Leuten im Markt ein gutes Briefing zu geben.<\/p>\n<p>Ich habe n\u00e4mlich auch gelernt: Durch eine durchdachte Typografie transportieren Texte nicht nur Informationen, sondern eben auch die Botschaft dahinter.<\/p>\n<p>Und diese Botschaft zu verstehen, ist eigentlich die wichtigste Aufgabe von uns Kreativen im Marketing. Das hei\u00dft, wir brauchen ein wirklich gutes Briefing von unseren Kundinnen und Kunden. Wir m\u00fcssen nachfragen, zuh\u00f6ren, auch mal hinter die Kulissen schauen, auch wenn es im Alltag manchmal nicht passt oder stressig ist.<\/p>\n<p>Aber es ist unglaublich wichtig, denn wenn wir die DNA einer Firma verstehen, dann bekommt der Kunde oder die Kundin am Ende nicht nur das, was er will, sondern das, was sie wirklich braucht.<\/p>\n<p><em>Marco:<\/em> Und was wir wirklich brauchen, seid ihr, unsere Zuh\u00f6rer! Deswegen abonniert diesen Podcast und folgt FLYERALARM Official auf allen g\u00e4ngigen Social-Media-Kan\u00e4len. Wir sagen jetzt erst mal Tsch\u00fcss und bis bald.<\/p>\n<p><em>Doreen:<\/em> Bis dann![\/vc_column_text][\/tab][\/tabbed_section][nectar_btn size=&#8220;large&#8220; open_new_tab=&#8220;true&#8220; button_style=&#8220;regular&#8220; button_color_2=&#8220;Accent-Color&#8220; icon_family=&#8220;none&#8220; text=&#8220;Ganze Episode bei YouTube \u25ba&#8220; url=&#8220;https:\/\/www.youtube.com\/watch?v=coahJ-zA99I&#8220;][divider line_type=&#8220;No Line&#8220; custom_height=&#8220;15&#8243;][vc_column_text]\n<h3>Shownotes<\/h3>\n[\/vc_column_text][divider line_type=&#8220;No Line&#8220; custom_height=&#8220;15&#8243;][vc_row_inner column_margin=&#8220;default&#8220; column_direction=&#8220;default&#8220; column_direction_tablet=&#8220;default&#8220; column_direction_phone=&#8220;default&#8220; text_align=&#8220;left&#8220; row_position=&#8220;default&#8220; row_position_tablet=&#8220;inherit&#8220; row_position_phone=&#8220;inherit&#8220; overflow=&#8220;visible&#8220; pointer_events=&#8220;all&#8220;][vc_column_inner column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; overflow=&#8220;visible&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/2&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;][vc_column_text]In dieser Folge sprechen wir mit Erik Spiekermann. Der deutsche Gestalter, Typograf, Gr\u00fcnder und Autor z\u00e4hlt zu den pr\u00e4genden Pers\u00f6nlichkeiten der Designwelt. Einige seiner Schriften, darunter FF Meta und ITC Officina, gelten heute als moderne Klassiker. Zudem wurde er am 20. Juni 2026 in Mainz mit dem begehrten Gutenberg-Preis ausgezeichnet. Im Interview erkl\u00e4rt Spiekermann:<\/p>\n<ul>\n<li>warum sich jedes Unternehmen mit Typografie besch\u00e4ftigen sollte<\/li>\n<li>wie man h\u00e4ufige typografischen Fehler erfolgreich vermeidet<\/li>\n<li>wann sich die Entwicklung einer eigenen Schrift lohnt<\/li>\n<li>worin sich Typografie im Druck und auf dem Bildschirm unterscheidet<\/li>\n<li>welche drei Regeln dabei helfen, bessere Werbemittel zu gestalten<\/li>\n<\/ul>\n[\/vc_column_text][\/vc_column_inner][vc_column_inner column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; overflow=&#8220;visible&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/2&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;][vc_column_text]Erik Spiekermann Webseite: <a href=\"https:\/\/spiekermann.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/spiekermann.com\/<\/a><br \/>\nHacking Gutenberg: <a href=\"https:\/\/www.hackinggutenberg.berlin\/\" target=\"_blank\" rel=\"noopener\">https:\/\/www.hackinggutenberg.berlin\/<\/a><br \/>\nErik Spiekermann auf Instagram: <a href=\"https:\/\/www.instagram.com\/espiekermann\/\" target=\"_blank\" rel=\"noopener\">https:\/\/www.instagram.com\/espiekermann\/<\/a>[\/vc_column_text][divider line_type=&#8220;No Line&#8220; custom_height=&#8220;15&#8243;][nectar_btn size=&#8220;small&#8220; button_style=&#8220;regular&#8220; button_color_2=&#8220;Accent-Color&#8220; icon_family=&#8220;none&#8220; text=&#8220;Weitere Podcast-Episoden \u25ba&#8220; url=&#8220;https:\/\/www.flyeralarm.com\/blog\/de\/podcast-erfolgsdruck\/&#8220;][\/vc_column_inner][\/vc_row_inner][divider line_type=&#8220;Full Width Line&#8220; line_thickness=&#8220;1&#8243; divider_color=&#8220;default&#8220;][\/vc_column][\/vc_row][vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; column_direction=&#8220;default&#8220; column_direction_tablet=&#8220;default&#8220; column_direction_phone=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; row_border_radius=&#8220;none&#8220; row_border_radius_applies=&#8220;bg&#8220; overflow=&#8220;visible&#8220; overlay_strength=&#8220;0.3&#8243; gradient_direction=&#8220;left_to_right&#8220; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; column_position=&#8220;default&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/1&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;][vc_column_text]\n<h2 id=\"marke\">Typografie gibt Ihrer Marke Pers\u00f6nlichkeit<\/h2>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; column_direction=&#8220;default&#8220; column_direction_tablet=&#8220;default&#8220; column_direction_phone=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; row_border_radius=&#8220;none&#8220; row_border_radius_applies=&#8220;bg&#8220; overflow=&#8220;visible&#8220; overlay_strength=&#8220;0.3&#8243; gradient_direction=&#8220;left_to_right&#8220; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; column_position=&#8220;default&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/1&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;][vc_column_text]Typografie kann Ihre Marke unverwechselbar machen. Gerade online ist sie das Element, das sofort Orientierung gibt. Beim Scrollen auf Ihrer Website ist Ihr Logo nicht immer im Blick. Texte, Headlines, Buttons, Men\u00fcs und Zwischen\u00fcberschriften aber schon. An der typografischen Gestaltung l\u00e4sst sich damit schnell erkennen, wo man gelandet ist. Eine Tageszeitung wirkt anders als ein Lifestyle-Magazin. Eine Luxusmarke anders als ein Discounter. Ein Sportverein anders als eine Bank. Das liegt nicht nur an Farben und Bildern, sondern auch stark an Schrift und Typografie.<\/p>\n<p>Erik Spiekermann macht im Gespr\u00e4ch klar: Die gleiche Botschaft kann durch eine andere Schrift komplett anders wirken. Eine Luxusmarke mit kindlich wirkender Schrift? Schwierig. Da br\u00f6ckelt die Glaubw\u00fcrdigkeit ruckzuck. Eine schlichte, technische Schrift kann dagegen Kompetenz, Klarheit und Fortschritt vermitteln \u2013 wenn sie zu Ihrer Marke passt.[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; column_direction=&#8220;default&#8220; column_direction_tablet=&#8220;default&#8220; column_direction_phone=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; row_border_radius=&#8220;none&#8220; row_border_radius_applies=&#8220;bg&#8220; overflow=&#8220;visible&#8220; overlay_strength=&#8220;0.3&#8243; gradient_direction=&#8220;left_to_right&#8220; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; column_position=&#8220;default&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/1&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;][vc_column_text]\n<h2 id=\"lesbarkeit\">Lesbarkeit ist keine Geschmacksfrage<\/h2>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; column_direction=&#8220;default&#8220; column_direction_tablet=&#8220;default&#8220; column_direction_phone=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; row_border_radius=&#8220;none&#8220; row_border_radius_applies=&#8220;bg&#8220; overflow=&#8220;visible&#8220; overlay_strength=&#8220;0.3&#8243; gradient_direction=&#8220;left_to_right&#8220; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; column_position=&#8220;default&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/1&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;][vc_column_text]Ob eine Schrift funktioniert, h\u00e4ngt nicht nur vom Stil ab. Lesbarkeit hat mit Gewohnheit, Form, Kontrast und Details zu tun. Sie lesen besonders gut, was vertraut wirkt. Deshalb f\u00fchlen sich manche Schriften sofort \u201ebuchartig\u201c, \u201eseri\u00f6s\u201c, \u201etechnisch\u201c oder \u201ewerblich\u201c an.[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; column_direction=&#8220;default&#8220; column_direction_tablet=&#8220;default&#8220; column_direction_phone=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; row_border_radius=&#8220;none&#8220; row_border_radius_applies=&#8220;bg&#8220; overflow=&#8220;visible&#8220; overlay_strength=&#8220;0.3&#8243; gradient_direction=&#8220;left_to_right&#8220; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; column_position=&#8220;default&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/2&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;][vc_column_text]Dazu gibt es noch die ganz praktischen Fragen:<\/p>\n<ul>\n<li>Lassen sich Buchstaben klar unterscheiden?<\/li>\n<li>Ist ein kleines \u201el\u201c vom gro\u00dfen \u201eI\u201c zu trennen?<\/li>\n<li>Sind Ziffern wie 3, 6, 8 und 9 eindeutig unterscheidbar?<\/li>\n<\/ul>\n<p>Gerade bei Telefonnummern, Codes, Tabellen, Sporttrikots, Verpackungen oder technischen Anzeigen sind solche Details entscheidend. Typografie ist also nicht nur Geschmack. Sie muss im Alltag funktionieren. Eine Schrift kann stark aussehen und trotzdem f\u00fcr bestimmte Anwendungen ungeeignet sein. Denken Sie gute Gestaltung deshalb immer vom Einsatz aus.[\/vc_column_text][\/vc_column][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; column_position=&#8220;default&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/2&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;][image_with_animation image_url=&#8220;130408&#8243; image_size=&#8220;full&#8220; animation_type=&#8220;entrance&#8220; animation=&#8220;None&#8220; animation_movement_type=&#8220;transform_y&#8220; hover_animation=&#8220;none&#8220; alignment=&#8220;&#8220; border_radius=&#8220;none&#8220; box_shadow=&#8220;none&#8220; image_loading=&#8220;default&#8220; max_width=&#8220;100%&#8220; max_width_mobile=&#8220;default&#8220;][\/vc_column][\/vc_row][vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; column_direction=&#8220;default&#8220; column_direction_tablet=&#8220;default&#8220; column_direction_phone=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; row_border_radius=&#8220;none&#8220; row_border_radius_applies=&#8220;bg&#8220; overflow=&#8220;visible&#8220; overlay_strength=&#8220;0.3&#8243; gradient_direction=&#8220;left_to_right&#8220; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; column_position=&#8220;default&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/1&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;][vc_column_text]\n<h2 id=\"grundregeln\">Die Grundregeln der Typografie<\/h2>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; column_direction=&#8220;default&#8220; column_direction_tablet=&#8220;default&#8220; column_direction_phone=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; row_border_radius=&#8220;none&#8220; row_border_radius_applies=&#8220;bg&#8220; overflow=&#8220;visible&#8220; overlay_strength=&#8220;0.3&#8243; gradient_direction=&#8220;left_to_right&#8220; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; column_position=&#8220;default&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/1&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;][vc_column_text]Gute Typografie schafft Priorit\u00e4ten. Sie zeigt, was wichtig ist. Sie f\u00fchrt den Blick. Und sie hilft dabei, Informationen schnell zu erfassen. Schriftart, Zeilenabstand und Schriftsatz sind nur drei von vielen wichtigen Regeln, die man zu Recht als typografische Grundlagen der Gestaltung bezeichnet. Folgendes sollten Sie unbedingt beachten, sobald Text ins Spiel kommt.[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; column_direction=&#8220;default&#8220; column_direction_tablet=&#8220;default&#8220; column_direction_phone=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; row_border_radius=&#8220;none&#8220; row_border_radius_applies=&#8220;bg&#8220; overflow=&#8220;visible&#8220; overlay_strength=&#8220;0.3&#8243; gradient_direction=&#8220;left_to_right&#8220; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; column_position=&#8220;default&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/1&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;][vc_column_text]\n<h3 id=\"anker1\">Schriftart<\/h3>\n<p class=\"isSelectedEnd\">Die Schriftart tr\u00e4gt die Botschaft mit und entscheidet oft in Sekunden, ob ein Text wirkt oder untergeht. Das Wichtigste zuerst: Ihre Schriftart muss gut lesbar sein. Denn, wenn Kundinnen und Kunden den Text nicht entziffern k\u00f6nnen, bringt auch die sch\u00f6nste Gestaltung nichts. Achten Sie au\u00dferdem darauf, dass Umlaute, Sonderzeichen und alle ben\u00f6tigten Zeichen enthalten sind. Sonst wird es sp\u00e4testens beim Namen, Claim oder Preisschild hakelig.<\/p>\n<p class=\"isSelectedEnd\">Genauso wichtig: Die Schriftart muss zum Inhalt, zur Branche und zum Medium passen. Eine verspielte Schreibschrift auf dem Flyer einer Versicherung? Eher schwierig. Eine n\u00fcchterne Helvetica auf dem Plakat f\u00fcr die n\u00e4chste 80er-Jahre-Party? Trifft den Vibe auch nicht wirklich. Viele Schriftarten wecken sofort bestimmte Bilder im Kopf. Sitzt die Schrift im richtigen Kontext, st\u00e4rkt sie die Aussage. Landet sie daneben, wirkt das ganze Druckprodukt, die Webseite oder Landingpage schnell unstimmig.<\/p>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; column_direction=&#8220;default&#8220; column_direction_tablet=&#8220;default&#8220; column_direction_phone=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; row_border_radius=&#8220;none&#8220; row_border_radius_applies=&#8220;bg&#8220; overflow=&#8220;visible&#8220; overlay_strength=&#8220;0.3&#8243; gradient_direction=&#8220;left_to_right&#8220; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; column_position=&#8220;default&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/1&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;][image_with_animation image_url=&#8220;4726&#8243; image_size=&#8220;full&#8220; animation_type=&#8220;entrance&#8220; animation=&#8220;Fade In&#8220; animation_easing=&#8220;default&#8220; animation_movement_type=&#8220;transform_y&#8220; hover_animation=&#8220;none&#8220; alignment=&#8220;&#8220; img_link_large=&#8220;yes&#8220; border_radius=&#8220;none&#8220; box_shadow=&#8220;none&#8220; image_loading=&#8220;default&#8220; max_width=&#8220;100%&#8220; max_width_mobile=&#8220;default&#8220;][\/vc_column][\/vc_row][vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; column_direction=&#8220;default&#8220; column_direction_tablet=&#8220;default&#8220; column_direction_phone=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; row_border_radius=&#8220;none&#8220; row_border_radius_applies=&#8220;bg&#8220; overflow=&#8220;visible&#8220; overlay_strength=&#8220;0.3&#8243; gradient_direction=&#8220;left_to_right&#8220; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; column_position=&#8220;default&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/1&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;][vc_column_text]\n<h3 id=\"anker2\">Schriften kombinieren<\/h3>\n<p class=\"isSelectedEnd\">Mit unterschiedlichen Fonts lassen sich \u00dcberschriften, Zwischen\u00fcberschriften oder einzelne W\u00f6rter gezielt hervorheben. So gelangen Leserinnen und Leser schneller an ihre Infos. Wichtig dabei: Weniger ist mehr. Zwei Schriftarten reichen meistens v\u00f6llig aus, drei sind schon die Obergrenze. Sonst wirkt das Design schnell unruhig \u2013 und die Botschaft geht im Schrift-Mix unter.<\/p>\n<p class=\"isSelectedEnd\">Gute Kombinationen leben von einem klaren Prinzip: Entweder die Schriften \u00e4hneln sich, etwa weil sie aus derselben Schriftfamilie stammen. Oder sie setzen bewusst auf Kontrast, zum Beispiel mit einer markanten Headline-Schrift und einer ruhigen Schrift f\u00fcr den Flie\u00dftext.\u00a0So entsteht Struktur, ohne dass das Layout auseinanderf\u00e4llt. Die \u00dcberschrift darf auffallen, der Flie\u00dftext bleibt angenehm lesbar. Und einzelne W\u00f6rter? K\u00f6nnen Sie gezielt betonen \u2013 aber bitte mit Fingerspitzengef\u00fchl.<\/p>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; column_direction=&#8220;default&#8220; column_direction_tablet=&#8220;default&#8220; column_direction_phone=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; row_border_radius=&#8220;none&#8220; row_border_radius_applies=&#8220;bg&#8220; overflow=&#8220;visible&#8220; overlay_strength=&#8220;0.3&#8243; gradient_direction=&#8220;left_to_right&#8220; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; column_position=&#8220;default&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/1&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;][image_with_animation image_url=&#8220;4721&#8243; image_size=&#8220;full&#8220; animation_type=&#8220;entrance&#8220; animation=&#8220;Fade In&#8220; animation_easing=&#8220;default&#8220; animation_movement_type=&#8220;transform_y&#8220; hover_animation=&#8220;none&#8220; alignment=&#8220;&#8220; img_link_large=&#8220;yes&#8220; border_radius=&#8220;none&#8220; box_shadow=&#8220;none&#8220; image_loading=&#8220;default&#8220; max_width=&#8220;100%&#8220; max_width_mobile=&#8220;default&#8220;][\/vc_column][\/vc_row][vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; column_direction=&#8220;default&#8220; column_direction_tablet=&#8220;default&#8220; column_direction_phone=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; row_border_radius=&#8220;none&#8220; row_border_radius_applies=&#8220;bg&#8220; overflow=&#8220;visible&#8220; overlay_strength=&#8220;0.3&#8243; gradient_direction=&#8220;left_to_right&#8220; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; column_position=&#8220;default&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/1&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;][vc_column_text]\n<h3 id=\"anker3\">Zeilenabstand<\/h3>\n<p class=\"isSelectedEnd\">Der Zeilenabstand entscheidet mit, wie angenehm sich ein Text lesen l\u00e4sst. Er setzt sich aus dem Schriftgrad und dem Durchschuss zusammen \u2013 also dem freien Raum zwischen zwei Zeilen.\u00a0Als Faustregel gilt: Der Durchschuss betr\u00e4gt etwa ein F\u00fcnftel der Schriftgr\u00f6\u00dfe. Bei 12 Punkt Schriftgr\u00f6\u00dfe ergibt das zum Beispiel einen Zeilenabstand von rund 14,5 Punkt.<\/p>\n<p class=\"isSelectedEnd\">Wichtig ist vor allem eins: Das Auge muss nach jeder Zeile schnell den n\u00e4chsten Zeilenanfang finden. Ist der Abstand zu eng, wirkt der Text gequetscht. Ist er zu gro\u00df, fallen die Zeilen auseinander. Achten Sie deshalb auf Schriftart, Schriftgr\u00f6\u00dfe und Satzbreite. Je l\u00e4nger die Zeile, desto mehr Zeilenabstand ist sinnvoll. So bleibt der Text locker, gut lesbar und sauber gef\u00fchrt \u2013 statt wie eine graue Textwand zu wirken.<\/p>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; column_direction=&#8220;default&#8220; column_direction_tablet=&#8220;default&#8220; column_direction_phone=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; row_border_radius=&#8220;none&#8220; row_border_radius_applies=&#8220;bg&#8220; overflow=&#8220;visible&#8220; overlay_strength=&#8220;0.3&#8243; gradient_direction=&#8220;left_to_right&#8220; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; column_position=&#8220;default&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/1&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;][image_with_animation image_url=&#8220;4724&#8243; image_size=&#8220;full&#8220; animation_type=&#8220;entrance&#8220; animation=&#8220;Fade In&#8220; animation_easing=&#8220;default&#8220; animation_movement_type=&#8220;transform_y&#8220; hover_animation=&#8220;none&#8220; alignment=&#8220;&#8220; img_link_large=&#8220;yes&#8220; border_radius=&#8220;none&#8220; box_shadow=&#8220;none&#8220; image_loading=&#8220;default&#8220; max_width=&#8220;100%&#8220; max_width_mobile=&#8220;default&#8220;][\/vc_column][\/vc_row][vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; column_direction=&#8220;default&#8220; column_direction_tablet=&#8220;default&#8220; column_direction_phone=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; row_border_radius=&#8220;none&#8220; row_border_radius_applies=&#8220;bg&#8220; overflow=&#8220;visible&#8220; overlay_strength=&#8220;0.3&#8243; gradient_direction=&#8220;left_to_right&#8220; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; column_position=&#8220;default&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/1&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;][vc_column_text]\n<h3 id=\"anker4\">Zeilenl\u00e4nge<\/h3>\n<p class=\"isSelectedEnd\">Auch die Zeilenl\u00e4nge macht beim Lesen einen gro\u00dfen Unterschied. Zu lange Zeilen strengen an. Zu kurze Zeilen \u00fcbrigens auch. Beides bremst den Lesefluss und sorgt daf\u00fcr, dass Leserinnen und Leser abspringen. Deshalb arbeiten Magazine, Brosch\u00fcren oder Kataloge oft mit mehreren Spalten. So bleibt der Flie\u00dftext sch\u00f6n handlich, das Auge findet leichter den n\u00e4chsten Zeilenanfang und der Text wirkt direkt einladender.<\/p>\n<p class=\"isSelectedEnd\">Als Richtwert gelten etwa sechs bis zehn W\u00f6rter pro Zeile oder 40 bis 50 Zeichen. Das passt f\u00fcr viele Printprodukte ziemlich gut. Bei B\u00fcchern d\u00fcrfen die Zeilen l\u00e4nger sein, weil dort der Zeilenabstand entsprechend angepasst wird. Die Faustregel: Je l\u00e4nger die Zeile, desto wichtiger wird der passende Abstand zwischen den Zeilen.<\/p>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; column_direction=&#8220;default&#8220; column_direction_tablet=&#8220;default&#8220; column_direction_phone=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; row_border_radius=&#8220;none&#8220; row_border_radius_applies=&#8220;bg&#8220; overflow=&#8220;visible&#8220; overlay_strength=&#8220;0.3&#8243; gradient_direction=&#8220;left_to_right&#8220; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; column_position=&#8220;default&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/1&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;][vc_column_text]\n<h3 id=\"anker5\">Schriftsatz<\/h3>\n<p class=\"isSelectedEnd\">Zeilenl\u00e4nge und Schriftsatz geh\u00f6ren zusammen. Denn ob ein Text im Blocksatz oder Flattersatz steht, beeinflusst direkt, wie ruhig das Layout wirkt und wie leicht Leserinnen und Leser durch den Text kommen.<\/p>\n<p class=\"isSelectedEnd\">Beim Blocksatz werden die Wortabst\u00e4nde so angepasst, dass links und rechts eine saubere Kante entsteht. Das funktioniert besonders gut bei l\u00e4ngeren Zeilen. Dann wirkt das Schriftbild gleichm\u00e4\u00dfig und der Text l\u00e4uft angenehm durchs Auge. F\u00fcr l\u00e4ngere Flie\u00dftexte in Brosch\u00fcren, Magazinen oder Katalogen ist Blocksatz deshalb oft eine gute Wahl.<\/p>\n<p class=\"isSelectedEnd\">Flattersatz ist lockerer. Die Zeilen enden unterschiedlich lang, meist linksb\u00fcndig. Das passt gut zu k\u00fcrzeren Textbl\u00f6cken, Infok\u00e4sten oder Werbetexten, die schnell erfasst werden sollen. Der Text wirkt dadurch weniger streng und bekommt mehr Bewegung.<\/p>\n<p>Rechtsb\u00fcndiger oder zentrierter Satz? Geht auch \u2013 aber bitte sparsam. Diese Varianten eignen sich vor allem f\u00fcr sehr kurze Texte, Headlines oder gezielte Hervorhebungen. Bei l\u00e4ngeren Passagen wird es sonst schnell m\u00fchsam.[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; column_direction=&#8220;default&#8220; column_direction_tablet=&#8220;default&#8220; column_direction_phone=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; row_border_radius=&#8220;none&#8220; row_border_radius_applies=&#8220;bg&#8220; overflow=&#8220;visible&#8220; overlay_strength=&#8220;0.3&#8243; gradient_direction=&#8220;left_to_right&#8220; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; column_position=&#8220;default&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/1&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;][image_with_animation image_url=&#8220;4725&#8243; image_size=&#8220;full&#8220; animation_type=&#8220;entrance&#8220; animation=&#8220;Fade In&#8220; animation_easing=&#8220;default&#8220; animation_movement_type=&#8220;transform_y&#8220; hover_animation=&#8220;none&#8220; alignment=&#8220;&#8220; img_link_large=&#8220;yes&#8220; border_radius=&#8220;none&#8220; box_shadow=&#8220;none&#8220; image_loading=&#8220;default&#8220; max_width=&#8220;100%&#8220; max_width_mobile=&#8220;default&#8220;][\/vc_column][\/vc_row][vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; column_direction=&#8220;default&#8220; column_direction_tablet=&#8220;default&#8220; column_direction_phone=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; row_border_radius=&#8220;none&#8220; row_border_radius_applies=&#8220;bg&#8220; overflow=&#8220;visible&#8220; overlay_strength=&#8220;0.3&#8243; gradient_direction=&#8220;left_to_right&#8220; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; column_position=&#8220;default&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/1&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;][vc_column_text]\n<p class=\"isSelectedEnd\">Blocksatz oder Flattersatz: beide brauchen am Ende einen pr\u00fcfenden Blick. Denn auch das beste Layoutprogramm trifft nicht jede typografische Entscheidung sauber.<\/p>\n<p class=\"isSelectedEnd\">Beim Blocksatz k\u00f6nnen einzelne W\u00f6rter unsch\u00f6n auseinandergezogen werden. Das passiert zum Beispiel, wenn ein langes Wort nicht mehr in die Zeile passt und in die n\u00e4chste rutscht. Pl\u00f6tzlich entstehen gro\u00dfe L\u00fccken im Text. Sieht aus wie Zahnl\u00fccken im Schriftbild \u2013 und st\u00f6rt den Lesefluss.<\/p>\n<p class=\"isSelectedEnd\">Beim Flattersatz ist die Feinarbeit oft noch wichtiger. Damit die Zeilenenden harmonisch wirken, m\u00fcssen sie manchmal h\u00e4ndisch angepasst werden. Etwa durch sinnvolle Worttrennungen oder kleine Textkorrekturen. So entsteht ein ruhiger Rand, ohne dass der Text steif wirkt.<\/p>\n<p>Auch sogenannte \u201eWitwen\u201c (die letzte Zeile eines Absatzes steht allein auf einer neuen Seite) und \u201eWaisen\u201c bzw. \u201eSchusterjungen\u201c (die erste Zeile eines Absatzes ist die letzte Zeile einer Seite) sollten Sie vermeiden.[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; column_direction=&#8220;default&#8220; column_direction_tablet=&#8220;default&#8220; column_direction_phone=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; row_border_radius=&#8220;none&#8220; row_border_radius_applies=&#8220;bg&#8220; overflow=&#8220;visible&#8220; overlay_strength=&#8220;0.3&#8243; gradient_direction=&#8220;left_to_right&#8220; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; column_position=&#8220;default&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/1&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;][image_with_animation image_url=&#8220;4723&#8243; image_size=&#8220;full&#8220; animation_type=&#8220;entrance&#8220; animation=&#8220;Fade In&#8220; animation_easing=&#8220;default&#8220; animation_movement_type=&#8220;transform_y&#8220; hover_animation=&#8220;none&#8220; alignment=&#8220;&#8220; img_link_large=&#8220;yes&#8220; border_radius=&#8220;none&#8220; box_shadow=&#8220;none&#8220; image_loading=&#8220;default&#8220; max_width=&#8220;100%&#8220; max_width_mobile=&#8220;default&#8220;][\/vc_column][\/vc_row][vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; column_direction=&#8220;default&#8220; column_direction_tablet=&#8220;default&#8220; column_direction_phone=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; row_border_radius=&#8220;none&#8220; row_border_radius_applies=&#8220;bg&#8220; overflow=&#8220;visible&#8220; overlay_strength=&#8220;0.3&#8243; gradient_direction=&#8220;left_to_right&#8220; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; column_position=&#8220;default&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/1&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;][vc_column_text]\n<h3 id=\"anker6\">Worttrennung<\/h3>\n<p class=\"isSelectedEnd\">Worttrennungen lassen sich gerade bei l\u00e4ngeren Flie\u00dftexten kaum vermeiden. Hier lohnt es sich, zweimal hinzusehen. Denn falsch gesetzte Trennungen k\u00f6nnen den Lesefluss st\u00f6ren oder sogar unfreiwillig komisch wirken. F\u00fcr das Auge sind getrennte W\u00f6rter immer etwas anstrengender. Achten Sie deshalb darauf, dass nicht mehr als drei Trennungen direkt untereinander am Zeilenende stehen.<\/p>\n<p>In \u00dcberschriften sollten Sie Worttrennungen am besten komplett vermeiden. Headlines m\u00fcssen sofort sitzen, klar wirken und leicht erfassbar sein. Ein getrenntes Wort bremst da nur aus \u2013 und nimmt der Botschaft unn\u00f6tig Schwung.[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; column_direction=&#8220;default&#8220; column_direction_tablet=&#8220;default&#8220; column_direction_phone=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; row_border_radius=&#8220;none&#8220; row_border_radius_applies=&#8220;bg&#8220; overflow=&#8220;visible&#8220; overlay_strength=&#8220;0.3&#8243; gradient_direction=&#8220;left_to_right&#8220; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; column_position=&#8220;default&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/1&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;][vc_column_text]\n<h2 id=\"hausschrift\">Die Vorteile einer eigenen Hausschrift<\/h2>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; column_direction=&#8220;default&#8220; column_direction_tablet=&#8220;default&#8220; column_direction_phone=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; row_border_radius=&#8220;none&#8220; row_border_radius_applies=&#8220;bg&#8220; overflow=&#8220;visible&#8220; overlay_strength=&#8220;0.3&#8243; gradient_direction=&#8220;left_to_right&#8220; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; column_position=&#8220;default&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/1&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;][vc_column_text]Gro\u00dfe Unternehmen lassen oft eigene Schriften entwickeln. Doch auch f\u00fcr kleine uns mittelst\u00e4ndische Firmen sowie f\u00fcr Vereine bringt eine eigene Hausschrift gleich mehrere Vorteile mit sich.[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; column_direction=&#8220;default&#8220; column_direction_tablet=&#8220;default&#8220; column_direction_phone=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; row_border_radius=&#8220;none&#8220; row_border_radius_applies=&#8220;bg&#8220; overflow=&#8220;visible&#8220; overlay_strength=&#8220;0.3&#8243; gradient_direction=&#8220;left_to_right&#8220; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; column_position=&#8220;default&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/1&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;]<div class=\"nectar-fancy-ul\" data-list-icon=\"icon-salient-check\" data-animation=\"false\" data-animation-delay=\"0\" data-color=\"accent-color\" data-spacing=\"default\" data-alignment=\"left\"> \n<ul>\n<li>Eine Corporate Font st\u00e4rkt die Wiedererkennung. Von g\u00e4ngigen Standardschriften kursieren h\u00e4ufig verschiedene Versionen auf unterschiedlichen Rechnern oder in diversen L\u00e4ndern. So kann z. B. die verwendete Arial-Schrift auf Ihrer Webseite international leichte Unterschiede aufweisen. Beim Druck von Werbemitteln k\u00f6nnte es dadurch zu unsch\u00f6nen \u00dcberraschungen kommen. Mit einer eigenen Hausschrift vermeiden Sie das.<\/li>\n<\/ul>\n <\/div>[divider line_type=&#8220;No Line&#8220; custom_height=&#8220;10&#8243;]<div class=\"nectar-fancy-ul\" data-list-icon=\"icon-salient-check\" data-animation=\"false\" data-animation-delay=\"0\" data-color=\"accent-color\" data-spacing=\"default\" data-alignment=\"left\"> \n<ul>\n<li>Auch das Einsparen von Lizenzkosten spielt eine Rolle. Wer viel kommuniziert und Schriften in vielen Medien, L\u00e4ndern und Anwendungen nutzt, zahlt f\u00fcr Standardschriften oft hohe Geb\u00fchren. Eine eigene Schrift kann hier langfristig wirtschaftlicher sein.<\/li>\n<\/ul>\n <\/div>[divider line_type=&#8220;No Line&#8220; custom_height=&#8220;10&#8243;]<div class=\"nectar-fancy-ul\" data-list-icon=\"icon-salient-check\" data-animation=\"false\" data-animation-delay=\"0\" data-color=\"accent-color\" data-spacing=\"default\" data-alignment=\"left\"> \n<ul>\n<li>Durch eine Corporate Font lassen sich konkrete Anforderungen besser l\u00f6sen: kleine Texte auf Verpackungen und Beipackzetteln, technische Anzeigen, internationale Zeichens\u00e4tze, digitale Anwendungen oder besonders platzsparende Schriftschnitte \u2013 alles l\u00e4sst sich nach Ihren W\u00fcnschen entwickeln.<\/li>\n<\/ul>\n <\/div>[\/vc_column][\/vc_row][vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; column_direction=&#8220;default&#8220; column_direction_tablet=&#8220;default&#8220; column_direction_phone=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; row_border_radius=&#8220;none&#8220; row_border_radius_applies=&#8220;bg&#8220; overflow=&#8220;visible&#8220; overlay_strength=&#8220;0.3&#8243; gradient_direction=&#8220;left_to_right&#8220; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; column_position=&#8220;default&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/1&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;][vc_column_text]\n<h2 id=\"weniger\">Weniger ist mehr: Der wichtigste Tipp f\u00fcr Flyer, Plakaten und Co.<\/h2>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; column_direction=&#8220;default&#8220; column_direction_tablet=&#8220;default&#8220; column_direction_phone=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; row_border_radius=&#8220;none&#8220; row_border_radius_applies=&#8220;bg&#8220; overflow=&#8220;visible&#8220; overlay_strength=&#8220;0.3&#8243; gradient_direction=&#8220;left_to_right&#8220; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; column_position=&#8220;default&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/1&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;][vc_column_text]Wenn Erik Spiekermann einen zentralen Tipp f\u00fcr die Gestaltung von Druckprodukten gibt, dann diesen: weniger ist mehr. Gerade bei Flyern, Plakaten oder Einladungen landet oft zu viel auf kleiner Fl\u00e4che. Adresse, Datum, Kontaktperson, Programm, Bilder, Logos, Zusatzinfos, Gru\u00dfworte, Details zum Kuchenbuffet \u2013 alles soll sichtbar sein. Nur: Genau dadurch geht Ihre Hauptbotschaft verloren.[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; column_direction=&#8220;default&#8220; column_direction_tablet=&#8220;default&#8220; column_direction_phone=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; row_border_radius=&#8220;none&#8220; row_border_radius_applies=&#8220;bg&#8220; overflow=&#8220;visible&#8220; overlay_strength=&#8220;0.3&#8243; gradient_direction=&#8220;left_to_right&#8220; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; column_position=&#8220;default&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/2&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;][vc_column_text]Kl\u00e4ren Sie vor der Gestaltung drei Fragen:<\/p>\n<ul>\n<li><strong>Was ist Ihre wichtigste Botschaft?<\/strong><\/li>\n<li><strong>Wo findet Ihr Angebot, Event etc. statt?<\/strong><\/li>\n<li><strong>Wann wird Ihre Botschaft f\u00fcr Menschen relevant?<\/strong><\/li>\n<\/ul>\n<p>Bei einem Event-Flyer sollten Betrachterinnen und Betrachter beispielsweise auf den ersten Blick erkennen, worum es geht. Erst danach folgen Datum, Ort und weitere Details. Alles andere passt auf die R\u00fcckseite, in einen QR-Code, auf eine Website oder in erg\u00e4nzende Kommunikationsmittel.[\/vc_column_text][\/vc_column][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; column_position=&#8220;default&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/2&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;][image_with_animation image_url=&#8220;130484&#8243; image_size=&#8220;full&#8220; animation_type=&#8220;entrance&#8220; animation=&#8220;None&#8220; animation_movement_type=&#8220;transform_y&#8220; hover_animation=&#8220;zoom&#8220; alignment=&#8220;&#8220; img_link_target=&#8220;_blank&#8220; border_radius=&#8220;none&#8220; box_shadow=&#8220;none&#8220; image_loading=&#8220;default&#8220; max_width=&#8220;100%&#8220; max_width_mobile=&#8220;default&#8220; img_link=&#8220;https:\/\/www.flyeralarm.com\/blog\/de\/plakatdesign-aufbau-und-typografie\/&#8220;][divider line_type=&#8220;No Line&#8220; custom_height=&#8220;15&#8243;][vc_column_text]Tipp: Wenn Sie mehr zum Thema <a href=\"https:\/\/www.flyeralarm.com\/blog\/de\/plakatdesign-aufbau-und-typografie\/\" target=\"_blank\" rel=\"noopener\"><strong>Plakatdesign: Aufbau und Typografie<\/strong><\/a> erfahren wollen, lesen Sie den passenden Beitrag direkt hier im Blog![\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; column_direction=&#8220;default&#8220; column_direction_tablet=&#8220;default&#8220; column_direction_phone=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; row_border_radius=&#8220;none&#8220; row_border_radius_applies=&#8220;bg&#8220; overflow=&#8220;visible&#8220; overlay_strength=&#8220;0.3&#8243; gradient_direction=&#8220;left_to_right&#8220; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; column_position=&#8220;default&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/1&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;][vc_column_text]\n<h2 id=\"fazit\">Fazit: Gute Gestaltung beginnt mit einem guten Briefing<\/h2>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; column_direction=&#8220;default&#8220; column_direction_tablet=&#8220;default&#8220; column_direction_phone=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; row_border_radius=&#8220;none&#8220; row_border_radius_applies=&#8220;bg&#8220; overflow=&#8220;visible&#8220; overlay_strength=&#8220;0.3&#8243; gradient_direction=&#8220;left_to_right&#8220; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; column_position=&#8220;default&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/1&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;][vc_column_text]Egal ob Sie als Auftraggebende agieren oder selbst kreativ t\u00e4tig sind: Kl\u00e4ren Sie vor einem Designprojekt: Wof\u00fcr steht Ihre Marke? Welche Zielgruppe m\u00f6chten Sie erreichen? Welche Wirkung soll entstehen? Welche Informationen sind wirklich wichtig? Was soll nach dem Kontakt mit dem Werbemittel passieren? &#8230;<\/p>\n<p data-start=\"7988\" data-end=\"8180\">Je klarer diese Fragen beantwortet sind, desto besser kann das gesamte Designprojekt und auch die dort enthaltene Typografie arbeiten. Denn Schrift steht nie losgel\u00f6st vom Inhalt. Sie transportiert Informationen, Haltung, Tonalit\u00e4t und Atmosph\u00e4re. Nat\u00fcrlich gibt es noch viele weitere Punkte, die ein optimales typografisches Ergebnis ausmachen, zum Beispiel korrekte Rechtschreibung und Grammatik oder auch die Schreibweisen von Zeichen (Anf\u00fchrungszeichen, Gedankenstriche etc.).<\/p>\n<p data-start=\"7988\" data-end=\"8180\">Generell gilt jedoch: Verlieren Sie nie den Zweck des Mediums (ob online oder offline) sowie Ihre Ziele und Zielgruppe aus den Augen. Das gilt f\u00fcr jede werbliche Aktivit\u00e4t und z\u00e4hlt damit zu den <a href=\"https:\/\/www.flyeralarm.com\/blog\/de\/marketing-basics\/\" target=\"_blank\" rel=\"noopener\"><strong>Marketing-Basics<\/strong><\/a>, die Sie hier im Blog nachlesen k\u00f6nnen.<\/p>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8220;in_container&#8220; full_screen_row_position=&#8220;middle&#8220; column_margin=&#8220;default&#8220; column_direction=&#8220;default&#8220; column_direction_tablet=&#8220;default&#8220; column_direction_phone=&#8220;default&#8220; scene_position=&#8220;center&#8220; text_color=&#8220;dark&#8220; text_align=&#8220;left&#8220; row_border_radius=&#8220;none&#8220; row_border_radius_applies=&#8220;bg&#8220; overflow=&#8220;visible&#8220; overlay_strength=&#8220;0.3&#8243; gradient_direction=&#8220;left_to_right&#8220; shape_divider_position=&#8220;bottom&#8220; bg_image_animation=&#8220;none&#8220;][vc_column column_padding=&#8220;no-extra-padding&#8220; column_padding_tablet=&#8220;inherit&#8220; column_padding_phone=&#8220;inherit&#8220; column_padding_position=&#8220;all&#8220; column_element_direction_desktop=&#8220;default&#8220; column_element_spacing=&#8220;default&#8220; desktop_text_alignment=&#8220;default&#8220; tablet_text_alignment=&#8220;default&#8220; phone_text_alignment=&#8220;default&#8220; background_color_opacity=&#8220;1&#8243; background_hover_color_opacity=&#8220;1&#8243; column_backdrop_filter=&#8220;none&#8220; column_shadow=&#8220;none&#8220; column_border_radius=&#8220;none&#8220; column_link_target=&#8220;_self&#8220; column_position=&#8220;default&#8220; gradient_direction=&#8220;left_to_right&#8220; overlay_strength=&#8220;0.3&#8243; width=&#8220;1\/1&#8243; tablet_width_inherit=&#8220;default&#8220; animation_type=&#8220;default&#8220; bg_image_animation=&#8220;none&#8220; border_type=&#8220;simple&#8220; column_border_width=&#8220;none&#8220; column_border_style=&#8220;solid&#8220;][vc_column_text]\n<p data-start=\"7988\" data-end=\"8180\">Auch eine Prise Mut geh\u00f6rt dazu! Denn Typografie darf Erwartungen best\u00e4tigen. Sie darf sie aber auch bewusst brechen.<\/p>\n<p class=\"PDq2pG_selectionAnchorContainer\" data-start=\"8283\" data-end=\"8526\">Eine Bank wirkt mit einer gediegenen Serifenschrift vertraut und seri\u00f6s. Wird diese Schrift \u00fcberraschend kombiniert \u2013 zum Beispiel mit einer ungew\u00f6hnlichen Farbe oder einem modernen Layout \u2013 kann daraus ein spannender Markenauftritt entstehen.\u00a0Wichtig ist: Der Bruch sollte gewollt sein. Kopieren Sie nicht einfach Trends. Mischen Sie Schriften nicht zuf\u00e4llig. Sonst entsteht schnell Chaos. Wer die Regeln kennt, kann sie gezielt einsetzen \u2013 und genau dadurch Aufmerksamkeit erzeugen.\u00a0Mutige Typografie bedeutet, Entscheidungen zu treffen. F\u00fcr eine klare Botschaft. F\u00fcr eine passende Wirkung. F\u00fcr einen Auftritt, der im Kopf bleibt.<\/p>\n[\/vc_column_text][\/vc_column][\/vc_row]\n","protected":false},"excerpt":{"rendered":"<p>Schrift ist \u00fcberall. Doch oft f\u00e4llt sie erst auf, wenn sie nicht funktioniert. Lernen Sie die Grundregeln der Typografie kennen und h\u00f6ren Sie vom Experten Erik Spiekermann, was gute Typografie ausmacht.<\/p>\n","protected":false},"author":53,"featured_media":137618,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[11],"tags":[293,54,9016],"class_list":["post-4720","post","type-post","status-publish","format-standard","has-post-thumbnail","category-know-how","tag-druckdaten","tag-kreativitaet","tag-podcast"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.flyeralarm.com\/blog\/de\/wp-json\/wp\/v2\/posts\/4720","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.flyeralarm.com\/blog\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.flyeralarm.com\/blog\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.flyeralarm.com\/blog\/de\/wp-json\/wp\/v2\/users\/53"}],"replies":[{"embeddable":true,"href":"https:\/\/www.flyeralarm.com\/blog\/de\/wp-json\/wp\/v2\/comments?post=4720"}],"version-history":[{"count":22,"href":"https:\/\/www.flyeralarm.com\/blog\/de\/wp-json\/wp\/v2\/posts\/4720\/revisions"}],"predecessor-version":[{"id":137634,"href":"https:\/\/www.flyeralarm.com\/blog\/de\/wp-json\/wp\/v2\/posts\/4720\/revisions\/137634"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.flyeralarm.com\/blog\/de\/wp-json\/wp\/v2\/media\/137618"}],"wp:attachment":[{"href":"https:\/\/www.flyeralarm.com\/blog\/de\/wp-json\/wp\/v2\/media?parent=4720"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.flyeralarm.com\/blog\/de\/wp-json\/wp\/v2\/categories?post=4720"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.flyeralarm.com\/blog\/de\/wp-json\/wp\/v2\/tags?post=4720"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}