Vorher-Nachher: Sparsamkeit

Was schon im Ansatz kaputt ist, rettet auch ein wenig Farbe nicht. Auf dieser Folie, die ich neulich (so ähnlich) in einem Vortrag sah, sollen die farblich markierten Flächen helfen, die Folie übersichtlicher zu machen und die vier Aspekte visuell zu trennen:

Pasted Graphic 11

Gedacht war die Färbung sicher zur besseren Strukturierung der vier Teilaspekte, vermutlich nachdem der Autor festgestellt hat, dass die Folie ohne die Farben ziemlich unübersichtlich war, das hätte nämlich so ausgesehen:

Pasted Graphic 12

Leider hat er damit nicht die Ursachen, sondern lediglich die Symptome bekämpft. Anstatt durch (im Grunde genommen) bedeutungslose Farben, die eher willkürlich und quietschbunt daherkommen (und auch im übrigen Vortrag nicht weiter verwendet wurden), hätte er mit ein paar grundlegenden Designregeln viel mehr erreicht. Aber zunächst machen wir uns einmal auf die Suche nach den Ursachen der Unübersichtlichkeit:

1. Großbuchstaben sind nicht gut lesbar

Vermutlich um die Wichtigkeit jeder einzelnen Empfehlung zu betonen, wurde der komplette Text in Großbuchstaben gesetzt. Problematisch ist dabei vieles: Erstens verliert jede Auszeichnung ihre Bedeutung, wenn alles ausgezeichnet ist. Wenn alles wichtig ist, wird letztlich alles unwichtig. Zweitens sind Texte in Großbuchstaben schwer lesbar, weil ihnen eine visuelle Struktur fehlt. Das erkennt man z.B. hier:

Pasted Graphic 15

Da alle Großbuchstaben gleich hoch sind, nimmt sie das Auge aus der Ferne als einen großen Block wahr. Normale Text wechseln dagegen Groß- mit Kleinbuchstaben ab, die wiederum Ober und Unterlängen haben. Dadurch erhalten Wörter eine Struktur, die z.B. auch beim Überfliegen eines Textes hilft, die Bedeutung der Worte zu erfassen, ohne genau zu lesen.

2. Es fehlt Kontrast

Kontrast hilft dabei, wichtige von weniger wichtigen Informationen zu trennen. Auf dieser Folie besteht der einzige Kontrast jedoch in der Verwendung von Aufzählungspunkten, durch die Überschriften von Inhalten getrennt werden. Wenn jedoch alles mehr oder minder gleich aussieht, hat das Auge keine Stützpunkte, an denen es sich orientieren kann, um die Struktur und Hierarchie der Inhalte zu erkennen. Es bleibt letztlich nichts anderes übrig, als die Folie von oben nach unten zu lesen. (So ziemlich das Schlimmste, was einem Vortragenden passieren kann, denn in der Zeit hört sein Publikum ihm nicht zu.)

Mit zwei leichten Modifikationen hätte man hier also erheblich mehr erreicht als durch die Farbflächen, z.B. so:

Pasted Graphic 14

Die Strukturierung der Inhalte erfolgt hier letztlich durch das Designprinzip der Nähe, indem zusammengehörige Dinge auch räumlich nah beieinander stehen. Die Hierarchie der Inhalte wird durch das Designprinzip des Kontrastes erreicht, indem die vier Überschriften deutlich hervorstechen. Wer lieber dem Vortragenden zuhört als zeilenweise Text zu lesen, behält hierdurch gleichtzeitig eine gute Orientierung. Letztlich stellt das Prinzip der Wiederholung sicher, das gleiches auch gleich aussieht. Sämtliche Überschriften sind in der gleichen Schrift und der gleichen Farbe gehalten, so dass man auch keine Bedeutung in unterschiedlichen Farben suchen muss, wo keine ist.

Verwenden würde ich die Folie so übrigens trotzdem nicht, allenfalls als Handout, denn während des Vortrags kann man sich all das ohnehin nicht merken. Im Zweifel wird man durch das Lesen der Texte eher davon abgehalten, den (wichtigeren) Worten des Vortragenden zuzuhören.

Möglichkeiten, das besser zu machen, gibt es aber nahezu beliebig. Ich glaube sogar, dass man hier eine Folie gar nicht unbedingt gebraucht hätte. Viele der Informationen sind völlig naheliegend. Spannender und einprägsamer könnte es daher sein, anstatt eines Monologes den Dialog mit dem Publikum zu suchen, z.B. über typische Vorurteile zu diskutieren oder weitere Möglichkeiten des Einsparens zu besprechen, die vielleicht gar nicht auf der eigenen Liste standen. Sicher, dafür sollte man dann schon ziemlich gut vorbereitet sein. Aber ist das ein Argument?

Verwandte Artikel
Die vier Prinzipien professionellen Designs
Kontraste
Vorher-Nachher: Zitate
Weitere Vorher-Nachher-Vergleiche

Die vier Prinzipien professionellen Designs

