Gestaltgesetze - Wolkenbild mit Herz als Illustration zum Gesetz der

Gestaltgesetze: Deine geheimen Zutaten für besseres Design!

Allgemein Design und Gestaltung Grundlagen
/ By Birgit Schultz
/ 2 COMMENTS

Gestaltgesetze können Dir in Deinem Alltag als Solopreneurin helfen und die geheime Zutat zu einem besseren Design darstellen. Ganz gleich, ob es um die Gestaltung eines Flyers, eines wie auch immer gearteten Freebies, um ein E-Book im PDF-Format, um Instagram- oder Pinterest-Posts oder um Infografiken geht: Fast jeden Tag gestaltest Du etwas für Dein Marketing und Deine Präsenz in den Social Media.

Nicht jedem fällt das leicht — und auch wenn manche ein quasi eingebautes Verständnis der Gestaltgesetze zu haben scheinen — viele haben es eben nicht.

Ich beschäftige mich seit weit über dreißig Jahren mit den Gestaltgesetzen, seit sie mir das erste Mal nach dem Abitur bei meinem Praktikum in einer Werbeagentur begegneten.

Inhalt

1 Das Problem mit den Gestaltgesetzen als Designgrundlagen
2 Alle Gestaltgesetze im Detail
3 Wie kannst Du die Gestaltgesetze sinnvoll für Dich anwenden?
4 Du willst mehr zum Thema Gestaltung wissen?
5 Fazit

Das Problem mit den Gestaltgesetzen als Designgrundlagen

Wenn Du sie gleich liest (und vorher noch nicht kanntest), wirst Du sagen:

“Boah, das ist aber simpel! Das weiß doch jeder!”

Aber wenn Du dann etwas gestalten sollst, hast Du sie garantiert vergessen. 🙂

Schaust Du in drei verschiedene Bücher zum Thema Design und Gestaltung, so wirst Du die Gestaltgesetze der Wahrnehmung, wie man sie auch nennt, drei Mal in unterschiedlicher Form und teilweise mit den unterschiedlichsten Bezeichnungen finden. Im Kern meinen alle Autoren dann aber doch dieselben Gesetze.

Vorab habe ich noch einen Hinweis bei der Anwendung der Gestaltgesetze:

Neue, interessante, spannende Lösungen entstehen meist, indem Du Regeln brichst. So ist es auch hier. Das ist aber kein Freibrief, einfach wild drauf los zu gestalten und Dich einfach über alle Gestaltgesetze hinweg zu setzen.

Nimm als Beispiel Deinen Blog.

Wenn Du ein hochwertiges Template einsetzt, hat der Anbieter desselben sich viele Gedanken zur Gestaltung gemacht. Auch zum Design und wie alle Elemente zusammen spielen. Nur, weil Du persönlich mittigen Flattersatz für den Fließtext chic findest, ist das noch lange kein bewusstes Brechen der Regeln.

Man muss die Regeln kennen, um sie brechen zu dürfen! #Gestaltgesetze Klick um zu Tweeten

Vor allem solltest Du nie mehr als ein Gesetz zu einer Zeit brechen — denn sonst hast Du garantiert alles, aber kein ordentliches Design, das den Nutzer bei der Informationsaufnahme unterstützt.

Alle Gestaltgesetze im Detail

Die Gestaltgesetze gehen auf die Gestaltpsychologie zurück (das nur der Vollständigkeit halber, wenn Dich das Thema mehr interessiert, schau hier in die Wikipedia, da findest Du Infos zur Geschichte der ganzen Theorie). Max Wertheimer ist einer der bekannteren Namen, er war aber weder der Erfinder noch der einzige, der sich intensiv mit den Gestaltgesetzen beschäftigt hat.

Ich orientiere mich hier an den im Wikipedia-Artikel beschriebenen Gestaltgesetzen, ergänzt durch die Bücher, die ich in meinem Regal stehen habe. Am Ende des Artikels verlinke ich Dir auch diese Bücher.

In jedem meiner Bücher sind die Gestaltgesetze ein wenig anders bezeichnet und ein wenig anders erklärt. Teilweise überlappen sie sich, teilweise bezeichnen verschiedene Namen dasselbe Gesetz. Soviel zum Thema “Gesetze” und Grundlagen 😉

Gesetz der Nähe

