Zusammenfassung: Das Prinzip der Nähe. 32. Das grundlegende Ziel. 32 Wie Sie es erreichen. 32 Was Sie vermeiden sollten. 32

Transkript

1

2 Inhalt 1 Eignet sich dieses Buch für Sie? 10 Designprinzipien Das Palmlilien-Gleichnis 11 Die vier Prinzipien Nähe 15 Zusammenfassung: Das Prinzip der Nähe 32 Das grundlegende Ziel 32 Wie Sie es erreichen 32 Was Sie vermeiden sollten 32 Ausrichtung 33 Zusammenfassung: Ausrichtung 50 Das grundlegende Ziel 50 Wie Sie es erreichen 50 Was Sie vermeiden sollten 50 Wiederholung 51 Zusammenfassung: Wiederholung 64 Das grundlegende Ziel 64 Wie Sie es erreichen 64 Was Sie vermeiden sollten 64 Kontrast 65 Zusammenfassung: Kontrast 80 Das grundlegende Ziel 80 Wie Sie es erreichen 80 Was Sie vermeiden sollten 80

3 6 7 8 Rückblick 81 Nähe 82 Ausrichtung 83 Wiederholung 84 Kontrast 85 Mini-Quiz 1: Gestaltungsprinzipien 86 Mini-Quiz 2: Gestalten Sie diese Anzeige um 87 Zusammenfassung 90 Farbe einsetzen 91 Das erstaunliche Farbrad 92 Farbbeziehungen 93 Komplementär 94 Triaden 95 Teilkomplementäre Farbharmonien 96 Analogfarben 97 Schattierungen und Farbtöne 98 Eigene Schattierungen und Farbtöne 99 Monochromatische Farben 100 Schattierungen und Farbtöne kombinieren 101 Achten Sie auf die Töne 102 Warme und kühle Farben 103 Wie beginnen Sie mit der Farbwahl? 104 cmyk und rgb; Druck und Web 106 Eine Geschäftsausstattung gestalten 110 Visitenkarten 111 Tipps zur Gestaltung von Visitenkarten 114 Format 114 Schriftgröße 114 Gestalten Sie auf allen Drucksachen ein konsistentes Image 114 Briefpapier und Umschläge 115 Tipps für die Gestaltung von Briefpapier und Umschlägen 118 Umschlaggröße 118 Einen Blickpunkt gestalten 118 Ausrichtung 118 Zweite Seite 118 Faxen und kopieren 118 Scheuen Sie sich nicht, kleine Schriften oder Grafikelemente einzusetzen 119

4 6 inhalt Schrecken Sie nicht vor der Verwendung großer Schriften oder Grafikelemente zurück 120 Platzieren Sie Elemente ruhig auch an ungewöhnlichen Positionen 122 Scheuen Sie sich nicht, die beschreibbare Fläche mit einem Bild zu füllen 124 Sehen Sie sich um 127 Flyer 128 Tipps zur Gestaltung von Flyern 131 Einen Blickfang erzeugen 131 Verwenden Sie kontrastierende Zwischentitel 131 Wiederholung 131 Ausrichtung 131 Sehen Sie sich um 141 Newsletter 142 Tipps zur Gestaltung von Newslettern 145 Ausrichtung 145 Absatzeinzüge 145 Keine Helvetica! 145 Ein lesbarer Textkörper 145 Zusatzwissen: Newsletter-Titel 146 Faltblätter 152 Tipps zur Gestaltung von Broschüren 155 Kontrast 155 Wiederholung 155 Ausrichtung 155 Nähe 155 Postkarten 156 Tipps zur Gestaltung von Postkarten 159 Was möchten Sie erreichen? 159 Erlangen Sie die Aufmerksamkeit 159 Kontrast 159 Zeitungsanzeigen 160 Tipps zur Gestaltung von Zeitungsanzeigen 163 Kontrast 163 Schriftwahl 163 Negativschrift 163 Zusatzwissen: Schwarzweißanzeigen 164 Blickpunkt 166 Trennen Sie sich von Überflüssigem 166 Nähe 166 Leerraum 166 Tipp zur Schriftwahl 167

