Claudia Runk. Grundkurs Grafik und Gestaltung

Transkript

1 Claudia Runk Grundkurs Grafik und Gestaltung

2 Auf einen Blick 1 Grundlagen der Gestaltung J Gestaltung in Abhängigkeit zu Leseumständen, Zielgruppen, Inhalt und Absicht J Drei Grundregeln zur Gestaltung: Blickfang setzen, Gruppen definieren und Wiedererkennung schaffen 2 Seitenformat und Aufteilung J Wirkung des Papierformats und Aufteilung innerhalb des Formats J Berechnung des Satzspiegels J Anwendung von Gestaltungs- und Grundlinienraster 3 Formen J Wirkung des Grundformats J Anordnung und Kombination von Formen J Harmonie und Disharmonie J Gestaltgesetze 4 Farben J Wirkung und Symbolik der Farben J Berechnung von Farbharmonien und Kontrasten J Tipps zur richtigen Farbwahl J Farbsysteme und technische Hintergründe 5 Bilder J Wirkung eines Bildes durch Motiv, Format, Aufteilung, Ausschnitt und Licht J Das fotografische Auge J Technische Hintergründe 6 Schrift J Wirkung von Schrift J Schriftklassifikation J Geheimnisse der richtigen Schriftwahl und Schriftkombination J Faktoren zur Lesbarkeit J PostScript, TrueType und OpenType 3

3 Inhalt Vorwort Grundlagen der Gestaltung 1.1 Welche Druckerzeugnisse gibt es? Variablen bei der Gestaltung Erste Frage: Um welche Art der Typografie handelt es sich? Das lineare Lesen Ästhetische und optische Auszeichnungen Das informierende Lesen Das konsultierende Lesen Das differenzierte Lesen Das inszenierende Lesen Zweite Frage: Wie sind die Leseumstände? Dritte Frage: Welche Zielgruppe und welcher Inhalt? Fingerspitzengefühl für besondere Zielgruppen Vierte Frage: Welche Absicht steht dahinter? Alle Antworten gefunden? Wo fange ich an? Die Reihenfolge einhalten Exakter Satzspiegel nur mit Zeilenabstand möglich Konservativ oder ausgefallen? Kreativ sein, und dann? Die Idee und ihre Umsetzung Die erste Grundregel: Blickfang Aufmerksamkeit gewinnen Professionell und entschlossen Geeignete Blickfang-Objekte Der ästhetische Blickfang Der optische Blickfang Nicht konkurrieren, sondern ergänzen Falsche Eitelkeit Die zweite Grundregel: Gruppen Was zusammengehört, soll zusammenstehen Minimale Änderungen Die Zwischenüberschriften zuordnen

4 Inhalt 1.5 Die dritte Grundregel: Wiedererkennung Wiederholung bedeutet Konsistenz Wiederholung von Stilelementen Sicherheit schaffen In der Werbung... 47»Print wirkt«beweist Gewohnheiten Checkliste Seitenformat und Aufteilung 2.1 Wie wirkt eine Seite? Freier Raum lässt Platz zum Atmen Am Anfang steht das Scribbeln Wie finde ich das optimale Format? Entscheidung für die Grundfläche Verschiedene Formate, unterschiedliche Wirkungen DIN-Formate DIN-A-Reihe DIN und Norm bei Briefbögen Der Briefbogen nach DIN Flyer im DIN-Format DIN B, DIN C und DIN D Goldener Schnitt Die Suche nach dem Goldenen Schnitt Zahlenreihe nach Fibonacci Fibonacci oder Goldener Schnitt? Wie entsteht ein Satzspiegel? Stegbreiten Viele Wege führen zum Satzspiegel Freier Satzspiegel mit Zahlenreihe (DIN) Freier Satzspiegel nach dem Goldenen Schnitt/Fibonacci Freier Satzspiegel mit Diagonalkonstruktion Fester Satzspiegel mit Diagonalkonstruktion Fester Satzspiegel mit Neunerteilung Welche Methode eignet sich am besten? Verschiedene Satzspiegel, unterschiedliche Wirkungen Tatsächliche Höhe eines Satzspiegels Die Ausnahme bei Marginalienspalten

5 Inhalt 2.4 Das Gestaltungsraster Was nutzt uns ein Gestaltungsraster? Wie entsteht ein Gestaltungsraster? Grob oder fein Kreativität in Ketten? Lesefluss hat Vorfahrt Das Grundlinienraster noch ein Raster? Gute Gründe für das Grundlinienraster Der prüfende Blick In sechs Schritten zum Gestaltungsraster Wozu Spalten und wie viele? Lesbarkeit Ein- und zweispaltige Layouts Das drei-, vier- und fünfspaltige Layout Die Geheimnisse eines guten Layouts Das Ganze ist mehr als die Summe seiner Teile Das Zusammenspiel von Satzspiegel und Bildformat Überlagerte Raster Gruppen definieren, Abstände schaffen Seiten im Web Nicht mit Unnützem ablenken Größe und Format Zentriertes Layout Das Raster im Web Bilder im Rahmen Checkliste Formen 3.1 Welchen Einfluss haben Formen? Formen im Logodesign Flächen und Grundformen Die Wirkung des Quadrats Die Wirkung des Dreiecks Die Wirkung des Kreises Die Wirkung von Linien Wie nutze ich die Wirkung von Formen?

6 Inhalt Entwicklung neuer Formen Das visuelle Gewicht Hierarchie durch Gewicht Nicht zwingend interessant Wie nutze ich den Effekt des visuellen Gewichts? Gestaltgesetze Das Gesetz der Nähe Das Gesetz der Ähnlichkeit Das Gesetz der Geschlossenheit Das Gesetz der Kontinuität Das Gesetz der Erfahrung Anordnung und Kombination Die Rubin sche Vase Vordergrund und Hintergrund Jedem sein Plätzchen Die optische Mitte Wie verteilen wir die Objekte? Das Bedürfnis nach Harmonie Harmonie durch Gleiches, Disharmonie durch Verschiedenes Achsen suchen und finden Symmetrie und Asymmetrie Bewegung und ihre Richtung Besonderheiten im Web Bedeutung von Formen Es wird rund Rahmen auf Websites Die passenden Symbole Checkliste Farben 4.1 Wieso wirken Farben? Farbe in der Werbung Psychologie und Symbolik Kultur und Tradition Schwingungen Was passt zu mir? Farbe als Medizin

7 Inhalt 4.2 Das Geheimnis der richtigen Farbe Mehr als die Summe seiner Teile Welche Farben und Farblehren gibt es? Warum braucht man Farbsysteme? Der heutige Anspruch an ein Farbsystem Isaac Newton Johann Wolfgang von Goethe Wie Farben wirken Johannes Itten Komplementärfarbe Farbwirkung im Einzelnen Die Farbe Gelb Die Farbe Rot Die Farbe Blau Die Farbe Grün Die Farbe Orange Die Farbe Violett Die Farbe Braun Die Unbunt-Farbe Schwarz Die Unbunt-Farbe Weiß Kontrast und Kombination Das Zusammenspiel von Farben Farbkontraste nach Itten Kontraste in der Praxis Das Geheimnis der Harmonie Harmonischer Blickfang Komplementäre Farbharmonien Winkelkontrast Harmonischer Dreiklang Harmonie mit mehr Farben Nicht immer nach Vorgabe wählen Wie viele hätten s denn gern? Objektabhängige Farbwahl Gestalterisch kritisch: der Verlauf Die Farbe in unseren Grundregeln Farbsysteme und Technik Moderne Farbtheorie Additive Farbmischung (RGB)