In ihrem hervorragenden Buch Design & Typografie behauptet Robin Williams, jeder könne ein besserer Designer werden, wenn er vier Prinzipien berherzigt: Nähe, Ausrichtung, Wiederholung, Kontrast. Wie einfach es tatsächlich ist, durch Anwendung dieser vier Regeln ein völlig langweiliges Design in ein ansprechendes und interessantes Design zu verwandeln, möchte ich Ihnen an einem Beispiel vorführen, das ich schrittweise anhand der Regeln überarbeite.

Als Ausgangspunkt dient die fiktive Titelfolie eines PowerPoint-Vortrags, die so schlecht ist, dass sie in einem typischen Vortrag nicht weiter auffallen würde – unübersichtlich, chaotisch und hässlich:

Beispiel-Titelfolie: Langweilig und ungeordnet

Zwar lässt sich der Titel gut lesen, aber die übrigen Angaben sind über die Folie verstreut, so dass das Auge nicht weiß, wohin es zuerst blicken soll; man erkennt keine Hierarchie und springt zwischen den einzelnen Elementen hin und her. Mit Williams’ vier Prinzipien lässt sich diese Folie so umwandeln, dass sie übersichtlich, professionell und nett anzusehen ist. Gestalterische Meisterwerke brauchen vielleicht noch etwas mehr Übung. Aber als übersichtlich, professionell und einigermaßen ansprechend sind für die meisten Präsentationen angemessene Ziele.

Gestaltungsprinzip 1: Nähe

Das Gestaltungsprinzip der Nähe besagt, dass Elemente, die inhaltlich zusammengehören, auch räumlich nah angeordnet werden sollen. Bei Pro-/Contra-Argumenten käme niemand auf die Idee, die Argumente wild auf der Folie zu verstreuen. Sobald es aber weniger offensichtlich wird, ist das Prinzip der Nähe für viele nicht vertraut. Das Prinzip macht die logische Struktur der Elementen eines Designs sichtbar. Auf dieser Folie gibt es drei Arten von Informationen: Informationen zum Titel, Informationen zum Vortragenden und Informationen zum Ort. Und tatsächlich, wenn wir als einzige Änderung die räumliche Anordnung der Elemente anpassen, sieht das Layout geordneter aus. Nicht schön, aber ein klein wenig übersichtlicher:

Prinzip Nähe: Räumlich anordnen nach inhaltlicher Zusammengehörigkeit

Gestaltungsprinzip 2: Ausrichtung

Das Gestaltungsprinzip der Ausrichtung besagt, dass kein Element auf einer Seite willkürlich angeordnet werden soll. Durch eine einheitliche Ausrichtung der Elemente verstärken Sie deren Zusammengehörigkeit. Gerade wenn es um Überschriften und Titel geht, wird sehr oft eine zentrierte Ausrichtunge gewählt, sie ist aber nicht die Wirkungsvollste. Zwar ist Symmetrie ein naheliegendes Formprinzip, es wirkt aber auch schnell langweilig und förmlich. Wenn Sie eine links- oder rechtsbündige Ausrichtung wählen, wirkt das Design noch aufgeräumter, weil Sie eine unsichtbare Verbindunglinie erzeugen, die die Zusammengehörigkeit, in anderen Worten die Einheit des Designs verstärkt:

Prinzip Ausrichtung: Elemente nicht willkürlich anordnen

Gestaltungsprinzip 3: Wiederholung

Das Gestaltungsprinzip der Wiederholung besagt, dass bestimmte Gestaltungselemente innerhalb eines Designs wiederholt werden sollen. Wiederholung stärkt den Wiedererkennungswert eines Designs. Durch wiederkehrende Elemente wie z.B. gleiche Schriften, Farben, Betonungen etc., findet sich das Auge leichter zurecht, der Aufbau des Designs wird strukturierter. Wenn Sie Abteilung A auf einer Folie grün kennzeichnen, sollten Sie dabei bleiben, solange es keinen starken Grund für eine andere Farbe gibt. Besonders hilfreich ist das Prinzip natürlich bei größeren Dokumenten, einmal gelerntes bleibt über viele Folien hinweg verständlich. Wenn sich über sämtliche Folien eines Vortrags hinweg bestimmte Gestaltungselemente, etwa zur Betonung, wiederholen, kann sich der Betrachter schneller orientieren. Aber auch auf einer einzelnen Folie lässt sich die Wirkung durch Wiederholung erkennen. Wenn wir die wichtigsten Informationen hervorheben, dann tun wir das auf stets gleiche Weise und wählen nicht jedesmal eine neue Schriftgröße und -farbe etc.:

Prinzip Wiederholung: Wiederholungen stärken die Einheit eines Designs

Gestaltungsprinzip 4: Kontrast

Das Gestaltungsprinzip des Kontrasts besagt, dass sich zwei Elemente, die sich nicht gleichen, deutlich unterscheiden sollen. Mit anderen Worten: Sei kein Frosch! Die deutliche Betonung wichtiger Elemente macht ein Design interessanter und weckt somit die Bereitschaft, genauer hinzuschauen. Es hilft auch bei der Strukturierung der Informationen, indem wichtige von unwichtigeren Inhalten besser getrennt werden und so eine klare Hierarchie vorgegeben wird, in der die Informationen zu betrachten sind. Wenn wir die Schriftunterschiede vergrößern und Farbe zur Erhöhung des Kontrastes einführen, wirkt die Folie noch einmal übersichtlicher, professioneller und ansprechender:

Prinzip Kontrast: Kontraste machen ein Design interessanter

Vier einfache Gestaltungsprinzipien für Design, die die Wirkung einer Folie drastisch erhöhen und sie erheblich übersichtlicher machen, ohne dass eine einzige Informationen gestrichen worden wäre. Dazu gehört keine Zauberei, sondern einfach ein bisschen Sorgfalt bei der Anwendung der vier Prinzipien und ein wenig Mut bei deren Umsetzung: Sei kein Frosch. Probieren Sie einfach einmal ein bisschen aus. Sie werden sehen, welch erstaunliche Wirkung Sie mit ganz einfachen Mitteln erzielen, wenn Sie sich nur trauen. Haben Sie keine Angst vor Freiflächen, oft sind es gerade die (bewusst) ungenutzten Flächen, die ein Design interessant machen. Und schließlich: Die Prinzipien schränken die Kreativität nicht ein, sondern geben ihr ein geordnete Fläche. Durch Anwendung derselben vier Prinzipien kommt zu völlig unterschiedlichen Ergebnissen. Hier sind nur ganz wenige der unzähligen möglichen Layouts:

Fertiges Beispiel 1: Andere Schrift und kleine SymboleFertiges Besipiel 2: Rechtsbündig
Fertiges Besipiel 3: Kontrast durch zweifarbigen HintergrundFertiges Besipiel 4: Auch Serifenschriften können funktionieren

Design für Nicht-Designer

Buchcover: Robin Williams – Design und Typografie

Jeder ist ein Designer, zumindest wenn er schon einmal einen Flyer, eine Visitenkarte, eine Einladung, einen Bericht, Folien für einen Vortrag oder was auch immer entworfen hat. Die meisten verlassen sich dabei jedoch auf ihr Bauchgefühl und haben eine eher vage Vorstellung von „das sieht gut aus“ oder „das sieht nicht gut aus“. Das wird sich ändern, wenn Sie Design & Typografie von Robin Williams lesen.

Die Kernaussage des hervorragenden Buches lautet: Design ist einfach und jeder – wirklich jeder – kann wirkungsvolle, optisch ansprechende Designs entwerfen. Und tatsächlich, während man das Buch liest, fühlt man sich, als könne man gleich loslegen mit der Designer-Karriere. Der Autorin gelingt es, in sehr einfacher Sprache die wichtigsten Grundsätze professionellen Designs zu erläutern und anhand anschaulicher, weil alltäglicher Beispiele verständlich zu machen. Durch die zahlreichen Beispiele erhält man zugleich viele Anregungen, wie man die Empfehlungen für die eigene Arbeit nutzen kann.

Im Wesentlichen reduziert Robin Williams erfolgreiches Design auf vier Grundprinzipien: Nähe, Ausrichtung, Wiederholung und Kontrast, die sie ausführlich erläutert. Daneben gibt es einen kleinen Exkurs in die Typografie, um Schriften bewusster und zielgerichteter auswählen und einsetzen zu können. Zahlreiche kleinere und größere Tricks und Kniffe runden das Buch ab. Ein Ratschlag bleibt dabei in besonderer Erinnerung: Sei kein Frosch, sei mutig!

Natürlich werden Sie nicht über Nacht zum Profi-Designer, nur weil Sie dieses Buch gelesen haben. Aber Sie werden die Welt mit anderen Augen betrachten, weil Sie verstehen und benennen können, was Sie täglich sehen; in Zeitschriften, auf Plakaten, auf Folien usw. Wenn Sie dieses Buch gelesen haben, werden Sie in der Lage sein zu sagen: „das sieht gut aus, weil…“ oder „das sieht nicht gut aus, weil…“ Das wichtigste dabei: Sie können das auch über Ihre eigenen Entwürfe sagen. Und wenn Sie einmal begonnen haben, durch diese Brille zu schauen, werden Sie kaum einen Weg zurückfinden, sondern nach mehr verlangen. Einen besseren Einstieg als dieses Buch werden Sie schwer finden.

Übrigens: Das Buch ist die Übersetzung der dritten Auflage des englischen Bestsellers The Non-Designer’s Design Book, das nun erstmals in Farbe erschienen ist.

Links zu dem Buch:
Leseprobe auf der Webseite des Verlags
Design & Typografie bei Amazon
Das englische Original The Non-Designer’s Design Book bei Amazon
The Non-Designer’s Design & Type Book, zwei Bücher in einem (das deutsche „Design & Typografie“ entspricht nur dem englischen „Design-Book“, nicht diesem Doppelbuch)
Homepage von Robin Williams

Spread the Word

Share on facebook
Share on twitter
Share on linkedin
Share on pinterest
Dr. Michael Gerharz

Dr. Michael Gerharz