5 inhalt 7 Kontrast 167 Zusatzwissen: Farbanzeigen 172 Sehen Sie sich um 180 Webseiten 181 Tipps zur Gestaltung von Webseiten 184 Wiederholung 184 Klarheit/Lesbarkeit Weitere Tipps 185 Rechnungen und Formulare 185 Das Geheimnis guter Formulare 186 Beispiele 188 Sie brauchen nichts weiter als die Grundprinzipien 190 Übersichtlichkeit 191 Tabellen- oder Datenbankformulare 192 Webformulare 193 Ideen 194 Linien 194 Dünne Linien 194 Dickere, graue Linien 194 Gepunktete Linien 194 Gestrichelte Linien 194 Dickere Linien in heller Farbe 194 Kästen 195 Kästchen zum Ankreuzen 195 Sehen Sie sich um 196 Inhaltsverzeichnisse 197 Füllzeichen 197 Was Sie nicht tun sollten 198 Möglichkeiten 200 Logos 208 Ein Logo gestalten 209 Unterschiedliche Dateien, verschiedene Anwendungen 210 Reine Textlogos 211 Schriftkombinationen 213 Ändern Sie einen Buchstaben ab 216 Elemente hinzufügen 218 Clipart hinzufügen 220 Illustrationen hinzufügen 222 Sehen Sie sich um 224

6 8 inhalt Gestalten mit Schrift Schrift (& Leben) 227 Übereinstimmung 228 Konflikt 230 Kontrast 232 Zusammenfassung 234 Schriftkategorien 235 Renaissance-Antiqua 236 Klassizistische Antiqua 237 Egyptienne 238 Grotesk 239 Schreibschrift 241 Zierschrift 242 Arbeiten Sie bewusst 243 Mini-Quiz 3: Schriftkategorien 243 Mini-Quiz 4: Dick/Dünn-Variationen 244 Mini-Quiz 5: Serifen 245 Zusammenfassung 246 Schriftkontraste 247 Größe 248 Stärke 252 Struktur 256 Form 260 Richtung 264 Farbe 268 Kombinieren Sie Kontraste 274 Zusammenfassung 275 Mini-Quiz 6: Kontrast oder Konflikt? 276 Mini-Quiz 7: Gut und schlecht 277 Eine Übung zum Kombinieren von Kontrasten 278

7 inhalt 9 Extras Ist das denn sinnvoll? 279 Der Ablauf 280 Eine Übung 281 Okay gestalten Sie dies neu! 282 Quiz-Lösungen Schriften in diesem Buch 287 Hauptschriften 287 Klassizistische Antiqua-Schriften 287 Renaissance-Antiqua-Schriften 288 Egyptienne-Schriften 288 Grotesk-Schriften 289 Schreibschriften 290 Ornamente 290 Zierschriften 291 Anhang 292 OpenType 292 Mini-Glossar 293 Ressourcen 293 Index 294 Über dieses Buch 298