8 Inhalt Monitor und Fernseher Subtraktive Farbmischung (CMYK und andere) RGB oder CMYK? Farbprofile Blitzer und Beschnitt Farbe im Webdesign Übersicht an erster Stelle Weniger ist mehr Die Farbwahl für das Web Für genügend Kontrast sorgen Weniger Einfluss Websichere Farben Zwei Beispiele Beispiel: Sport Beispiel: Naturholzmöbel Checkliste Bilder 5.1 Ein Bild, was ist das eigentlich? Infografiken zur Erklärung Piktogramme und Symbole Die Fotografie und ihre Wirkung Der Bildabgleich mit dem Gedächtnis Ein Bild weckt Emotionen Die gefährliche Macht der Bilder Woher nehmen und nicht stehlen? Bildagenturen für Groß und Klein Lizenzfrei und lizenzpflichtig Das Geheimnis der Bildwirkung Bilderabend bei Freunden Das fotografische Auge Unterschiede zwischen Kamera und Auge Regeln für die Aufnahme Die Konzentration auf das Motiv Das Format finden Bildaufteilung mit Deierteilung und Goldenem Schnitt Ausschnitt und Perspektive Licht und Schatten

9 Inhalt Tiefe, Kontrast, Schärfe Besonderheiten bei einem Porträt Die Technik dahinter Pixeldaten Auflösung für die Ausgabe Raster im Druck Auflösung für das Internet Vektordaten Format für den Druck: TIFF Format für den Druck: EPS Der Allrounder: Das PDF Unbehandelt: RAW und DNG Bilder im Web Das animierte GIF PNG mit Transparenzen JPEG, das Komprimierte SVG und SWF Checkliste Schrift 6.1 Schriften wirken Die Stimme der Schrift Weitere Faktoren zur Schriftwirkung Welche Schriften gibt es? Die Schriftklassifikation Klasse: Venezianische Renaissance-Antiqua Klasse: Französische Renaissance-Antiqua (Mediäval) Klasse: Barock-Antiqua Klasse: Klassizistische Antiqua Klasse: Serifenbetonte Linear-Antiqua Klasse: Serifenlose Linear-Antiqua Klasse: Antiqua-Varianten Klasse: Schreibschriften Klasse: Handschriftliche Antiqua Klasse: Gebrochene Schriften Das Geheimnis der richtigen Schriftwahl Die Lesbarkeit Die Größe der Schrift

10 Inhalt Die Wirkung der Schrift Die Einprägsamkeit Das Angebot Freeware und Shareware Hochwertige Lizenzschriften Das Geheimnis der Schriftkombination Die Grundlagen des Bleisatzes Mischregel: Genügend Unterschiede Mischregel: Ähnliche Strukturen Mischregel: Schriften innerhalb einer Familie Mischregel: Die Größe beachten Mischregel: Maximal drei Schriften Texte gestalten Ansprechende Gestaltung von Text Schriftwahl und -größe Der Zeichenabstand Der Wortabstand Laufweite und Wortzwischenräume vergrößern Die Zeilenlänge Spalten und Spaltenabstand Die richtige Größe des Zeilenabstands Die verschiedenen Ausrichtungen Freude über freie Räume Farbe und Kontrast Gliedern schafft Überblick Möglichkeiten zur Gliederung Besonderheiten bei größeren Textmengen Effekte Die Schrift verzerren Rund- und Formsatz Formen umfließen Farbverläufe im Text Die rote Liste in der Praxis Schrift im Web Die Schriftproblematik Schrift als Grafik CSS3 und 290 Struktur und Textmenge Zeilenbreite, -abstand und Laufweite

11 Inhalt Ausrichtung Fehler und Tipps Schrifttechnik Die Programmiersprache PostScript Das TrueType-Format Das OpenType-Format Zwei Schritt-für-Schritt-Anleitungen Beispiel: Auf der Suche nach den Fehlern Beispiel: Karte gestalten Checkliste Ergänzender Bildnachweis Index

12 Wo fange ich an? Wo fange ich an? Ein Druckerzeugnis setzt sich aus verschiedenen Komponenten zusammen. Schriftart und -größe, Satzbreiten, Zeilenabstände, die Bilder, grafische Objekte, die verwendeten Farben, weiße Flächen, die Raumaufteilung, der Satzspiegel, das Papierformat, all das sind Elemente, die ein Teil des Gesamtbildes sind und miteinander kombiniert noch mehr wirken können als einzeln. Bei all den Komponenten stehen dann viele Gestalter vor der Frage»Wo fange ich bloß an?«und versuchen dann, sich irgendwie an das Thema heranzutasten:»ich hab da ein Bild, ah, Moment, da hab ich doch letztens eine ganz schöne Schrift gesehen, und das Blau passt doch ganz gut...«. So läuft man leicht Gefahr, sich zu verzetteln und immer wieder von vorn zu beginnen, wenn das Ergebnis nicht zufriedenstellend ist. Die Reihenfolge einhalten Eine klare Reihenfolge hilft, diese Gefahr zu umschiffen. Hauptregel ist hier, dass speziell bei umfangreichen Objekten von Groß nach Klein gestaltet wird. Die Gestaltung eines Druckerzeugnisses lässt sich gut mit dem Einrichten eines Zimmers vergleichen. Zuerst platziert man Schrank und Sofa, die größten Teile, die es im Zimmer unterzubringen gilt. Anschließend wird der Sessel dazugestellt, dann der Sofatisch, der kleine Beistelltisch und der Rest an Kleinmöbeln. Was bei der Einrichtung so selbstverständlich erscheint, hat sich bei der Gestaltung ebenfalls bewährt. Bild: F Abbildung 1.13 Die Regel, von Groß nach Klein zu gestalten, ist eine gute Hilfe, um einen Anfang zu finden. Wie immer gilt es aber, Ausnahmen gelten zu lassen, wenn es angebracht ist. 27

13 1 Grundlagen der Gestaltung E Mehr zu Satzspiegel und Gestaltungsraster erfahren Sie in Kapitel 2. Zuerst legt man das Papierformat fest, was mit dem Zimmer zu vergleichen ist. Dann arbeitet man sich weiter vor bis zu den typografischen Details, was den Bildern an der Wand oder der Vase entspricht. Dadurch ergibt sich folgende Reihenfolge: 1. Papierformat 2. Satzspiegel 3. Raumaufteilung/Gestaltungsraster 4. Farbe/Hintergrund (kann auch später erfolgen) 5. Platzierung der Bilder 6. Platzierung der Texte 7. Schmückende Elemente 8. Typografische Details wie Schriftgröße, Schriftart etc. Abbildung 1.14 E Im ersten Schritt legen wir das Format und den Satzspiegel fest. Der Mindestabstand zwischen Text und Außenkante wird durch den inneren Rahmen definiert. Abbildung 1.15 E Im zweiten Schritt bestimmen wir die Raumaufteilung. Bei der Visitenkarte handelt es sich lediglich um ein paar Zeilen Text, der verteilt werden muss. Ein Gestaltungsraster ist deswegen nicht nötig. 28