Was zusammen gehört soll sich auch räumlich beieinander befinden — beziehungsweise auch umgekehrt: Was sich beieinander befindet, das setzen wir auch miteinander in Beziehung. Das siehst Du schon bei Buchstaben, die einzelne Wörter bilden. Jedes Wort besteht aus einer Gruppe von Buchstaben. Eine Gruppe von Wörtern bildet einen Satz. Eine Gruppe von Sätzen einen Absatz.

Wenn ich mich nicht daran halte, ergibt der Text keinen Sinn. Genau so ist es, wenn Du beispielsweise einen Flyer gestaltest. Durch das Gruppieren von Inhalten (Wörter, Sätze oder Bilder) schaffst Du für den Betrachter einen Bedeutungszusammenhang.

Auch wenn sich Elemente um eine scheinbare Mitte gruppieren, lässt die Nähe und Ausrichtung sie als zusammengehörig erscheinen. Sind Elemente aber untereinander angeordnet, nimmst Du eher die Spalten als Zeilen wahr.

Hier siehst Du Zeilen statt Spalten, da die Herzen horizontal geringere Abstände haben als vertikal.

Das Gesetz der Ähnlichkeit

Manchmal müssen Dinge aber nicht nah beieinander gruppiert werden, sondern es reicht ihre Ähnlichkeit, damit der Betrachter einen Bezug zwischen ihnen herstellt. Das kann beispielsweise dieselbe Form sein (Kreis, Quadrat) oder auch dieselbe Farbe (rot oder blau). Wir ordnen also eher Vierecke mit Vierecken als gemischte Formen aus Vierecken und Kreisen.

Wenn Dinge ähnlich sind, stellt der Betrachter auch über große Abstände Bezüge her.

Das Gesetz der guten Gestalt

Das heißt auch schon mal das “Gesetz der Einfachheit” oder das “Gesetz der Prägnanz”. Das bedeutet, dass wir Elemente niemals allein und isoliert wahrnehmen, sondern sie immer von ihrem Umfeld unterscheiden und Beziehungen zwischen einzelnen Elementen herstellen, um ein Ganzes zu schaffen. Beim Betrachten unterscheiden wir immer zwischen wichtigen und unwichtigen Elementen.

Das Gesetz der Prägnanz kennst Du aus der Sesamstraße: “Eins von diesen Dingen ist anders als die anderen!” Unter vielen fünfzackigen Sternen erkennst Du den achtzackigen sofort! Auch das Logo des WWF (der Pandabär) ist ein Beispiel für die Anwendung dieses Gesetzes.

Beim Gesetz der guten Gestalt zieht das Auge des Betrachters den Inhalt quasi zusammen.

Das Gesetz der guten Fortsetzung

Wahrnehmung folgt immer dem einfachsten Weg — und der führt geradeaus. Gibt es Richtungswechsel, so wird es manchmal schwierig, auf dem richtigen Pfad zu bleiben. Kreuzen sich in einem Design Linien, so nehmen wir sie so wahr, dass sie ihren Weg geradeaus fortsetzen und nicht plötzlich die Richtung ändern. Das kannst Du Dir beispielsweise bei der Erstellung einer Infografik gut zunutze machen. Geschwungenen organischen Linien zu folgen ist dabei einfacher als solchen, die rechtwinklig ihre Richtung wechseln. Dies wird auch das Gesetz der durchgehenden Linie genannt und das Gesetz der Kontinuität gehört auch mit dazu.

Beim Gesetz der guten Fortsetzung folgt das Auge der eingeschlagenen Richtung. Abbiegen gilt nicht.

Das Gesetz der Geschlossenheit

Strukturen, die geschlossen wirken, werden vom Betrachter bevorzugt gegenüber solchen, die offen sind.

Das klingt jetzt fürchterlich abstrakt, aber auch das kennst Du aus eigener Erfahrung:

Schaust Du nicht auch gern in den Himmel und guckst, welche Gestalten Du in den Wolken erkennen kannst?! Das ist das Gesetz der Geschlossenheit!

Aus zusammenhängenden Wolkenfetzen bauen wir Harry Potter auf seinem Besen (okay, die Nase ist vielleicht zu lang … und wird gerade etwas länger…) und wenn man anders herum guckt, sieht man nicht Harry, sondern eine Hexe. Leonardo da Vinci soll das Wolkengucken geliebt haben!