8 Nähe 215 Designneulinge machen sehr häufig immer denselben Fehler: Die Wörter, Absätze und Grafiken nehmen die gesamte Seite bis in die Ecken ein, so dass kein Leerraum mehr bleibt Es scheint eine gewisse Furcht vor Leerraum zu existieren Wenn die Bestandteile eines Layouts über die ganze Seite verstreut sind, wirkt diese Seite ungeordnet und die Informationen sind für den Leser nicht unmittelbar zugänglich Robins Gesetz der Nähe besagt, dass Sie verwandte Elemente miteinander gruppieren, sie nahe aneinanderrücken sollten, so dass die miteinander verwandten Elemente als zusammenhängende Gruppen und nicht als ein Haufen unzusammenhängender Teile wahrgenommen werden Informationselemente oder -gruppen, die nichts miteinander zu tun haben, sollten sich nicht in unmittelbarer Nähe der anderen Elemente befinden So sieht der Leser gleich, wie die Seite aufgebaut ist, und kann sich inhaltlich orientieren Ein sehr einfaches Beispiel verdeutlicht dieses Konzept Was würden Sie bezüglich der Blumen in der Liste unten links annehmen? Wahrscheinlich haben sie eine Gemeinsamkeit, nicht wahr? Was würden Sie bezüglich der Liste unten rechts annehmen? Offensichtlich unterscheiden sich die letzten vier Blumen irgendwie von den anderen Und Sie erkennen dies, ohne dass Sie sich dessen bewusst werden Sie wissen, dass die letzten vier Blumen irgendwie anders sind, weil sie vom Rest der Liste räumlich getrennt sind Das ist das Konzept der Nähe auf einer Layoutseite (und im wirklichen Leben) impliziert Nähe eine Verbindung Meine Blumen Ringelblume Stiefmütterchen Gartenraute Geißblatt Gänseblümchen Schlüsselblume Nelke Primel Veilchen Rose Meine Blumen Ringelblume Stiefmütterchen Gartenraute Geißblatt Gänseblümchen Schlüsselblume Nelke Primel Veilchen Rose Schriften Spring Regular Formata Light

9 16 Designprinzipien Betrachten Sie das folgende typische Visitenkartenlayout Wie viele einzelne Elemente sehen Sie auf dieser kleinen Fläche? Das heißt, wie oft bleibt Ihr Auge an einem Element hängen? Ralf Zecher-Stecher Neptun-Klause Brotstraße 20 Berlin Ist Ihr Auge fünfmal hängengeblieben? Natürlich es gibt fünf einzelne Elemente auf dieser kleinen Karte Wo beginnen Sie zu lesen? Wahrscheinlich in der Mitte, weil diese Zeile am fettesten gedruckt ist Was lesen Sie als Nächstes von links nach rechts (weil die deutsche Sprache in dieser Richtung gelesen wird)? Was passiert, wenn Sie in der rechten unteren Ecke angekommen sind, wohin führt Ihr Auge Sie dann? Wandert es umher, um sicherzustellen, dass Sie nichts übersehen haben? Und was passiert, wenn ich für weitere Verwirrung sorge? Ralf Zecher-Stecher Neptun-Klause Brotstraße 20 Berlin Wo beginnen Sie, nachdem es nun zwei fett gedruckte Zeilen gibt? Links oben oder in der Mitte? Wohin bewegt sich Ihr Auge, nachdem Sie diese beiden Elemente gelesen haben? Vielleicht springen Sie zwischen den fettgedruckten Wörtern hin und her und versuchen nervös, auch die Wörter in den Ecken nicht zu verfehlen? Wissen Sie, ob Sie mit dem Lesen fertig sind? Geht es Ihren Freunden genauso?

10 zwei : nähe 17 Wenn Sie mehrere Elemente in unmittelbarer Nähe zueinander anordnen, sind sie keine getrennten Einheiten mehr, sondern sie werden zu einer visuellen Einheit Wie im wirklichen Leben bedeutet Nähe eine Verbindung Gruppieren Sie ähnliche Elemente zu einer Einheit, passieren sofort mehrere Dinge: Die Seite wirkt besser geordnet Ihnen wird klar, wo Sie mit dem Lesen beginnen sollen, und Sie erkennen, wann Sie damit fertig sind Und der Leerraum, also die Fläche um die Buchstaben, wird ebenfalls automatisch besser geordnet Ein Problem bei der vorigen Karte ist, dass scheinbar keines der Elemente auf der Karte eine Verbindung zu einem anderen Element hat Es ist nicht klar, wo Sie mit dem Lesen beginnen sollen und wann Sie fertig sind Ich ändere jetzt nur eine einzige Sache an dieser Visitenkarte ich gruppiere verwandte Elemente miteinander und rücke sie näher zusammen Sehen Sie, was passiert: Neptun-Klause Ralf Zecher-Stecher Brotstraße 20 Berlin Gibt es nun irgendeinen Zweifel, wo Sie mit dem Lesen beginnen sollen? Wohin bewegen sich Ihre Augen als Nächstes? Wissen Sie, wann Sie fertig sind? Mit diesem einfachen Konzept ist diese Karte nun sowohl vom Sinn als auch vom Aussehen her wohlgeordnet Und deshalb kommuniziert sie besser Schriften Formata Light Formata Bold Condensed