14 Wo fange ich an? 1.2 F Abbildung 1.16 Nun folgt der Hintergrund und die Farbe, in diesem Fall eine farbige Hinterlegung plus das Firmenlogo. Auf dem Weg Yoga-Praxis Veronica Menges Mohrenstraße Berlin Telefon Fax veronica@yoga.de web veronica-yoga.de F Abbildung 1.17 Jetzt wird der Text platziert, erst mal grob und ohne Auszeichnung. Auf dem Weg Yoga-Praxis Veronica Menges Mohrenstraße Berlin Telefon Fax veronica@yoga.de web F Abbildung 1.18 Erst im letzten Schritt erfolgen die typografischen Auszeichnungen. 29

15 1 Grundlagen der Gestaltung H Abbildung 1.19 a Die Versalhöhe b Die Oberlänge, die je nach gewählter Schrift auch über die Versalhöhe hinausragen kann c Die Mittellänge d Die Unterlänge Exakter Satzspiegel nur mit Zeilenabstand möglich Um einen exakten Satzspiegel zu definieren, muss klar sein, mit welcher Schriftgröße und mit welchem Zeilenabstand gearbeitet wird, da sich die Höhe des Satzspiegels aus einem Vielfachen des Zeilenabstandes plus Versalhöhe ergibt. Trotzdem ist es hilfreich, oben genannte Reihenfolge einzuhalten zu früh müsste man sich sonst für eine Schrift und einen Zeilenabstand entscheiden. Deswegen legt man den Satzspiegel wie angegeben im zweiten Schritt fest und nimmt dann nur noch das Feintuning vor, wenn Versalhöhe und Zeilenabstand ausgewählt sind. HEf a b c d Info Versalhöhe Die Versalhöhe ist ein Begriff aus der Typografie. Sie bezeichnet die Größe der Großbuchstaben, auch Majuskel genannt. Um die Versalhöhe einer Schrift zu messen, verwendet man am besten einen Buchstaben wie das E, das H oder das Z. Buchstaben mit einer Rundung eignen sich nicht. Abhängig vom gewählten Schriftschnitt ragen die Oberlängen der Buchstaben wie beim l, d, b oder h über die Versalhöhe hinaus. F Abbildung 1.20 Erst wenn Schriftgröße, Schriftart und Zeilenabstand feststehen, lässt sich der Satzspiegel exakt festlegen. Dabei sollte die Oberkante der ersten Textzeile mit der oberen Kante des Satzspiegels abschließen, wie im oberen Bild zu sehen; die Grundlinie der letzten Zeile kommt auf der unteren Begrenzung des Satzspiegels zu stehen, wie im unteren Bild dargestellt. 30

16 Wo fange ich an? 1.2 Konservativ oder ausgefallen? Je konservativer das Druckerzeugnis (wobei die Bezeichnung konservativ in keiner Weise abwertend gemeint ist), desto eher sollte man sich an die oben beschriebene Reihenfolge halten. Gestaltet man beispielsweise Magazine oder Bücher, bei denen ein informierendes beziehungsweise lineares Lesen stattfindet, hilft die Reihenfolge zur Gestaltung jedem Layouter, sich zum Ziel vorzuarbeiten. Wird nach originellen Visitenkarten verlangt oder einem Plakat zur Rave-Party, ist es manchmal aber auch sinnvoll, beispielsweise die Entscheidung für eine Schrift vorzuziehen. Auch für Werbemittel wie Anzeigen in Zeitschriften und Zeitungen gelten die Regeln von Groß nach Klein nur bedingt. Und wieder gilt: Wer die Regeln kennt, kann sie durchbrechen. abcdefghijklmnopqrst uvwxyz '?/ -&# } [ =:«ÿæƒ flå st ¼ˇ TYPOSAURUS +artgerechte buchstabenhaltung G Abbildung 1.21 Visitenkarte mal anders: Bei unkonventioneller Gestaltung ist es häufig sinnvoll, die Reihenfolge»von Groß nach Klein«abzuändern. Gestaltung: Toni Beschorner Kreativ sein, und dann? Eine gelungene Gestaltung ist vor allem von zwei Dingen abhängig: von guten Ideen und von guter Umsetzung. Und mit Umsetzung ist nicht das Beherrschen der Software gemeint, sondern die gestalterische Umsetzung der Idee. Denn eine gute Idee allein reicht nicht aus, sie muss dem Betrachter auch optimal präsentiert werden. Die Idee und ihre Umsetzung Um kreativ zu sein, um Ideen zu haben und sie umzusetzen, müssen Layouter mehr sehen als die Betrachter. Wir, die wir für die Gestaltung verantwortlich sind, müssen auf eine andere Art und Weise sehen und sehen lernen, als wir das im Alltag tun. Ist es Ihnen auch schon einmal passiert, dass Sie ein Freund auf etwas aufmerksam macht, an dem Sie einfach vorbeigelaufen sind? Häufig passiert es, dass Kinder in einer Wolke oder im Sand Figuren entdecken. Sie sehen sogar das Gespenst unter dem Bett oder die Hexe hinter der Tür. Als meine Tochter die Zahl 8 lesen konnte, hat sie mich bei jeder Autofahrt durch die Stadt auf sämtliche Achten aufmerksam gemacht ich hätte nie gedacht, dass man bei kurzen Stadtfahrten an so vielen Achten vorbeikommt. Wenn Sie als Grafiker arbeiten, versuchen Sie, dieses»mehr«zu sehen. 31

17 1 Grundlagen der Gestaltung J Laufen Sie mit offenen Augen durch die Welt. J Verändern Sie die Perspektive. J Versuchen Sie, räumlich zu sehen. J Betrachten Sie einen Gegenstand, schließen Sie die Augen, und versuchen Sie, ihn zu beschreiben. Kreativität fällt nicht vom Himmel. Das meiste ist harte Arbeit, Übung und Erfahrung. Und vielleicht noch ein bisschen Gespür für das Interessante. Denken wir an den Englischlehrer John Keating aus»der Club der toten Dichter«. Er ließ alle Schüler auf das Lehrerpult steigen, um ihnen begreiflich zu machen, wie wichtig ein Wechsel der Perspektive ist. Abbildung 1.22 G E Arbeiten eines berühmten Künstlers? Nein, Fotos von Marie, 2 ½ Jahre. Lediglich die Perspektive, aus der sie fotografiert hat, lässt alles»anders«aussehen. 32

