Inhalt. 1 Grundlagen der Gestaltung. Vorwort... 17

Transkript

1 Vorwort Grundlagen der Gestaltung 1.1 Das Druckerzeugnis gibt den Ton an Variablen bei der Gestaltung Erste Frage: Um welche Art des Lesens handelt es sich? Zweite Frage: Wie sind die Leseumstände? Dritte Frage: Welche Zielgruppe und welcher? Vierte Frage: Welche Absicht steht dahinter? Alle Antworten gefunden? Für jede Leseart die richtige Typografie Das lineare Lesen Ästhetische und optische Auszeichnungen Das informierende Lesen Das konsultierende Lesen Das differenzierende Lesen Das inszenierende Lesen Reihenfolge der Gestaltung Die Reihenfolge einhalten 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

2 1.5 Die zweite Grundregel: Gruppen Was zusammengehört, soll zusammenstehen Minimale Änderungen mit großer Wirkung Zwischenüberschriften zuordnen Die dritte Grundregel: Wiedererkennung Wiederholung bedeutet Konsistenz Wiederholung von Stilelementen Wiedererkennung durch Logos Durch Sehgewohnheiten Sicherheit schaffen In der Werbung... 49»Print wirkt«beweist Gewohnheiten Auf den Punkt: Gestaltungsgrundlagen Variablen bei der Gestaltung Grundregeln der Gestaltung Layout 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 Optimales Teilungsverhältnis: Goldener Schnitt und Co Der Goldene 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 Für Fortgeschrittene: Tatsächliche Höhe eines Satzspiegels Satzspiegel mit Marginalienspalte Das Gestaltungsraster Was nutzt uns ein Gestaltungsraster? Wie entsteht ein Gestaltungsraster? Grob oder fein Kreativität in Ketten? Lesefluss hat Vorrang 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 Tipps für ein professionelles Layout 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