11 18 Designprinzipien Unten sehen Sie einen typischen Newslettertitel Wie viele einzelne Elemente enthält dieses Layout? Hat irgendeines der Elemente hinsichtlich seiner Platzierung eine Verbindung zu einem anderen Element? Nehmen Sie sich einen Moment Zeit und entscheiden Sie, welche Elemente dichter aneinandergerückt und welche getrennt werden sollten SÜSSER SüSSer SCHWAN Schwan E e V UNTErhaLTSam, UNterhALtsAm, EXKLUSIV, exklusiv, INFormaTIV informativ ausgabe Ausgabe 26, Nr 9 DAS DaS SHAKESPEARE-MAGAZIN ShakeSpeare-Magazin oktober 2012 Schriften Palatino Light und Italic Wade Sans Light Die beiden Elemente oben links befinden sich dicht nebeneinander, wodurch eine Zugehörigkeit entsteht Aber sollen diese beiden Elemente überhaupt zusammengehören? Ist es die Gesellschaft, die amüsant und exklusiv ist, oder ist es das Shakespeare-Magazin? Was ist mit der Ausgabe und dem Datum? Diese sollten nahe beieinanderliegen, weil sie beide diese spezielle Ausgabe identifizieren Im Beispiel unten wurden die korrekten Beziehungen erzeugt Das Shakespeare-Magazin Unterhaltsam, exklusiv, informativ Süßer Schwan e V Ausgabe 26 Nummer 9 Oktober 2012 Wie Sie sehen, habe ich gleich noch ein paar andere Dinge erledigt: Ich änderte alle Texte von Versalien in Kleinbuchstaben mit den entsprechenden Großbuchstaben Dadurch erhielt ich mehr Platz und konnte den Titel größer und stärker gestalten Ich änderte die abgerundeten Ecken in scharfe Ecken, wodurch das Layout sauberer und überzeugender wirkte Ich vergrößerte den Schwan und ließ ihn über die Kante hinausragen Nur nicht so schüchtern! Weil der Text aus dem dunklen Hintergrund ausgestanzt erscheint, änderte ich die kleine Schrift in Trebuchet, so dass sie im Druck nicht zulaufen kann

12 zwei : nähe 19 Wenn Sie einen Flyer, eine Broschüre, einen Newsletter oder dergleichen gestalten, wissen Sie bereits, welche Informationen eine logische Verbindung zueinander haben, Sie wissen, welche Informationen stärker und welche schwächer betont werden sollten Drücken Sie diese Informationen grafisch aus, indem Sie sie gruppieren Analogien Blumen, Kräuter, Bäume Alte Griechen und Römer Historische Schriften Assoziationen Frauen Tod Morgen Schlangen Sprache Jambischer Pentameter Rhetorische Fragen Poetische Anklänge Sammlungen Kleine Drucke Kitsch Dingbats Themen Schurken und Heilige Drinks und Rezepte Musik Quizzes Spannende, aber schwierige Rätsel Diese Liste muss offensichtlich formatiert werden, damit sie verständlich wird Das größte Problem ist hier jedoch, dass alle Elemente miteinander benachbart sind, so dass man keine Verbindung oder Ordnung erkennen kann Analogien Blumen, Kräuter, Stauden Alte Griechen und Römer Historische Schriften Assoziationen Frauen Tod Morgen Schlangen Sprache Jambischer Pentameter Rhetorische Fragen Poetische Anklänge Sammlungen Kleine Drucke Kitsch Dingbats Themen Schurken und Heilige Drinks und Rezepte Musik Quizzes Spannende, aber schwierige Rätsel Dieselbe Liste wurde in visuelle Gruppen aufgeteilt Ich bin sicher, dass Sie dies automatisch tun ich schlage nur vor, dass Sie es nun bewusst und dadurch überzeugender tun Beachten Sie, dass ich die Überschriften mit etwas stärkerem Kontrast versehen habe Schriften Warnock Pro Light und Bold Formata Bold