18 Die erste Grundregel: Blickfang Die erste Grundregel: Blickfang So verschieden die Druckerzeugnisse sein können, letztlich haben wir doch immer nur ein Ziel: Wir wollen die ungeteilte Aufmerksamkeit des Lesers gewinnen sei es für einen kurzen Moment mit einer Werbeanzeige, sei es für längere Zeit mit einem Artikel aus einem Magazin. Hier geht s lang, lieber Leser Zeigen Sie Entschlossenheit in Ihrer Gestaltung. Das hilft dem Leser bei der Orientierung und wirkt sicher und profes sionell. Aufmerksamkeit gewinnen Die Aufmerksamkeit des Betrachters gewinnen wir, indem wir es schaffen, ihn mit einem Blickfang auf unser Druckerzeugnis zu lenken und ihm im zweiten Schritt mit dem Blickfang auch noch so viele Informationen zu liefern, dass er sofort weiß, worum es sich handelt. Denn wenn dem Blickfang keine natürlich auch gelungen gestalteten Informationen folgen, verlieren wir das Interesse des Lesers genauso schnell wieder, wie wir es gewonnen haben. Professionell und entschlossen Der Grund, warum ein Blickfang eine solch wichtige Rolle spielt, ist leicht erklärt: In dem Moment, in dem wir unseren Blick einem Objekt zuwenden, suchen wir einen Punkt, an dem wir hängen bleiben können. Wer mit seiner Gestaltung für solch einen Punkt gesorgt und es zudem geschafft hat, diesen auch noch so zu gestalten, dass er stellvertretend für die Aussage des Druckerzeugnisses steht, hat seinen ersten Job erfolgreich erledigt. Im Optimalfall hat der Layouter den Blickfang so platziert, dass er in Verbindung zum Rest steht, da sich der Leser automatisch vom Blickfang aus zu den anderen Elementen weiter vorarbeiten möchte. Zudem wirkt ein Blickfang entschlossen. Bei der Gestaltung von vielen Textelementen zeugt es von Entschlossenheit und in gewisser Weise auch von Mut, einen oder wenige der Elemente groß und deutlich hervorzuheben, einen Blickfang zu setzen. Layouts, auf denen keines der Textelemente hervorsticht, wirken langweilig, durcheinander und unentschlossen. Und das wiederum wirkt unprofessionell. Oder würden Sie sich von einem Arzt behandeln lassen, der Sie mit den G H Abbildung 1.23 Speziell bei Plakaten besteht die gesamte Gestaltung häufig nur aus dem Blickfang. 33

19 1 Grundlagen der Gestaltung Worten»hm, mal schaun, weiß ich jetzt auch nicht, also äh, Moment mal, wo fange ich denn an«untersucht? Wir bevorzugen eine klare Ansage, wir brauchen den Eindruck von Entschlossenheit und Klarheit, dann fühlen wir uns wohl. Somit beinhaltet die Entscheidung für einen Blickfang letztlich auch, Prioritäten zu setzen. Auf die Frage, was bei diesem Druckerzeugnis am wichtigsten ist und was auf den ersten Blick erkannt werden soll, muss man eine Antwort haben. Und zwangsläufig folgen danach erst die restlichen Elemente. Im Beispiel in Abbildung 1.24 sehen wir die Anzeige eines Geschäfts für Kindermode. Im Original ist aber nicht auf einen Blick zu sehen, worum es sich handelt. Es gibt keinen Blickfang. In der veränderten Variante ist die Überschrift»Kinder- und Umstandsmode«der Blickfang. Von dort aus gelangt der Leser ganz linear von oben nach unten an die anderen Informationen mit absteigender Wichtigkeit. Abbildung 1.24 E Links das Original ohne Blickfang beziehungsweise mit unruhigem Hintergrund, rechts die veränderte Fassung Kinder- und Umstandsmode Neu & Secondhand neue und gebrauchte Artikel zu günstigen Preisen Kindertragen Manduca Tragetücher Babyschalen Kindersitze Größe I-III Kinder wagen neu & gebraucht gebrauchte Lauftigger & Reisebetten Windeltorten & Namensketten Spielzeug und vieles mehr Smitis Baumbartenstraße Weiterstadt / Mo, Di, Do, Fr, Sa Uhr Di & Do Uhr Geeignete Blickfang-Objekte Bei einem Blickfang kann es sich um Bilder, einzelne Bildelemente, Texte oder um Gestaltungselemente wie geometrische Formen handeln. Auch die Farbe und Kontraste in jeglicher Form helfen, den Leser zu fangen. Und alles beginnt mit einem ersten Blick. 34

20 Die erste Grundregel: Blickfang 1.3 Auch so genannte Störer gelten als Blickfang. Als Störer wird ein Objekt bezeichnet, das seinem Namen alle Ehre macht: Es stört. Wer beispielsweise einen großen Hinweis zum Sonderangebot quer über dem Bild platziert, hat einen Störer platziert und einen Blickfang geschaffen. Somit stellen alle Elemente, die den Betrachter deutlich irritieren, weil sie an dieser Stelle nicht erwartet werden, einen Störer dar und dienen ebenfalls als Blickfang. Solche Arten von Blickfang nenne ich den optischen Blickfang. Ein Blickfang ist jedoch nicht zwingend laut. Denken wir an eine dezente, elegante Visitenkarte. Auch hier wird ein Blickfang benötigt, und das ist in der Regel der Name der Person oder der Firma, die er vertritt. In diesem Fall würde ein deutlicher Größenunterschied, eine Farbe oder eine andere Schrift völlig genügen, um den Blick des Betrachters zu fangen. Diese Arten von Blickfang nenne ich einen ästhetischen Blickfang. Blickfang bedeutet also lediglich, dass wir dem Leser helfen, seinen ersten Blick auf ein bestimmtes Objekt richten zu können, ohne umherzuirren oder zu suchen. Der ästhetische Blickfang Betrachten wir die beiden Visitenkarten in Abbildung Es liegt auf der Hand, was hier fehlt der Blickfang. Dabei genügt ein leiser, ästhetischer Blickfang völlig. Wir müssen uns nur entscheiden, was in diesem Fall wichtiger ist, der Name oder die Firma beziehungsweise in diesem speziellen Fall die Fachrichtung des Arztes. Im Interesse des Arztes, und weil es üblich ist, entscheiden wir uns für den Namen. Die zweite Variante zeigt deutlich den Unterschied der Text ist identisch, lediglich Schriftgröße und -art wurden verändert. Zudem wurden noch die Abstände zwischen den Text elementen unwesentlich korrigiert. Auch wenn noch einiges an der Visitenkarte im Argen liegt, ist der Unterschied doch bereits gravierend. H Abbildung 1.25 Oben der Text ohne Blickfang, im unteren Beispiel hat sich der Gestalter entschieden, den Namen als ästhetischen Blickfang zu setzen. Praxis Dr. med. A. Grummer Facharzt für Orthopädie und Physiotherapie Frankfurter Allee Berlin Telefon 030 / Telefonische Anmeldung erbeten Praxis Dr. med. A. Grummer Facharzt für Orthopädie und Physiotherapie Frankfurter Allee Berlin Telefon 030 / Telefonische Anmeldung erbeten 35

21 1 Grundlagen der Gestaltung Abbildung 1.26 H Links das Original, rechts die korrigierte Version. Links ist abgesehen von der unnötigen und unschönen Sperrung der Schrift der Blickfang nicht klar gesetzt, der Flyer wirkt unentschlossen. In der verbesserten Variante sehen Sie auf den ersten Blick, was beworben wird. Der optische Blickfang Im Beispiel des Flyertitels Pyro Musikale in Abbildung 1.26 sehen wir, wie die Konzentration auf den Titel gesteigert werden kann. In der Vorher-Variante konnte der Layouter keine Entscheidung treffen, welche der Elemente (Bild, Texte, Logo) die größte Aufmerksamkeit verdienen. Zwar wird der Titel durch die Fotografie des Feuerwerks unterstrichen, trotzdem ist eine unentschlossene Mischung entstanden, bei der sich alle Objekte nahezu gleich in den Vordergrund drängen und miteinander konkurrieren. In der geänderten Fassung steht der Titel, nämlich das Feuerwerk im Vordergrund und bildet gemeinsam mit dem Bild einen harmonischen Blickfang. Die restlichen Informationen wie Untertitel und Veranstaltungsort sind durch die veränderte Größe nicht mehr so aufdringlich und geben erst auf den zweiten Blick Auskunft. P YRO MUSIKALE Flughafen Tempelhof-Berlin Juli 2009 WELTGRÖSSTES FESTIVAL DER Musik-Feuerwerke P YRO MUSIKALE MUSIK- FEUERWERKE Weltgrößtes Festival Live-Orchester und Mega-Feuerwerke als Gesamtkunstwerk Live-Orchester und Mega-Feuerwerke als Gesamtkunstwerk Flughafen Tempelhof-Berlin Juli

