Robin Williams John Tollett Design & Typografie Die überraschend einfachen Gesetze guten Designs Bibliograische Information der Deutschen Nationalbibliothek Die Deutsche Nationalbibliothek verzeichnet diese Publikation in der Deutschen Nationalbibliographie; detaillierte bibliograische Daten sind im Internet über http://dnb.d-nb.de abrufbar. Die Informationen in diesem Produkt werden ohne Rücksicht auf einen eventuellen Patentschutz veröfentlicht. Wa- rennamen werden ohne Gewährleistung der freien Verwendbarkeit benutzt. Bei der Zusammenstellung von Texten und Abbildungen wurde mit größter Sorgfalt vorgegangen. Trotzdem können Fehler nicht vollständig ausgeschlossen werden. Verlag, Herausgeber und Autoren können für fehlerhafte Angaben und deren Folgen weder eine juristische Verantwortung noch irgendeine Haftung übernehmen. Für Verbesserungsvorschläge und Hinweise auf Fehler sind Verlag und Herausgeber dankbar. Fast alle Hardware- und Softwarebezeichnungen und weitere Stichworte und sonstige Angaben, die in diesem Buch erwähnt werden, sind als eingetragene Marken geschützt. Da es nicht möglich ist, in allen Fällen zeitnah zu ermitteln, ob ein Markenschutz besteht, wird das ®-Symbol in diesem Buch nicht verwendet. Authorized translation from the English language edition, entitled Non-Designer´s Design Book. he 3rd Edition, ISBN 978-0-321-63404-0, by Williams, Robin; published by Pearson Education, Inc, publishing as Peachpit Press, Copyright © 2008 Robin Williams. Authorized translation from the English language edition, entitled Robin Williams Design Workshop, 2nd Edition, ISBN 978-0-321-44176-8, by Williams, Robin and Tollett, John; published by Pearson Education, Inc, publishing as Peachpit Press, Copyright © 2007, in extracts. All rights reserved. No part of this book may be reproduced or transmitted in any form or by any means, electronic or mechanical, including photocopying, recording or by any information storage retrieval system, without permission from Pearson Education, Inc. Autorisierte Übersetzung der englischsprachigen Originalausgabe mit dem Titel »Non-Designer´s Design Book, he, 3rd Edition« von Williams, Robin, ISBN 978-0-321-63404-0, erschienen bei Peachpit Press, ein Imprint von Pearson Education Inc.; Copyright © 2008 Robin Williams. Autorisierte Übersetzung der englischsprachigen Originalausgabe mit dem Titel »Robin Williams Design Workshop, 2nd Edition« von Williams, Robin und Tollett, John, ISBN 978-0-321-44176-8, erschienen bei Peachpit Press, ein Im- print von Pearson Education Inc.; Copyright © 2008, in Auszügen. Alle Rechte vorbehalten, auch die der fotomechanischen Wiedergabe und der Speicherung in elektronischen Medien. Die gewerbliche Nutzung der in diesem Produkt gezeigten Modelle und Arbeiten ist nicht zulässig. 10 9 8 7 6 5 4 3 2 1 13 12 11 ISBN 978-3-8273-3058-1 © der deutschen Ausgabe 2011 Addison-Wesley Verlag, ein Imprint der PEARSON EDUCATION DEUTSCHAND GmbH; Martin-Kollar-Str. 10-12, 81829 München/Germany Übersetzung: Isolde Kommer, Großerlach und Christoph Kommer, Dresden Satz: Tilly Mersin, Großerlach Lektorat: Kristine Kamm, [email protected] Korrektorat: Petra Kienle, München Herstellung: Claudia Bäurle, [email protected] Einbandgestaltung: Marco Lindenbeck, webwo GmbH, [email protected] Druck und Verarbeitung: GRAFOS S.A., Barcelona Printed in Spain SS Für Carmen Sheldon, meine Design-Kollegin, meine Freundin. In Liebe, R. Inhalt Eignet sich dieses Buch für Sie? 10 p Design rinzipien 1 Das Palmlilien-Gleichnis 11 Die vier Prinzipien 13 2 Nähe 15 Zusammenfassung: Das Prinzip der Nähe 32 Das grundlegende Ziel 32 Wie Sie es erreichen 32 Was Sie vermeiden sollten 32 3 Ausrichtung 33 Zusammenfassung: Ausrichtung 50 Das grundlegende Ziel 50 Wie Sie es erreichen 50 Was Sie vermeiden sollten 50 4 Wiederholung 51 Zusammenfassung: Wiederholung 64 Das grundlegende Ziel 64 Wie Sie es erreichen 64 Was Sie vermeiden sollten 64 5 Kontrast 65 Zusammenfassung: Kontrast 80 Das grundlegende Ziel 80 Wie Sie es erreichen 80 Was Sie vermeiden sollten 80 6 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 7 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 8 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 Graikelemente einzusetzen 119 6 Schrecken Sie nicht vor der Verwendung großer Schriften oder Graikelemente 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 Überlüssigem 166 Nähe 166 Leerraum 166 Tipp zur Schriftwahl 167 7 Kontrast 167 Zusatzwissen: Farbanzeigen 172 Sehen Sie sich um 180 Webseiten 181 Tipps zur Gestaltung von Webseiten 184 Wiederholung 184 Klarheit/Lesbarkeit 184 9 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 8 Gestalten mit Schrift 10 Schrift (& Leben) 227 Übereinstimmung 228 Konflikt 230 Kontrast 232 Zusammenfassung 234 11 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 12 Schriftkontraste 247 Größe 248 Stärke 252 Struktur 256 F orm 260 Richtung 264 Farbe 268 Kombinieren Sie Kontraste 274 Zusammenfassung 275 Mini-Quiz 6: Kontrast oder Konlikt? 276 Mini-Quiz 7: Gut und schlecht 277 Eine Übung zum Kombinieren von Kontrasten 278 9 E xtras 13 Ist das denn sinnvoll? 279 Der Ablauf 280 Eine Übung 281 Okay – gestalten Sie dies neu! 282 14 Quiz-Lösungen 283 15 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