13 294 index Index A Abkürzungen, chaotische, 113 Absätze erster Absatz, 145 erster Absatz nicht eingezogen, 45 keine doppelten Zeilenschaltungen, 24 Adobe Acrobat pdf, 111 OpenType, 292 Photoshop, 108, 293 Webadresse, 111, 181 Analogfarben, 97 Anführungszeichen, 90, 124 Arial/Helvetica andere Schrift für Webseiten festlegen, 184 vermeiden, 77, 145, 184 Asymmetrie, 81 Auflösung, 293 Aufzählungszeichen, 293 Auge, Fluss Beispiele, 16f, 32, 43, 52, 67, 83 Erläuterung, 293 Kontrast, 80 Leerraum, 81 Ausgerichteter Text, 40, 293 Ausrichtung, 33ff chaotische Ausrichtung, Beispiele, 44, 112, 116, 120, 132 durchbrechen, 145, 152, 155 Grundlinie eines Textes verwenden, 42, 45 Grundregeln, 13, 33ff, 83 Rückblick auf Richtlinien, 13, 83 starke, 83 Vergleich verschiedener Textausrichtungen, 37, 40 Vermischen, 68 visuelle Verbindung, 50 weiche und harte Kanten, 35 Zusammenfassung, 50 B Bildschirmauflösung, 293 Blickpunkt, 131, 280 betonen, 77 Kontrast, 72 Blocksatz Definition, 40, 293 Bolt, Christine, 74f Briefpapier und Umschläge Gestaltungstipps, 115ff Marketinginformation, 115 Teil einer Geschäftsausstattung, 56, 110 was Sie nicht tun sollten, 116 zweite Seite eines Briefpapiers, 118 Broschüren, 152ff Falz, 152 Gestaltungstipps, 155 was Sie vermeiden sollten, 152 Burns, Robert, 39, 41 C Chace, Howard L, 46, 49 Chaotische Ausrichtung Beispiele, 44, 112, 116 Clipart, 220 Conrad, Joseph, D Datenbankformulare, 192 Davis, J Philip, 240 Davis, Nancy, 2, 240 Design, Ablauf, 280 Designtipps Briefpapier und Umschläge, 56, 115ff Broschüren, 155 Postkarten, 156ff Visitenkarten, 56, 111ff Webseiten, 184 Zeitungsanzeigen, 163 Dick/dünn-Variationen, 236 moderate, 236 Quiz, 244 Sansserif, 240 starke, 237 wenige oder keine, 238 Dingbat, 293 Dpi, 293 Drucken Auflösung von Bildern für den Druck, 293 Farbmodell für Bilder, 108, 293 Zeitungsanzeigen, 163 Dwiggins, WA, 226 E Echte Kursivschrift, 262 Ecken, 112, 264 was Sie vermeiden sollten, 264 Egyptienne-Schrift, Beispiele, 238 Eingezogener Text erste Absätze nicht eingezogen, 45, 145 Einheitlichkeit, 54 in der Gestaltung, 50 mit Variationen, 61 Elemente, definierte, 293 Evans, Miss Dana, 106 Extended-Schrift Erläuterung, 293 geeignet, 236, 238 nicht geeignet, 237 F Newsletter, 18, 37 Falz, 152 in einer Broschüre, 152 Farbe analoge Kombination, 97 blau, rot, gelb, 92 cmyk, 106ff Effektivität, Marketing, 156 Farbmodelle, 106ff Farbrad analoge Kombination, 97 Komplementärfarben, 94 monochromatische Farben, 100 Primärfarben, 92