22 Die erste Grundregel: Blickfang 1.3 Mit Gemüse durchs Jahr Wer das ganze Jahr durch gesund bleiben will, muss genügend Gemüse und Obst zu sich nehmen Ic tem ero dolorpo restium nonseca tecaectecae nimil impora volorem ipsam ent exerovi dipsape liquatur? Igenduc iliquia voloriam et es consed eosandanist eatur, qui corectatur? Ut odis eligendi cus molorem poraestio blaborro eveles maio blat lita dus, simus. Boreptate conse velicto taepudam alis il idic totas nisint ut quaspicipis si Atint, alitaquo eariaes truptatur rem id qui invelec atquasp iducium eum quas sit ani ne officium exeruptatur sunt, cus, odis aut esequo illabor repta sundis et rerchil iberepr atatis es et faccus volescia plique voluptia voluptatiunt aliquia di beri nem consecto mi, nobist mi, iduci corundit fuga. Eped ea quaepta temquo te mo beatestibus sum qui ut alibusci cum rerovid uciendus, conseque rem cullam qui dolum dolorio ratectem in pre erias autenducit, sus as dipit verum endis vit facienietur maionsedi dolore voloris mo tet dolupisimint Kaltes im WInter as aut eatempos prorio. Ehent quas coratem asperfe recullatet parchic te sunto omnim id mosto bea veleni omnimen imenisinis cullaut fugit ilicat laborrum aut as endemquam veliquodis rerovitiatia sentia nonsendae prero te eum ipsam, sim quo ilibus iur ad quibusam et pario quam quia erro odita voluptatur? Atint, alitaquo eariaes truptatur rem id qui invelec atquasp iducium eum quas sit ani ne officium exeruptatur sunt, cus, odis aut esequo illabor repta sundis et rerchil iberepr atatis es et faccus volescia plique voluptia voluptatiunt aliquia di beri nem consecto mi, nobist mi, iduci corundit fuga. Eped ea quaepta temquo te mo beatestibus sum qui ut alibusci cum rerovid uciendus, conseque rem cullam qui dolum dolorio ratectem in pre erias autenducit, sus as dipit verum endis vit facienietur maions- Mit Gemüse durchs Jahr Wer das ganze Jahr durch gesund bleiben will, muss genügend Gemüse und Obst zu sich nehmen Ic tem ero dolorpo restium nonseca tecaectecae nimil impora volorem ipsam ent exerovi dipsape liquatur? Igenduc iliquia voloriam et es consed eosandanist eatur, qui corectatur? Ut odis eligendi cus molorem poraestio blaborro eveles maio blat lita dus, simus. Boreptate conse velicto taepudam alis il idic totas nisint ut quaspicipis si Atint, alitaquo eariaes truptatur rem id qui invelec atquasp iducium eum quas sit ani ne officium exeruptatur sunt, cus, odis aut esequo illabor repta sundis et rerchil iberepr atatis es et faccus volescia plique voluptia voluptatiunt aliquia di beri nem consecto mi, nobist mi, iduci corundit fuga. Eped ea quaepta temquo te mo beatestibus sum qui ut alibusci cum rerovid uciendus, conseque rem cullam qui dolum dolorio ratectem in pre erias autenducit, sus as dipit verum endis vit facienietur maionsedi dolore voloris mo tet dolupisimint ilibus iur ad quibusam et pario quam quia erro odita voluptatur? Atint, alitaquo eariaes truptatur rem id qui invelec atquasp iducium eum quas sit ani ne officium exeruptatur sunt, cus, odis aut esequo illabor repta sundis et rerchil iberepr atatis es et faccus volescia plique voluptia voluptatiunt aliquia di beri nem consecto mi, nobist mi, iduci corundit fuga. Eped ea quaepta temquo te mo beatestibus sum qui ut alibusci cum rerovid uciendus, conseque rem cullam qui dolum dolorio ratectem Kaltes im WInter as aut eatempos prorio. Ehent quas coratem asperfe recullatet parchic te sunto omnim id mosto bea veleni omnimen imenisinis cullaut fugit ilicat laborrum aut as endemquam veliquodis rerovitiatia sentia nonsendae prero te eum ipsam, sim quo Nicht konkurrieren, sondern ergänzen Häufig ziehen nicht nur ein, sondern gleich zwei oder mehrere Elemente die Blicke auf sich. Dies ist völlig in Ordnung, solange der Layouter die Elemente nicht gegeneinander ausspielt. Im Gegenteil, die Elemente sollten sich ergänzen, sich gegenseitig hervorheben und sich bestätigen. Die Bestätigung von einer Headline beispielsweise kann mit einem ergänzenden Bild stattfinden, das in der Nähe platziert wird. Auch Farben aus der Headline, die an anderer Stelle wieder aufgenommen werden, sind ein zweiter Hingucker und unterstützen den ersten. In Abbildung 1.27 links (einer Magazinseite) ist nicht klar genug herausgestellt, worum es geht. Der Blickfang fehlt, die Seite wirkt unentschlossen. In der rechten Variante hingegen haben Headline und Tomatenbild eine harmonische Beziehung und unterstützen sich gegenseitig. Der Leser hat seinen Blickfang mit zwei nah beieinanderstehenden und sich inhaltlich ergänzenden Elementen gefunden. Dabei wurden lediglich Stand sowie Aussage des Bildes verändert, die Headline etwas vergrößert und farbig hervorgehoben. G Abbildung 1.27 Erneut links das Original, rechts die Variante. Die Bildauswahl passt jetzt besser zum Inhalt, die Textfarbe verbindet Text und Bild. 37

