Gestaltgesetze. Grundlagen der Gestaltung. bbw Berlin Internet Grundlagen Seite 1 / 21

Transkript

1 bbw Berlin Internet Grundlagen Seite 1 / 21

2 Das Ganze ist mehr als die Summe seiner Teile Die Gestaltgesetze dienen in der menschlichen Wahrnehmung der Raumaufteilung in Figur und (Hinter-)Grund. bbw Berlin Internet Grundlagen Seite 2 / 21

3 Gesetz von der einfachen Gestalt Wird auch als Gesetz von der guten Form bezeichnet. Es ist das Grundgesetz der menschlichen Wahrnehmung. Die Wahrnehmung wird danach grundlegend auf die Bewegung und auf einfache geometrische Formen wie Kreise, Quadrate, Rechtecke und Dreiecke zurückgeführt. bbw Berlin Internet Grundlagen Seite 3 / 21

4 Gesetz von der einfachen Gestalt bbw Berlin Internet Grundlagen Seite 4 / 21

5 Gesetz der Nähe Nahe beieinander befindliche Elemente werden vom Betrachter als zu einer Gruppe zugehörig wahrgenommen. Die Grenze der Gruppe liegt dort, wo die Abstände größer werden. bbw Berlin Internet Grundlagen Seite 5 / 21

6 Gesetz der Nähe Anwendung bei Gliederung und Strukturierung eines Formats z.b. - verschiedene Menüpunkte, die zu einer Kategorie gehören, - inhaltlich zusammengehörige Texte und Bilder bbw Berlin Internet Grundlagen Seite 6 / 21

7 Gesetz der Nähe bbw Berlin Internet Grundlagen Seite 7 / 21

8 Gesetz der Ähnlichkeit Ähnliche oder gleiche Objekte, werden als zusammengehörig wahrgenommen. Die Gruppierung nach Ähnlichkeit ist stärker als die Gruppierung nach Nähe. bbw Berlin Internet Grundlagen Seite 8 / 21

9 Gesetz der Ähnlichkeit bbw Berlin Internet Grundlagen Seite 9 / 21

10 Gesetz der Geschlossenheit Geschlossene Elemente werden als zusammengehörend wahrgenommen. Geschlossene Flächen, z. B. Rahmen, werden vom Betrachter als Einheit angesehen. Der Rahmen bildet durch seine Begrenzung das Wahrnehmungsfeld. bbw Berlin Internet Grundlagen Seite 10 / 21

11 Gesetz der Geschlossenheit Kopf- und Fußlinien oder Kolumnentitel auf einer Seite sind Beispiele Auf vielen Internetseiten bilden der Titel oder ein Topmenü zusammen mit dem Menü auf der linken Seite einen Rahmen und geben der ganzen Seite damit Halt. bbw Berlin Internet Grundlagen Seite 11 / 21

12 Gesetz der Geschlossenheit bbw Berlin Internet Grundlagen Seite 12 / 21

13 Gesetz der Gleichheit Gleich aussehende Elemente werden als zusammengehörend wahrgenommen. Mehrere Merkmale, z.b. Form und Farbe, verstärken die Gruppenbildung. In den Grenzbereichen überwiegt das Gesetz der Gleichheit gegenüber dem der Nähe. bbw Berlin Internet Grundlagen Seite 13 / 21

14 Gesetz der Gleichheit Die Navigation einer Website ist durchgängig auf den Seiten aufgebaut. So gestalten Sie beispielweise die Menüelemente des Mainlevels und des Sublevels jeweils einheitlich und gleichbleibend. Auch die Überschriften richten sich z.b. nach klaren Absatzformaten. bbw Berlin Internet Grundlagen Seite 14 / 21

15 Gesetz der Gleichheit bbw Berlin Internet Grundlagen Seite 15 / 21

16 Gesetz der Vertrautheit / Erfahrung Besagt, dass bei der Gestaltwahrnehmung bzw. Gruppierung von Elementen ein Rückgriff auf bekannte Erfahrungen bzw. vertraute Elemente erfolgt. Wir können bekannte Formen, Zeichen oder Körper auch bei starker Transformation noch erkennen. bbw Berlin Internet Grundlagen Seite 16 / 21

17 Gesetz der Vertrautheit / Erfahrung bbw Berlin Internet Grundlagen Seite 17 / 21

18 Gesetz der Figur-Grund-Trennung Wahrnehmen ist nur möglich, wenn das Wahrnehmungsfeld in unterschiedliche Bereiche gegliedert ist. Das Objekt der Wahrnehmung muss sich vom Umfeld abheben, damit Sie es wahrnehmen können. Man spricht von Figur-Grund-Trennung oder Segmentierung. bbw Berlin Internet Grundlagen Seite 18 / 21

19 Gesetz der Figur-Grund-Trennung unserer visuellen Wahrnehmungswelt entsteht durch Konturen, Kontraste, Texturen, Bewegungen und Farben, d. h. Kein langweiliges Ton-in-Ton, sondern eine klar strukturierte Gestaltung Ihrer Seiten. Die Inhalte heben sich vom Hintergrund ab und sind deutlich erkennbar. Dies bedeutet aber auch Weißraum lassen. bbw Berlin Internet Grundlagen Seite 19 / 21

20 Gesetz der Figur-Grund-Trennung bbw Berlin Internet Grundlagen Seite 20 / 21

21 Gesetz der Figur-Grund-Trennung bbw Berlin Internet Grundlagen Seite 21 / 21