Elemente, die Flächen umschließen, werden eher als Einheit aufgefasst als freistehende, offene Elemente. Auch wenn Elemente weggelassen werden, um zum Beispiel Spannungen hervorzurufen und so eine Grafik interessanter wirken zu lassen, kommt das Gesetz der Geschlossenheit zur Anwendung.

Das Gesetz der Geschlossenheit findet bei vielen Logos seinen Einsatz.

Das Gesetz des gemeinsamen Schicksals

Liest sich dramatisch, nicht wahr? Zwei oder mehrere sich gleichzeitig in eine Richtung bewegende Elemente werden als eine Einheit wahrgenommen.

Aha?

Dies ist in erster Linie bei der Gestaltung von bewegten Bildern wichtig, kann aber auch auf einer Website seine Anwendung finden. Elemente, die sich gleichzeitig bewegen, nehmen wir als eine Einheit wahr. Das Paar, das nebeneinander über die Straße geht. Die Autos, die hintereinander im stockenden Verkehr fahren, der Schwarm Stare, der über den Herbsthimmel zieht.

Im Webdesign wird dieses Prinzip an einigen Stellen auch angewendet, zum Beispiel, wenn sich Dinge durch die Mausaktion des Website-Besuchers bewegen, um beispielsweise Informationen hervorzuheben. Tool-Tipps gehören dazu oder auch das Aufklappen von Segmenten beim darauf klicken (Akkordeon oder Tabs).

Mit diesem etwas sinnfreien Beispiel dürfte Dir das Gesetz des gemeinsamen Schicksals klar werden.

Das Gesetz der gemeinsamen Region

Elemente in abgegrenzten Regionen werden als zusammengehörig empfunden. Gruppen einheitlicher aber auch sich unterscheidender Elemente folgen diesem Gesetz.

Bei diesem Gestaltgesetz ergeben sich Zusammenhänge aus der Positionierung.

Das Gesetz der Gleichzeitigkeit

Elemente, die sich gleichzeitig verändern, werden als zusammengehörig empfunden. Das kennst Du, wenn sich die Blätter eines Baumes im Herbst alle gleichzeitig verfärben, alle Nachbarbäume aber noch grüne Blätter tragen.

Durch die gleichzeitige Farbveränderung bekommen auf einmal völlig verschiedenartige Formen einen Bezug zueinander.

Das Gesetz der verbundenen Elemente

Verbindet man verschiedene Elemente, so werden sie als ein Objekt wahrgenommen. Ganz simples Alltagsbeispiel: Die gehefteten einzelnen Blätter ergeben gemeinsam ein Buch.

Bei Markus Wägler (Grafik und Gestaltung, siehe Kasten) finden wir das als die Gesetze der Einfachheit und der Geschlossenheit. Die menschliche Wahrnehmung neigt dazu, Dinge zu vereinfachen. Aus zwei übereinander liegenden Quadraten macht unser Gehirn einen achtzackigen Stern. Färbt man aber nur die Ecken ein, wird auf einmal ein Kreis aus Dreiecken daraus.

Es gibt tolle Logos, die jeder kennt und mag, die diesem Gesetz folgen. Sicher hast Du schon mal das Logo von Carrefour gesehen, das Formel 1 Logo, oder auch das FedEx Logo, bei dem aus dem E und x ein Pfeil gebildet wird.

Auch durch Verbindungen — zum Beispiel durch Linien — kann man Bezüge herstellen.

Buchtipps

Alle die hier gezeigten Bücher befinden sich in meinem Besitz und ich habe sie gelesen und nutze sie immer wieder zum Nachschlagen und Vertiefen. Natürlich brauchst Du nicht alle davon. Wichtig: Die Links sind Amazon-Werbelinks und ich bekomme eine kleine Provision, wenn Du darüber bestellst. Du bezahlst aber nicht mehr. Wenn Du das nicht möchtest, google am besten den Titel und den Autor und bestelle im Buchhandel Deiner Wahl.

Claudia Korthaus, Grundkurs Grafik und Gestaltung

Robert Weller und Ben Harmanus, Content Design

Markus Wäger, Grafik und Gestaltung — Das umfassende Handbuch