23 1 Grundlagen der Gestaltung IHR MOBILES REISEBÜRO Sandra Buch selbständige Reiseberaterin arbeitet für Sie flexibel auch am Abend und am Wochenende berät persönlich und kompetent bei Ihnen zu Hause, in Ihrem Büro, am Telefon ohne jegliche Mehrkosten im Vergleich zum klassischen Reisebüro oder im Internet Falsche Eitelkeit Ein Blickfang kann aber auch falsch gesetzt werden. Die Inhaberin des mobilen Reisebüros in Abbildung 1.28 hat sich selbst als Blickfang platziert ihr Name und ihr Bild ziehen den ersten Blick des Betrachters auf sich, geben aber keine Auskunft, worum es sich handelt. An dieser Stelle korrigieren wir zunächst nur den Blickfang, indem wir die Person zurücknehmen und das mobile Reisebüro, um das es ja eigentlich geht, als Blickfang verwenden. Dadurch haben wir schon einmal die halbe Miete der Leser erkennt nun sofort, worum es sich in der Anzeige handelt. Trotzdem sieht die Anzeige jetzt zwar besser, aber noch nicht wirklich gut aus. Was ist es, das noch nicht stimmt? Wenn... und bietet Ihnen folgende Leistungen: Vermittlung von Pauschalreisen und Kreuzfahrten aller namhafter Veranstalter Erstellung von individuellen Reisen (Bausteinen) Vermittlung von Flügen Mietwagen und Hotelleistungen Reiseversicherungen Sonder- und Last-Minute-Angebote Profitieren Sie von mehr als 15 Jahren Branchenerfahrung! Sie wünschen eine persönliche und erfahrene Urlaubsberaterin? - rufen Sie mich an!... und Ihre Erholung beginnt bereits beim Buchen Ihrer Reise... Sandra Buch Tel.: / Handy: 0177 / sandra.buch@reisebuero.de wir diese Frage beantworten wollen, landen wir bei unserer zweiten Grundregel, die Thema des nächsten Abschnitts ist. Abbildung 1.28 G E Oben das Original, rechts die korrigierte Version. Oben ist abgesehen von der unnötigen Sperrung der Schrift der Blickfang nicht klar gesetzt. In der verbesserten Variante sehen wir auf den ersten Blick, was beworben wird. Trotzdem gibt es noch genügend Material, das verbessert werden muss, wie wir auf den nächsten Seiten sehen werden. Rufen Sie mich an und Ihre Erholung beginnt bereits beim Buchen Ihrer Reise... Sandra Buch arbeitet für Sie flexibel auch am Abend und am Wochenende berät persönlich und kompetent bei Ihnen zu Hause, in Ihrem Büro, am Telefon ohne jegliche Mehrkosten im Vergleich zum klassischen Reisebüro oder im Internet DAS MOBILE REISEBÜRO... und bietet Ihnen folgende Leistungen: Vermittlung von Pauschalreisen und Kreuzfahrten aller namhafter Veranstalter Erstellung von individuellen Reisen (Bausteinen) Vermittlung von Flügen Mietwagen und Hotelleistungen Reiseversicherungen Sonder- und Last-Minute-Angebote Profitieren Sie von mehr als 15 Jahren Branchenerfahrung! Sie wünschen eine persönliche und erfahrene Urlaubsberaterin? Sandra Buch Tel.: / Handy: 0177 / sandra.buch@reisebuero.de 38

24 Die zweite Grundregel: Gruppen Die zweite Grundregel: Gruppen Hier eine Info, dort etwas Farbiges, da hinten eine weitere Info: Wer so layoutet, hat Angst, Entscheidungen zu treffen, was zusammengehört, und vielleicht hat er auch Angst vor freiem Raum. Beides ist nicht nur unnötig, sondern sogar kontraproduktiv, denn bei solch einer Gestaltung wird der Betrachter entweder überfordert oder schlichtweg vergrault. Was zusammengehört, soll zusammenstehen Die zweite Grundregel der Gestaltung besagt, Gruppen zu bilden, Zugehörigkeiten zu schaffen. Dabei sollen zusammengehörende Objekte auch zusammenstehen, optisch eine Gemeinschaft bilden. So kann der Betrachter auf einen Blick sehen, welche Informationen zusammengehören. Leerräume zwischen den einzelnen Gruppen verdeutlichen, dass eine Gruppe endet und eine neue Gruppe beginnt. Ein Druck erzeugnis, bei dem die Zusammengehörigkeit von bestimmten Inhalten auch visuell umgesetzt wurde, wirkt übersichtlich und strukturiert und erleichtert das Lesen. Auch bei dieser Regel heißt es, Entscheidungen zu treffen. Ein Druckerzeugnis ohne Gruppen wirkt grundsätzlich durcheinander, die Texte und Bilder wirken, als wären sie in ein Säckchen gepackt und von oben auf die Seite geworfen. H Abbildung 1.29 Ein schönes Beispiel, bei dem Textelemente und Bilder ein bisschen hier und ein bisschen dort platziert wurden wie aus einem Säckchen über dem Papier ausgeschüttet und zufällig irgendwo gelandet. 39

25 1 Grundlagen der Gestaltung World of Relax Lohoff Gründel Chief Executive Officer FarewellAG World of Relax Justus-Grimm-Straße Andacht Germany T F Abbildung 1.30 G E Die Visitenkarte oben ohne Gruppen, rechts mit den gruppierten Text elementen Minimale Änderungen In Abbildung 1.30 ist in der oberen Variante eine Visitenkarte zu sehen, bei der sämtliche Informationen bis auf das Firmenlogo in der gleichen Schriftgröße mit gleichem Zeilenabstand gesetzt sind. Räume zwischen den Zeilen wurden nicht eingefügt. In der korrigierten Fassung rechts darunter sind lediglich zwei Räume eingefügt worden, so dass drei Textgruppen entstehen. Die Textzeilen sind nun entsprechend ihrem Inhalt gruppiert, die Visitenkarte wirkt dadurch World of Relax Lohoff Gründel Chief Executive Officer FarewellAG World of Relax Justus-Grimm-Straße Andacht Germany T F sofort übersichtlicher und geordneter. Erinnern Sie sich an die Anzeige des mobilen Reisebüros der vorhergehenden Seite? In Abbildung 1.32 wurde die Grundregel Nummer 2: Gruppen ebenfalls angewendet. Schon sieht das Ganze sehr viel besser aus. Noch ein bisschen umgestellt, unwesentlich gekürzt und mit ein paar Bildern versehen macht das Ganze gleich einen ganz anderen Eindruck. Abbildung 1.31 G E Der Einkaufsshopper; oben ist schlecht zu erkennen, welche Textzeilen zu welchem Preis gehören. Rechts ist die Zusammengehörigkeit durch Gruppen verdeutlicht. 40

26 Die zweite Grundregel: Gruppen 1.4 Rufen Sie mich an und Ihre Erholung beginnt bereits beim Buchen Ihrer Reise... Sandra Buch arbeitet für Sie flexibel auch am Abend und am Wochenende berät persönlich und kompetent bei Ihnen zu Hause, in Ihrem Büro, am Telefon ohne jegliche Mehrkosten im Vergleich zum klassischen Reisebüro oder im Internet DAS MOBILE REISEBÜRO... und bietet Ihnen folgende Leistungen: Vermittlung von Pauschalreisen und Kreuzfahrten aller namhafter Veranstalter Erstellung von individuellen Reisen (Bausteinen) Vermittlung von Flügen Mietwagen und Hotelleistungen Reiseversicherungen Sonder- und Last-Minute-Angebote Profitieren Sie von mehr als 15 Jahren Branchenerfahrung! Sie wünschen eine persönliche und erfahrene Urlaubsberaterin? Sandra Buch Tel.: / Handy: 0177 / sandra.buch@reisebuero.de F H Abbildung 1.32 Im Vergleich zur vorhergehenden Version auf Seite 38 sehen wir links schon eine Verbesserung: Deutliche Gruppen verschaffen einen Überblick. Unten eine überarbeitete Version, in der noch am Hintergrund und am Stand der Texte gearbeitet wurde. Sandra Buch, selbständige Reiseberaterin arbeitet für Sie flexibel auch am Abend und am Wochenende. berät persönlich und kompetent bei Ihnen zu Hause, in Ihrem Büro, am Telefon ohne jegliche Mehrkosten im Vergleich zum klassischen Reisebüro oder im Internet IHR MOBILES REISEBÜRO... und bietet Ihnen folgende Leistungen: Vermittlung von Pauschalreisen und Kreuzfahrten aller namhafter Veranstalter Erstellung von individuellen Reisen (Bausteinen) Vermittlung von Flügen Mietwagen und Hotelleistungen Reiseversicherungen Sonder- und Last-Minute-Angebote Sandra Buch Tel.: / Handy: 0177 / sandra.buch@reisebuero.de Rufen Sie mich an und Ihre Erholung beginnt bereits beim Buchen Ihrer Reise... Die Zwischenüberschriften zuordnen Häufig wird der Fehler gemacht, dass Zwischenüberschriften nicht eindeutig zugeordnet werden. Dann hat der Layouter den Abstand zwischen Zwischenüberschrift und vorherigem Grundtext genauso groß gehalten wie den Abstand zwischen der Zwischenüberschrift und dem nachfolgenden, also inhaltlich zur Zwischenüberschrift gehörenden Folgetext. Häufig wird dies auch aus Bequemlichkeit gemacht eine Leerzeile vor, eine nach der Zwischenüberschrift. Damit widerspricht man aber der Grundregel Nummer 2: Gruppen, die besagt, dass inhaltlich zusammengehörende Objekte zusammenstehen sollen. Eine Zwischenüberschrift sollte also immer näher bei dem Text stehen, zu dem sie gehört. 41

