{"id":5029,"date":"2017-07-26T09:00:06","date_gmt":"2017-07-26T07:00:06","guid":{"rendered":"https:\/\/www.flyeralarm.com\/blog\/de\/?p=5029"},"modified":"2026-01-07T10:39:53","modified_gmt":"2026-01-07T09:39:53","slug":"gestaltungsraster-fuer-mehr-ordnung-in-layouts","status":"publish","type":"post","link":"https:\/\/www.flyeralarm.com\/blog\/de\/gestaltungsraster-fuer-mehr-ordnung-in-layouts\/","title":{"rendered":"Gestaltungsraster \u2013 f\u00fcr mehr Ordnung in Layouts"},"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;][vc_column_text]<em><strong>Ein professionelles Layout lebt von Klarheit und Ordnung \u2013 und genau dabei hilft ein Gestaltungsraster. Ob Flyer, Brosch\u00fcre oder Magazin: Ein gut aufgebautes Raster sorgt daf\u00fcr, dass Texte, Bilder und Grafiken harmonisch wirken, die Lesbarkeit steigt und der Gestaltungsprozess effizienter wird. In diesem Artikel erkl\u00e4ren wir, was ein Gestaltungsraster ist, wie es funktioniert und wie Sie es im Layout-Programm anlegen und sinnvoll anwenden k\u00f6nnen<\/strong><\/em>[\/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=\"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><\/p>\n<p><a href=\"#anker1\">Gestaltungsraster f\u00fcr erfolgreiche Resultate<\/a><br \/>\n<a href=\"#anker2\">Warum Gestaltungsraster nutzen? Und wann?<\/a><br \/>\n<a href=\"#anker3\">Chancen und Gefahren<\/a><br \/>\n<a href=\"#anker4\">Anlegen eines Gestaltungsrasters in InDesign<\/a><br \/>\n<a href=\"#anker5\">Anwenden und profitieren<\/a> <\/div><div class=\"clear\"><\/div><\/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=\"anker1\">Gestaltungsraser f\u00fcr erfolgreiche Resultate<\/h2>\n<p>Gute Planung ist die halbe Miete \u2013 auch bei der Gestaltung eines Druckproduktes. Ob kleiner Flyer oder vielseitiges Magazin, das optimale Zusammenspiel von Bild- und Textelementen macht einen gro\u00dfen Teil eines guten Layouts aus. \u00dcberaus hilfreich dabei: ein Gestaltungsraster. Satzspiegel, Spalten und Zellen sorgen f\u00fcr eine perfekte Koordination und letztlich eine m\u00f6glichst ansprechende Darstellung der Inhalte. Ein Gestaltungsraster erleichtert also nicht nur dem Designer oder der Designerin das Arbeiten, es hat vor allem auch entscheidenden Anteil am Erfolg des Resultats dieser Arbeit. Das bedeutet zwar einen zus\u00e4tzlichen zeitlichen Aufwand in der Vorbereitung und Konzeption, wird jedoch mit Zeitersparnis w\u00e4hrend der Gestaltung und dem Ergebnis mehr als wettgemacht.[\/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=\"anker2\">Warum Gestaltungsraster nutzen? Und wann?<\/h2>\n<p>Menschen bewegen sich gerne in Rastern und tun sich mit geordneten Abl\u00e4ufen und Dingen immer leichter als mit eher chaotischen. Dieses Prinzip spiegelt sich daher auch zu gro\u00dfen Teilen in unserem \u00e4sthetischen Empfinden wider. Doch nicht nur deshalb ist ein Gestaltungsraster beim Designen eines Druckproduktes \u00e4u\u00dferst sinnvoll. Es sorgt vor allem auch f\u00fcr eine leichtere Lesbarkeit, f\u00fcr eine h\u00f6here Aufmerksamkeit und so f\u00fcr eine gr\u00f6\u00dftm\u00f6gliche Informationsaufnahme. Damit erreichen Sie die beiden wichtigsten Dinge: zum einen das Interesse des Rezipienten und zum anderen die \u00dcbermittlung der Inhalte.<br \/>\nDar\u00fcber hinaus ist besonders der \u00f6konomische Aspekt eines Gestaltungsrasters entscheidend. So ist sein Einsatz besonders sinnvoll bei immer wiederkehrenden Produkten, deren Aufbau stets gleich oder zumindest \u00e4hnlich ist. Dies k\u00f6nnen zum Beispiel w\u00f6chentliche oder monatliche Werbemittel wie Faltbl\u00e4tter, Plakate oder Brosch\u00fcren sein. Hierbei sparen Sie jedes Mal nicht nur viel Zeit, sondern entsprechend auch Kosten.[\/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=\"anker3\">Chancen und Gefahren<\/h2>\n<p>Wer beim Gedanken an einen Gestaltungsraster Einschr\u00e4nkungen in der Kreativit\u00e4t f\u00fcrchtet, kann diese Bedenken getrost beiseiteschieben. Zum einen ist der Designer oder die Designerin selbst f\u00fcr das Anlegen des Rasters verantwortlich und kann diesen individuell auf die zu verarbeitenden Inhalte abstimmen. Zum anderen ist ein Gestaltungsraster kein absolutes und striktes Gebilde, an das sich unter allen Umst\u00e4nden gehalten werden muss. Vielmehr dienen seine Spalten und Zellen als Orientierung, deren Richtung auch durchaus verlassen werden darf. In bestimmten F\u00e4llen ist ein solches Ausbrechen aus der Ordnung sogar \u00fcberaus sinnvoll. Zum Beispiel wenn eine abweichende Platzierung optisch ansprechender ist oder ein bestimmtes Element hervorgehoben werden soll. Dann ist es nat\u00fcrlich von Vorteil, wenn es \u201eaus der Reihe tanzt\u201c.<br \/>\nWie komplex ein Gestaltungsraster angelegt wird, kommt neben den Inhalten in erster Linie auf den Umfang und die Gr\u00f6\u00dfe des Druckproduktes an. So f\u00e4llt der Raster bei einem DIN A6-Flyer entsprechend simpler aus als bei einem 100-seitigen DIN A4-Magazin. Generell erh\u00f6hen sich die M\u00f6glichkeiten der Kreativit\u00e4t, je mehr Spalten Sie anlegen und je kleinteiliger die einzelnen Zellen sind. Bei zu vielen erh\u00f6ht sich allerdings auch die Gefahr der Un\u00fcbersichtlichkeit. So sind beispielsweise bei Brosch\u00fcren oder Magazinen drei bis sechs Spalten pro Einzelseite \u00fcblich.<br \/>\nNat\u00fcrlich k\u00f6nnen Sie sich bei der Gestaltung auch v\u00f6llig auf Ihr Auge verlassen \u2013 oder auf die Hilfestellungen, die Ihnen ein Layoutprogramm wie InDesign mit automatischen Ausrichtungs- oder Abstandsanzeigen liefert. Professioneller und sicherer ist es aber immer, wenn Sie ein Raster anlegen.[\/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=\"anker4\">Anlegen eines Gestaltungsrasters in InDesign<\/h2>\n<p>Bevor Sie mit der eigentlichen Arbeit in InDesign beginnen, tragen Sie zun\u00e4chst alle Informationen und Inhalte zusammen, die Sie ben\u00f6tigen. Machen Sie sich dann am besten Skizzen, wie Sie die Seiten aufbauen m\u00f6chten. Anhand dieser Skizzen k\u00f6nnen Sie schlie\u00dflich problemlos Ihr Raster anlegen, am besten auf <strong><a href=\"https:\/\/www.flyeralarm.com\/blog\/de\/musterseiten-anlegen-in-indesign\/\" target=\"_blank\" rel=\"noopener noreferrer\">Musterseiten<\/a><\/strong>.[\/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]\n<h3><strong>Schritt 1: Festlegen des Satzspiegels<\/strong><\/h3>\n<p>Definieren Sie den Raum, der auf einer Seite f\u00fcr Inhalte zur Verf\u00fcgung stehen soll. Oder anders gesagt: Legen Sie die Abst\u00e4nde zum Rand fest. Dies k\u00f6nnen Sie bereits beim Einrichten eines neuen Dokumentes machen oder, wenn Sie sich auf der Musterseite befinden, \u00fcber <em>Layout &gt; R\u00e4nder und Spalten<\/em>. Geben Sie hier die Ma\u00dfe f\u00fcr Kopfsteg (Oben), Innensteg (Innen), Fu\u00dfsteg (Unten) und Au\u00dfensteg (Au\u00dfen) ein. Je nach Publikationsart, Zielgruppe und Inhalt sind die Stege in der Regel gr\u00f6\u00dfer (z. B. bei B\u00fcchern) oder kleiner (z. B. bei Magazinen). Es gibt jedoch eine g\u00e4ngige Faustregel f\u00fcr deren Verh\u00e4ltnis: Bundsteg : Kopfsteg : Au\u00dfensteg : Fu\u00dfsteg = 2 : 3 : 4 : 6.[\/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;5032&#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\/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]\n<h3><strong>Schritt 2: Aufteilung in Spalten<\/strong><\/h3>\n<p>F\u00fcr eine vertikale Einteilung \u2013 in erster Linie des Textes \u2013 sorgen Spalten, die Sie ebenfalls beim Einrichten des Dokumentes oder im R\u00e4nder und Spalten-Fenster festlegen k\u00f6nnen. Getrennt werden sie durch Spaltenstegen bzw. in InDesign den Spaltenabstand. Wie viele Spalten Sie f\u00fcr Ihr Layout ben\u00f6tigen, h\u00e4ngt von der Schriftgr\u00f6\u00dfe und dem Zeilenabstand ab. Testen Sie daher am besten zun\u00e4chst mit Blindtext und legen Sie danach die Anzahl und Breite der Spalten fest.[\/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;5033&#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\/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]\n<h3><strong>Schritt 3: Aufteilung in Zellen<\/strong><\/h3>\n<p>Horizontale Linien vervollst\u00e4ndigen den Gestaltungsraster und schaffen Zellen, in denen sich beispielsweise Bilder platzieren lassen bzw. an denen sich die Platzierung von Bildern orientieren kann. Setzen Sie diese Linien \u00fcber <em>Layout &gt; Hilfslinien erstellen<\/em> und legen Sie hier auch den Abstand der Zeilen fest.[\/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;5034&#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<h2 id=\"anker5\">Anwenden und profitieren<\/h2>\n<p>Vor allem bei Brosch\u00fcren, Magazinen oder Katalogen, generell bei allen Printprodukten, die mehrere Seiten haben und\/oder regelm\u00e4\u00dfig in einem einheitlichen Layout erscheinen, macht ein Gestaltungsraster definitiv Sinn. Bei FLYERALARM erhalten Sie eine gro\u00dfe Auswahl verschiedenster Formate, Bindungen, Materialien und Auflagengr\u00f6\u00dfen und k\u00f6nnen schnell und g\u00fcnstig online drucken lassen.<\/p>\n<a class=\"nectar-button n-sc-button medium accent-color regular-button\" target=\"_blank\" href=\"https:\/\/www.flyeralarm.com\/de\/content\/index\/open\/id\/4699\/broschueren.html\" data-color-override=\"false\" data-hover-color-override=\"false\" data-hover-text-color-override=\"#fff\"><span>Brosch\u00fcren \u00bb<\/span><\/a>\u00a0\u00a0\u00a0 <a class=\"nectar-button n-sc-button medium accent-color regular-button\" target=\"_blank\" href=\"https:\/\/www.flyeralarm.com\/de\/content\/index\/open\/id\/23137\/magazine.html\" data-color-override=\"false\" data-hover-color-override=\"false\" data-hover-text-color-override=\"#fff\"><span>Magazine \u00bb<\/span><\/a>\u00a0\u00a0\u00a0 <a class=\"nectar-button n-sc-button medium accent-color regular-button\" target=\"_blank\" href=\"https:\/\/www.flyeralarm.com\/de\/content\/index\/open\/id\/24405\/kataloge.html\" data-color-override=\"false\" data-hover-color-override=\"false\" data-hover-text-color-override=\"#fff\"><span>Kataloge \u00bb<\/span><\/a>[\/vc_column_text][\/vc_column][\/vc_row]\n","protected":false},"excerpt":{"rendered":"<p>Bringen Sie Struktur in Ihre Layouts: Erfahren Sie, wie ein Gestaltungsraster Ihre Designs ordnet, Zeit spart und bessere Lesbarkeit schafft \u2013 inklusive Tipps zur Anwendung im Layout-Programm.<\/p>\n","protected":false},"author":59,"featured_media":130516,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[11],"tags":[103],"class_list":{"0":"post-5029","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-know-how","8":"tag-anleitung"},"acf":[],"_links":{"self":[{"href":"https:\/\/www.flyeralarm.com\/blog\/de\/wp-json\/wp\/v2\/posts\/5029","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\/59"}],"replies":[{"embeddable":true,"href":"https:\/\/www.flyeralarm.com\/blog\/de\/wp-json\/wp\/v2\/comments?post=5029"}],"version-history":[{"count":4,"href":"https:\/\/www.flyeralarm.com\/blog\/de\/wp-json\/wp\/v2\/posts\/5029\/revisions"}],"predecessor-version":[{"id":130529,"href":"https:\/\/www.flyeralarm.com\/blog\/de\/wp-json\/wp\/v2\/posts\/5029\/revisions\/130529"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.flyeralarm.com\/blog\/de\/wp-json\/wp\/v2\/media\/130516"}],"wp:attachment":[{"href":"https:\/\/www.flyeralarm.com\/blog\/de\/wp-json\/wp\/v2\/media?parent=5029"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.flyeralarm.com\/blog\/de\/wp-json\/wp\/v2\/categories?post=5029"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.flyeralarm.com\/blog\/de\/wp-json\/wp\/v2\/tags?post=5029"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}