14 index 295 Schattierungen und Töne, 98ff Sekundärfarben, 92 teilkomplementäre, 96 Tertiärfarben, 93 Triaden, 95 vollständiges Farbrad (Abbildung), 98 Farbtöne, 98ff, 102 in Schwarzweiß, 269 Komplementärfarben, 94 Kontrast einer Schriftfarbe, 268 Schriftarten-Vergleich, Beispiele, 268ff Farbe, 272f Kontrastbeispiele, 70, 76, 78f, 268ff kühle und warme Farben, 103 monochromatische Farben, 100 Primärfarben, 92 rgb-farbmodell, 107f Schattierungen und Töne, 98ff schwarz, 93, 107 Sekundärfarben, 92 sparsamer Einsatz, 111 teilkomplementäre, 96 Tertiärfarben, 93 Triaden, 95 wählen, 104f warme und kühle Farben, 103 Webfarbenmodell, 108 weiß, 93, 107 Wildblumen-Farbtheorie, 102 Farbschattierungen, 98ff Farbtöne, 98ff, 102 Farbpalette (Apple), 99 Farbwerte, 98 Flyer Gestaltungstipps, 131ff Formkontrast, 260ff Formulare, 185 Fotos, Bilder, 293 Füllzeichen, 198 G Geneigter Text, 264 Geneva auf Webseiten, 184 Geschäftsausstattung, 56, 110 Geschäftskarten als Teil einer Geschäftsausstattung, 56, 110 Gestaltungstipps, 56, 111ff Standardgröße, 111 Gestaltungsideen stehlen, 90 Gestaltungsrichtlinien, 13 Rückblick, 81ff Zusammenfassung, 155 Gestaltungstipps Briefpapier und Umschläge, 115ff Broschüren, 152ff Postkarten, 156ff Visitenkarten, 111ff Zeitungsanzeigen, 160ff Geviert, 145 Gewinkelte Schrift, 264 Glossar, 203 Gottschall, Edward, 9 Grafiken/Fotos für Druck oder Bildschirm, 293 Graue Seiten, 270 Großbuchstaben schlechte Beispiele, 26, 87 und Kleinbuchstaben, 260 Verwendung, 261 warum vermeiden, 18, 261 Größe Kontraste, 74, 78f, 248 Schriftgröße von Visitenkarten, 114 Standardumschlag, 118 Standardvisitenkarte, 111 Grundlegende Gestaltungsrichtlinien, 13 Grundlinie Ausrichtung, 42, 45 Definition, 246, 293 Grundtext, 293 Gutes Design, Einfachheit, 12 H Helvetica/Arial andere Schriften auf Webseiten verwenden, 184 vermeiden, 77, 145, 155, 184 Hierarchie, durch Kontrast verdeutlichen, 254 Horseshoes und Handgranaten, 80 Hugs Hundekekse, 76f I Ihre Einstellung ist Ihr Leben, 259 Impressum eines Newsletters, 18, 37 Inhaltsverzeichnisse, 197 Füllzeichen, 197 Was Sie vermeiden sollten, 198 Inspiration, 90 J Josua-Palmlilie, 11f jpg-bilder, 293 K Kalligrafie Siehe Schriftkategorien Katona, Cynthia Lee, 74f Kinderbücher, 238 Komplementärfarben, 94 Konflikt Beispiele, 230f Grundregeln, 227 vermeiden, 65 Konsistenz, 51, 114 Kontrast, 65ff Grundregeln, 13, 65 weißen Leerraum verwenden, 163 Wiederholungselement, 76f Übersicht der Richtlinien, 85 Kontraste in Schriften kombinieren, 274 Kontrastierende Schrift durch Farbe, 268 durch Form, 260 durch Größe, 248ff durch Richtung, 264ff durch Stärke, 252 durch Struktur, 256 Grundregeln, 227, 232f, 247ff Kontraste kombinieren, 274 Zusammenfassung, 275 Kopiermaschinen, 118 Kursivschrift, echte, 262 L Leben dynamische Beziehungen, 227 Ihre Einstellung ist Ihr Leben, 259 Konsistenz hervorheben, 64 physische Nähe beinhaltet eine Beziehung, 15 Regeln, 70 Lebensregeln, 70, 81 Leerraum als Absatz kennzeichnen, 45, 145 eingeschlossene freie Fläche Beispiele, 24, 48, 156 Erläuterung, 293 Lösungen, 48 Erläuterung, 293 Kontrast erzeugen, 159 Organisation, 17, 32