27 1 Grundlagen der Gestaltung Abbildung 1.33 H Im oberen Bild sind die Zwischenüberschriften nur mit einer Leerzeile über und unter dem Text abgetrennt. In Abbildung 1.33 ist im oberen Beispiel die Zwischenüberschrift mit einer Leerzeile nach oben und unten abgegrenzt und zudem weder typografisch noch optisch hervorgehoben. Ergebnis ist ein wirres Durcheinander. Im korrigierten Beispiel wird klar, welche Textblöcke zueinandergehören, der Leser kann klar zuordnen und so auch beispielsweise viel leichter querlesen und die Seite nach den für ihn wichtigen Informationen überfliegen. Das Angebot des Yogazentrums Die Ziele des Yogazentrums Über uns und das Yogazentrum Um cupist et aceaquisque num hicatemo quia intenis dolores delibus ipid min et omnimi, quidess intotae a cus que dolo eumqui omnissecab ilicien ditendus aut andenda volupti onsequo et moluptatem aciatis et lab intia conserumqui resectotae cum eumquam ut et etum, conem fugiamus verupit fuga eumquam ut et etum, conem fug Yoga verbindet Os rem landand anducia necuptas ut volorio delent anime vendi test, eturitium expliquas ant ommos et et quoditamus Die Auswahl voloreruntum sandesciur solupta sperspedio quo dolore sim Os rem landand anducia necuptas ut volorio delent anime vendi test, eturitium expliquas ant ommos et et quoditamu voloreruntum sandesciur solupta sperspedio quo dolore sim andesciur solupta sperspe Um cupist et aceaquisque num hicatemo quia intenis dolores delibus ipid min et omnimi, quidess intotae a cus que dolo eumqui omnissecab ilicien ditendus aut andenda volupti onsequo et moluptatem aciatis et lab intia conserumqui resectotae Wir alle sind auf dem Weg Os rem landand anducia necuptas ut volorio delent anime vendi test, eturitium expliquas ant ommos et et quoditamus voloreruntum fuga eumquam ut et etum, In der Gruppe entspannen sandesciur solupta sperspedio quo dolore sim Os rem landand anducia necuptas ut volorio delent anime vendi test, eturitium expliquas ant ommos et et quoditamus voloreruntum sandesciur solupta Das Programm sperspedio quo dolore sim xpliquas ant ommos et et quoditamus voloreruntum sandesciur solupta sperspedio quo dolore simxpliquas ant ommos et et quoditamus volorer- Um cupist et aceaquisque num hicatemo quia intenis dolores delibus ipid min et omnimi, quidess intotae a cus que dolo eumqui omnissecab ilicien ditendus aut andenda volupti onsequo et moluptatem aciatis et lab intia conserumqui resectotae cum eumquam ut et etum, conem fugiamus verupit fuga eumquam ut et etum, conem fug Os rem landand anducia necuptas ut volorio delent anime vendi test, eturitium expliquas ant ommos et et quoditamus voloreruntum fuga eumquam ut et Über uns sandesciur solupta sperspedio quo dolore sim Os rem landand anducia necuptas ut volorio delent Das Angebot des Yogazentrums Die Ziele des Yogazentrums Über uns und das Yogazentrum Um cupist et aceaquisque num hicatemo quia intenis dolores delibus ipid min et omnimi, quidess intotae a cus que dolo eumqui omnissecab ilicien ditendus aut andenda volupti onsequo et moluptatem aciatis et lab intia conserumqui resectotae cum eumquam ut et etum, conem fugiamus verupit fuga eumquam ut et etum, conem fug Yoga verbindet Os rem landand anducia necuptas ut volorio delent anime vendi test, eturitium expliquas ant ommos et et quoditamus Die Auswahl voloreruntum sandesciur solupta sperspedio quo dolore sim Os rem landand anducia necuptas ut volorio delent anime vendi test, eturitium expliquas ant ommos et et quoditamu voloreruntum sandesciur solupta sperspedio quo dolore sim andesciur solupta sperspe Um cupist et aceaquisque num hicatemo quia intenis dolores delibus ipid min et omnimi, quidess intotae a cus que dolo eumqui omnissecab ilicien ditendus aut andenda volupti onsequo et moluptatem aciatis et lab intia conserumqui resectotae cum eumquam ut et etum, conem fugiamus verupit fuga eumquam ut et etum, conem fug Wir alle sind auf dem Weg Os rem landand anducia necuptas ut volorio delent anime vendi test, eturitium expliquas ant ommos et et quoditamus voloreruntum fuga eumquam ut et etum, In der Gruppe entspannen sandesciur solupta sperspedio quo dolore sim Os rem landand anducia necuptas ut volorio delent anime vendi test, eturitium expliquas ant ommos et et quoditamus voloreruntum sandesciur solupta Das Programm sperspedio quo dolore sim xpliquas ant ommos et et quoditamus voloreruntum sandesciur solupta sperspedio quo dolore simxpliquas ant ommos et et quoditamus voloreruntum sandesciur solupta sperspedio quo dolore sim Um cupist et aceaquisque num hicatemo quia intenis dolores delibus ipid min et omnimi, quidess intotae a cus que dolo eumqui omnissecab ilicien ditendus aut andenda volupti onsequo et moluptatem aciatis et lab intia conserumqui resectotae cum eumquam ut et etum, conem fugiamus verupit fuga eumquam ut et etum, conem fug Os rem landand anducia necuptas ut volorio delent anime vendi test, eturitium expliquas ant ommos et et quoditamus voloreruntum fuga eumquam ut et Über uns sandesciur solupta sperspedio quo dolore sim Os rem landand anducia necuptas ut volorio delent 42