Wie kannst Du die Gestaltgesetze sinnvoll für Dich anwenden?

Wenn Du etwas designst, prüfe Deine Gestaltung darauf, ob Du die Gestaltgesetze befolgst. Es können immer auch mehrere Gesetze aus der Gestaltphilosophie zusammen wirken.

Gruppiere Elemente, die zusammen gehören. Schaffe Sinnzusammenhänge nicht nur durch Sprache, sondern auch durch Deine Gestaltung. Ziehe hierbei nicht nur das Gesetz der Nähe sondern nimm auch auch das Gesetz der Ähnlichkeit hinzu.
Hebe hervor, was wichtig ist und verzichte auf unnötige Verzierungen. Daran zu denken hilft Dir das Gesetz der guten Gestalt oder Einfachheit.
Sorge für eine klare Nutzerführung, indem Du durch die Gestaltung schon deutlich machst, in welcher Reihenfolge Deine Kursmaterialien, Flyer oder Dein E-Book bearbeitet und gelesen werden sollen. Das Gesetz der guten Fortsetzung unterstützt Dich dabei.
Über die clevere Zusammenstellung einzelner Elemente schaffst Du etwas Größeres als nur die Summe aller Teile. Schaffe geschlossene Strukturen. Was das bedeutet? Gliedere Deine Werke zum Beispiel in Kapitel, Abschnitte oder andere Sinnzusammenhänge. Folge dem Gesetz der Geschlossenheit.
Wenn Du die Möglichkeit hast, Bewegung in Deine Produkte oder Werbemittel einzubauen, kannst Du das Gesetz des gemeinsamen Schicksals anwenden, um durch gleichzeitige und gleichgerichtete Bewegung von Elementen Gruppierungen zu erzeugen, die normal in 2D und bewegungslos nicht ersichtlich würden. Auf dieser Website sind sehr anschauliche Möglichkeiten dieses Gesetzes demonstriert. https://business.facebook.com/…
Mit farbigen Hintergründen, beispielsweise Kästen, kannst Du dem Gesetz der gemeinsamen Region folgen und ebenfalls Wichtiges hervorheben oder Elemente gruppieren.

Du willst mehr zum Thema Gestaltung wissen?

Im März ist das Fokus-Thema meines Marketing-Zauber Mastermind-Zirkels übrigens “Designgrundlagen und Fotografie”. Da werden wir uns mit ähnlichen Themen beschäftigen, wie beispielsweise Farben, Bildaufbau, Gestaltungsraster und mehr. Lust, Mitglied zu werden? Dann klicke auf diesen Button und informiere Dich jetzt über die Vorteile, die Du als Mitglied hast.

Ich will mehr über den Mastermind-Zirkel wissen!

Fazit

Es lohnt sich, wenn Du Dich einmal näher mit den Gestaltgesetzen auseinandersetzt. Diese sind keine Raketenwissenschaft sondern mehr geheime Zutaten für ansprechendes Design Deiner Kurs-Unterlagen, Werbematerialien oder Website.

Kanntest Du die Gestaltgesetze schon und wendest Du die Gestaltgesetze in der Werbung an? Oder hat Dich das Thema völlig kalt gelassen? Wie gehst Du vor, wenn Du Deine Kursunterlagen, Flyer, Landingpages und mehr gestaltest? Schreib mir dazu gern einen Kommentar!

Über den Autor Birgit Schultz

Mein Name ist Birgit Schultz und ich bin Marketing-Beraterin und Social Media Expertin. Seit 1993 bin ich im Marketing tätig und seit 2003 selbstständige Marketing-Beraterin. Mein persönliches Motto lautet, "Wissen wird mehr, wenn man es teilt". Auf Marketing-Zauber zeige ich Dir, wie Du Dein Unternehmen sowohl im Internet als auch im "echten Leben" bekannter machen kannst, um mehr Kunden zu gewinnen.

follow me on:

Hinterlasse einen Kommentar:

2 comments

Füge Deine Antwort hinzu

YouTube aktivieren?

Auf dieser Seite gibt es mind. ein YouTube Video. Cookies für diese Website wurden abgelehnt. Dadurch können keine YouTube Videos mehr angezeigt werden, weil YouTube ohne Cookies und Tracking Mechanismen nicht funktioniert. Willst du YouTube dennoch freischalten?