15 296 index Produkt, 32 Lesbarkeit, 145 Lindbergh, Ann Morrow, 14 Linien, 70, 293 gezeichnete, 293 Linksbündig Beispiele, 36, 45 Erläuterung, 40 Linksbündiger Text, 40 Beispiele, 36 Wirkung, 36, 83 Logos, 208 Clipart, 220 Gestaltung, 209 Textlogos, 211 M Mac User Group Leipzig, 71 Mama & Papa-Briefpapier, 37, 60f Mehrseitige Veröffentlichungen, 54f Melville, Herman, 232 Mini-Glossar, 203 Modern-Schrift, Beispiele, 237 Monochromatische Farben, 100 N Nähe, 15ff grundlegende Richtlinien, 13, 15 Rückblick auf Richtlinien, 82 Zusammenfassung, 32 Zweck, 32 Negativschrift, 163 Neptun-Klause-Visitenkarte, 16f, 34f Neugestaltung 280 Newsletter Beispiele, 18, 37, 123f Gestaltungstipps, 145ff Kontrast, 66f Titel, 18, 146 Wiederholung, 54 Nichtproportionalschrift, 239 O Oblique-Schriftstil, 289 OpenType-Schriften, 291 P Pauspapier zum Entwerfen von Ideen, 87 PDFs, 111 Photoshop, 108, 293 Pixel Auflösung, 293 Webseitengröße, 181 Postkarten, 156ff Gestaltungstipps, 159 was Sie nicht tun sollten, 157 Ppi, 293 Primärfarben, 92 Proportionalschrift, 45 Prospekte, 155 Falz, 152 Gestaltungstipps, 155 was Sie vermeiden sollten, 152 Punkt, 90 Q Quiz Antworten, 284ff Dick-/dünn-Variationen, 244 Gestalten Sie diese Anzeige um, 87 Gestaltungsrichtlinien, 86 Gut und schlecht, 277 Kontrast oder Konflikt,276 Schriftenkategorien, 243ff, 256 Serifen, 245 R Rand, Paul, 4 Ränder, 284 Rechnungen, 185 Rechts ausgerichtet, 40 Zeilen anpassen, 45 Rechtsbündig Beispiele, 35, 37, 56 Erläuterung, 40 Rechtsbündiger Text, 40 Beispiele, 34f, 48 Regeln brechen, 49, 286 Reichtum, Zitat von Dorothy Sayers, 261 Renaissance-Antiqua-Schrift, Beispiele, 236 RGB Erläuterung, 107f in jpg-bildern, 293 Richtung Beispiele, 264ff für Kontrast verwenden, 71 Grundregeln, 264 Roman, 262 Rotes Huhn-Briefpapier, 56 S Sand-Schrift, 77 Sayers, Dorothy L, 261 Schreibschrift, Beispiele, 241 Schrift aus den 1970ern, 112 Bedeutung der Ausrichtung, 40, 293 Blocksatz, 293 Farbvergleich, 272f für die Lesbarkeit, 145 für Kontrast, 145 für Webseiten, 184 in diesem Buch, 287ff in Zeitungsanzeigen, 163 kombinieren, 247ff kontrastierende Beziehungen, 227 links ausgerichtet, 40 Liste der Kontraste, 275 Negativschrift, 163 Schriftauswahl für das Web, 184 Standardschrift für Websites, 184 welche Sie vermeiden sollten, 77 Schriftkategorien, 235ff Sekundärfarben, 92 Serifen Darstellung, 236 geneigte, 236 horizontal, dick, 238 horizontal, dünn, 237 keine, 239 Quiz, 245 Serifenlose Schriften Schriftbeispiele, 239, 240, 289 Serifenschriften, 258 zwei oder mehr auf einer Seite, 259 Shakespeare-Magazin, 18, 87, 105 Sheldon, Carmen, 3 Stärkekontrast, 252ff Struktur grundlegende Richtlinien, 256ff Kontrast, 256 Symbole, 251