28 Die dritte Grundregel: Wiedererkennung Die dritte Grundregel: Wiedererkennung Hier ein Blümchen, dort ein Vögelchen, ein Reh als Logo und eine grüne Linie unter den Text? Der Flyer zur Sonderveranstaltung im Zoo ist fertig, doch erkennt ein Leser wirklich problemlos, dass es sich um einen Flyer für den Zoo handelt? Wiederholung bedeutet Konsistenz Durch Wiederholungen erhält der Leser einen schnelleren und damit besseren Überblick. Wiederholung bedeutet Konsistenz, und dies wiederum verleiht dem Druckerzeugnis eine klare Linie. Auch im Kleinen, nämlich bei der Gestaltung der Zwischenüberschriften, Aufzählungszeichen oder anderer typografischer Elemente ist eine wiederkehrende Auszeichnung enorm wichtig. Denn dadurch kann sich der Leser orientieren. Ein kleines Beispiel verdeutlicht, was passiert, wenn verschiedene Aufzählungszeichen verwendet werden. In diesem Fall entsteht Verwirrung, der Leser fragt sich automatisch, ob die verschiedenen Zeichen auch verschiedene Bedeutungen haben. Mit gleichen Aufzählungszeichen wird die Zusammengehörigkeit klar. Ähnlich verhält es sich mit der Farbwahl: Das Lila aus den Blumen in Abbildung 1.34 wird zwar in der Headline, nicht aber im Aufkleber wiederholt. Der grüne Aufkleber scheint keine Verbindung zum Rest der Karte zu haben; eine einfache Farbkorrektur bringt»eine Linie«hinein. Abbildung 1.34 H E Verschiedene Aufzählungszeichen rechts oben verwirren. Links unten ist durch die gleichen Aufzählungszeichen sofort klar, dass die Attribute zusammengehören. Das Lila im Aufkleber rechts unten rundet die Anzeige ab. Rollomat DSF 180 Ihre Nutzenvorteile auf einen Blick: Hitzeschutz Kälteschutz Hagelschutz Abdunkelung Schallschutz Einbruchschutz Mehr als zufriedene Kunden Rollomat DSF 180 Ihre Nutzenvorteile auf einen Blick: Hitzeschutz Kälteschutz Hagelschutz Abdunkelung Schallschutz Einbruchschutz Mehr als zufriedene Kunden Rollomat DSF 180 Ihre Nutzenvorteile auf einen Blick: Hitzeschutz Kälteschutz Hagelschutz Abdunkelung Schallschutz Einbruchschutz Mehr als zufriedene Kunden 43

29 1 Grundlagen der Gestaltung Wiederholung von Stilelementen Durch die Wiederholung von Stilelementen prägen wir sie uns besser ein und verbinden sie automatisch mit dem Produkt. Die Yogaschule hat ein einprägsames Logo, das bereits auf den Innenseiten auftaucht und jetzt auch auf dem Titel. Der Grafiker hat es in unterschiedlichen Größen und mit unterschiedlicher Lautstärke verwendet, wodurch es mal mehr und mal weniger im Vordergrund steht und das Erscheinungsbild der Schule prägt. Auch auf der Visitenkarte der Yogalehrerin ist das Zeichen unabkömmlich, auch wenn es wieder abgewandelt wird oder nur teilweise zu sehen ist. Abbildung 1.35 H Links der eingeklappte Teil, in der Mitte die Rückseite inklusive Wegbeschreibung und rechts der Titel des Flyers in DIN Lang. Das Logo der Yogaschule wird auf verschiedene Arten wiederholt. VERONICA MENGES staatlich anerkannte Yogalehrerin, Übungsleiterin in Hatha Yoga, Business Yoga, Meditation, Mantras Um cupist et aceaquisque num hicatemo quia intenis dolores delibus ipid min et omnimi, quidess intotae a cus que dolo eumqui omnissecab ilicien ditendus aut andenda volupti onsequo et moluptatem aciatis et lab intia conserumqui resectotae cum eumquam ut et etum, conem fugiamus verupit fuga eumquam ut et etum, conem fug Os rem landand anducia necuptas ut volorio delent anime vendi test, eturitium expliquas ant ommos et et quoditamus voloreruntum sandesciur solupta sperspedio quo dolore sim Os rem landand anducia necuptas ut volorio delent anime vendi test, eturitium expliquas ant ommos et et quoditamus voloreruntum sandesciur solupta sperspedio quo Auf dem Weg Yoga-Praxis Veronica Menges Mohrenstraße Berlin Telefon Fax veronica@yoga.de web vernonica-yoga.de Auf dem Weg Praxis für Hatha Yoga und Business-Yoga 44

30 Die dritte Grundregel: Wiedererkennung 1.5 Auf dem Weg Yoga-Praxis Veronica Menges Mohrenstraße Berlin Telefon Fax web F H Abbildung 1.36 Ob negativ gestellt, groß oder klein wichtig ist, dass Elemente und Farben in allen Werbemitteln durchgängig vorkommen. Auf dem Weg Yoga-Praxis Veronica Menges H Abbildung 1.37 Die drei Innenseiten des Flyers, auf denen ebenfalls mit dem Logo gespielt wird. Auch eine durchgängige Farbkonsistenz verhilft zum einheitlichen Erscheinungsbild. Mohrenstraße Berlin Telefon Fax veronica@yoga.de web Das Angebot des Yogazentrums Um cupist et aceaquisque num hicatemo quia intenis dolores delibus ipid min et omnimi, quidess intotae a cus que dolo eumqui omnissecab ilicien ditendus aut andenda volupti onsequo et moluptatem aciatis et lab intia conserumqui resectotae cum eumquam ut et etum, conem fugiamus verupit fuga eumquam ut et etum, conem fug Yoga verbindet Os rem landand anducia necuptas ut volorio delent anime vendi test, eturitium expliquas ant ommos et et quoditamus Die Auswahl voloreruntum sandesciur solupta sperspedio quo dolore sim Os rem landand anducia necuptas ut volorio delent anime vendi test, eturitium expliquas ant ommos et et quoditamu voloreruntum sandesciur solupta sperspedio quo dolore sim andesciur solupta sperspe Die Ziele des Yogazentrums Um cupist et aceaquisque num hicatemo quia intenis dolores delibus ipid min et omnimi, quidess intotae a cus que dolo eumqui omnissecab ilicien ditendus aut andenda volupti onsequo et moluptatem aciatis et lab intia conserumqui resectotae cum eumquam ut et etum, conem fugiamus verupit fuga eumquam ut et etum, conem fug Wir alle sind auf dem Weg Os rem landand anducia necuptas ut volorio delent anime vendi test, eturitium expliquas ant ommos et et quoditamus voloreruntum fuga eumquam ut et etum, In der Gruppe entspannen sandesciur solupta sperspedio quo dolore sim Os rem landand anducia necuptas ut volorio delent anime vendi test, eturitium expliquas ant ommos et et quoditamus voloreruntum sandesciur solupta Das Programm sperspedio quo dolore sim xpliquas ant ommos et et quoditamus voloreruntum sandesciur solupta sperspedio quo dolore simxpliquas ant ommos et et quoditamus voloreruntum sandesciur solupta sperspedio quo dolore sim Über uns und das Yogazentrum Um cupist et aceaquisque num hicatemo quia intenis dolores delibus ipid min et omnimi, quidess intotae a cus que dolo eumqui omnissecab ilicien ditendus aut andenda volupti onsequo et moluptatem aciatis et lab intia conserumqui resectotae cum eumquam ut et etum, conem fugiamus verupit fuga eumquam ut et etum, conem fug Os rem landand anducia necuptas ut volorio delent anime vendi test, eturitium expliquas ant ommos et et quoditamus voloreruntum fuga eumquam ut et Über uns sandesciur solupta sperspedio quo dolore sim Os rem landand anducia necuptas ut volorio delent 45