3 Größe und Format Das Raster im Web Zentriertes Layout Responsive Design Single Page Design Bilder im Rahmen Auf den Punkt: Layout Formen 3.1 Welche Wirkung haben Formen? 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? Formen im Logodesign Entwicklung neuer Formen Die richtige Gewichtung 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 Das Figur-Grund-Gesetz (Rubin'sche Vase) Vordergrund und Hintergrund Anordnung und Kombination 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 Formen im Web Bedeutung von Formen Es ist immer noch rund Rahmen auf Websites Die passenden Symbole Auf den Punkt: Formen Farben 4.1 Wieso wirken Farben? Farbe in der Werbung Psychologie und Symbolik Kultur und Tradition Schwingungen Was passt zu mir? Farbe als Medizin Farbräume Moderne Farbenlehre Farbwert, Sättigung, Helligkeit (HSB) Additive Farbmischung (RGB) Monitor und Fernseher Subtraktive Farbmischung (CMYK und andere) Farbmusterbücher RGB oder CMYK? Sonderfarben Fünfte Farbe Sonderfarbe und Reproduzierbarkeit Rechenbeispiel Vier plus

4 Violett Gelb Dotter Blau Orange Cyan Rot Magenta Grün Lila Lind Türkis 4.3 Der Farbkreis Isaac Newton Johann Wolfgang von Goethe Johannes Itten Basis Farbkreis Verwandte und komplementäre Farben Farbkontrast Farbkontraste nach Itten Kontraste in der Praxis Farbharmonie Harmonischer Blickfang Komplementäre Farbharmonien Winkelharmonie Harmonischer Dreiklang Harmonie mit mehr Farben Monochrom Nicht immer nach Vorgabe wählen Wie viele hätten s denn gern? Objektabhängige Farbwahl Gestalterisch kritisch der Verlauf Wie Farben wirken Die fünf Punkte von Itten zur Wirkung Grundsätze zur Farbwirkung 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ß Farbwahl am Beispiel Beispiel: Sport und Gesundheit Beispiel: Naturholzmöbel Die richtige Farbe finden Die Farbe in unseren Grundregeln Farbe im Webdesign Übersicht an erster Stelle Weniger ist mehr Die Farbwahl für das Web Der Transparenz-Trend Für genügend Kontrast sorgen Weniger Einfluss Websichere Farben Auf den Punkt: Farbe Bilder 5.1 Ein Bild, was ist das eigentlich? Infografiken Piktogramme und Symbole Die Fotografie Woher nehmen und nicht stehlen? Bildagenturen für Groß und Klein Lizenzfrei und lizenzpflichtig Die Bildwirkung Die Kunst, mit Bildern Stimmungen einzufangen Die Fotografie und ihre Wirkung Der Bildabgleich mit dem Gedächtnis Ein Bild weckt Emotionen Die gefährliche Macht der Bilder 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 Tiefe, Kontrast, Schärfe

5 Bildwirkung am Beispiel Porträt Blickrichtung Serienbilder Die Technik dahinter Pixeldaten Auflösung für den Druck Raster im Druck Auflösung für das Internet Vektordaten Format für den Druck: TIFF Format für den Druck: EPS Unbehandelt: RAW und DNG Der Allrounder: PDF Bilder im Web Header oder Schmuck Bildertechnik Das animierte GIF PNG mit Transparenzen JPEG, das Komprimierte SVG und SWF Auf den Punkt: Bilder 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 Die richtige Schrift wählen Die Lesbarkeit Nicht lesefreundlich Die Größe der Schrift Die Wirkung der Schrift Die Einprägsamkeit Das Angebot Freeware und Shareware Hochwertige Lizenzschriften Schriften kombinieren 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 Kurzer Überblick über die Faktoren zur Lesbarkeit Gliedern schafft Überblick Möglichkeiten zur Gliederung Besonderheiten bei größeren Textmengen

6 6.7 Effekte Die Schrift verzerren Rund- und Formsatz Formen umfließen Farbverläufe im Text Die rote Liste in der Praxis Schrift imweb Die Schriftproblematik Schrift als Grafik CSS3 und 296 Struktur und Textmenge Zeilenlänge, -abstand und Laufweite Ausrichtung Typo-Trends Fehler und Tipps Schrifttechnik Die Programmiersprache PostScript TrueType OpenType Schriftpraxis am Beispiel Beispiel: Redesign einer Anzeige Beispiel: Werbepostkarte gestalten Auf den Punkt: Schrift Ausgabe 7.1 Farbwiedergabe im Druck Farbe und Licht Farbe und Druck Farbe und Papier Farbwiedergabe im Druck optimieren Farbmusterbücher Farbmanagement Kalibrierung Geräteabhängiger Farbraum Geräteunabhängiger Farbraum CIELab Farbprofil Farbe in Photoshop und InDesign Vorgaben Grundsätzliche Empfehlungen Großer Farbumfang Für die Ausgabe kontrollieren Farben in InDesign Separation Separationsvorschau Transparenzen Transparenz reduzieren Zeitpunkt der Reduzierung InDesign und Acrobat Pro Native Transparenz Kritische Anwendungen Drucktechnische Besonderheiten Aussparen, Überdrucken Blitzer und Anschnitt Schwarz überdrucken Besonderheiten bei Farbbildern Tonwert- oder Punktzuwachs Gesamtfarbauftrag Unbuntaufbau Papier Format Laufrichtung Ungestrichenes Papier Gestrichenes Papier Vor- und Nachteile Papiergewicht oder Grammatur Grammatur-Standards Tinten- und Laserdrucker Bindung Verschiedene Methoden

7 7.6 Datenübergabe per PDF Dateiformat PDF Was ist ein PDF? Offene Datei Beschränktes Editieren des PDF PDF erstellen Export-Settings Offene Datei weitergeben Häufige Fehler bei der PDF-Erstellung Bilder Strichzeichnungen Maximaler Farbauftrag Farbnamen Farbauszüge Transparenz Schriften Linienstärke Überfüllen Anschnitt Bundzuwachs Auf den Punkt: Ausgabe Ergänzender Bildnachweis Index