16 index 297 T Tabellenformulare, 192 Teeparty-Einladung, 58 Teilkomplementäre Farben, 96 Telefonnummern, 113 Tertiärfarben, 93 Text Bedeutung der Ausrichtung, 40, 293 Blocksatz, 293 Farbvergleich, 190f links ausgerichtet, 40 Liste der Kontraste, 275 Negativschrift, 163 Schriftauswahl für das Web, 184 Standardschrift für Websites, 184 Textausrichtung links oder rechts, 40 Textkörper, 293 Textlogos, 211 Thomas, Jimmy, 68f tif-bilder, 293 Times, Times Roman andere Schriften für Webseiten festlegen, 184 vermeiden, 184 Tipps zur Gestaltung Briefpapier und Umschläge, 56, 115ff Broschüren, 155 Postkarten, 156ff Visitenkarten, 56, 111ff Webseiten, 184 Zeitungsanzeigen, 163 Tollett, John, 2 Triaden, 95 Tschichold, Jan, 4 U Übereinstimmung Beispiele, 228f Grundregeln, 227 Übungen Kontraste kombinieren, 278 neue Entwürfe, 86ff, 281f Umschläge Gestaltungstipps, 56, 116, 118 Standardgröße, 118 was Sie nicht tun sollten, 116 Unsichtbare Schrift, 236 Untere Seitenkante, 54 Url s Internet Cafe Broschüre, 152f V Verdana gute Wahl für Webseiten, 184 Vergleich von Schriftkontrasten, 275 Versalien schlechte Beispiele, 26, 87 Verwendung, 261 warum vermeiden, 18, 261 Visitenkarten als Teil einer Geschäftsausstattung, 56, 110 Gestaltungstipps, 56, 111ff Standardgröße, 111 W Warnock Pro OpenType, 292 Wassermelonen-Zitat, 257 Webformulare, 193 Webseiten, Websites Bildauflösungen, 293 Bilder, 293 Farbmodell für Bilder, 107f, 293 Formulare, 193 Gestaltungstipps, 78f, 184 Lesbarkeit, 184 Nähe, 30f Tipps, 184 Weißraum Siehe Leerraum Weitlaufende Schrift Definition, 293 White, Jan, 2, 269 Wiederholung, 51ff grundlegende Richtlinien, 13, 51 in Broschüren, 155 in Newslettern, 142 in Websites, 181, 184 Rückblick auf Richtlinien, 84 Zusammenfassung, 64 Wildblumentheorie von Farben, 102 Williams, Jimmy Thomas, 68f Williams, Robin, 297 Williams, Shannon, 36 WingDings, 293 Z Zapf Dingbats, 293 Zeilenschaltung nach Absatz, 24 Zeitungsanzeigen, 160ff Gestaltungstipps, 163 was Sie nicht tun sollten, 161 Zeitungsdruck, 163 Zentriert ausgerichteter Text, 40 absichtlich wirken lassen, 40 Anregungen, 38ff Beispiele, 38, 40 Nachteile, 35 Wirkung, 36, 50, 83 Zierschrift-Beispiele, 242, 242 Zimperlichkeit, 65, 81