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

Ähnliche Dokumente
1.2.1 Gestaltpsychologie

2 Gestaltung und Layout

08. übung. Illustrator. medienwerkstatt // seite 1

GESTALT-THEORIE HERKUNFT GRUNDGEDANKE GESTALTQUALITÄTEN

Prüfbericht zum abschließenden BITV-Test

Manuela Hoffmann. Modernes Webdesign. Gestaltungsprinzipien, Webstandards, Praxis. Galileo Press

Prüfbericht zum abschließenden BITV-Test

Prüfbericht zum abschließenden BITV-Test

Prüfbericht zum abschließenden BITV-Test

Wassily Kandinsky: Structure joyeuse. Beschreibe die Figuren und zeichne sie aus freier Hand in dein Heft.

Prüfbericht zum abschließenden BITV-Test

Hermann von Helmholtz-Zentrum für Kulturtechnik Übung: Multimedia-Anwendungen in den Wissenschaften. Tutorium. Mozilla Composer. Ein kurzer Überblick

Prüfbericht zum abschließenden BITV-Test

Prüfbericht zum abschließenden BITV-Test

Wahrnehmung und wahrnehmungsgerechte Gestaltung

Erstellen eines 3D Körpers mit den PowerPoint Funktionen. Kreiskegel mit den neuen PowerPoint 2010 Funktionen erstellen.

Prüfbericht zum abschließenden BITV-Test

Grundlagen der Gestaltpsychologie

Basteln und Zeichnen

Eignungstest Mathematik

SEO BASICS IM B2B-BEREICH

Nützliche Tipps im Umgang mit Word

Satzhilfe für InDesign CC 2014

Die anspruchsvolle Gestaltungssoftware für kreative und ambitionierte Fotografen. Arbeiten mit der Software BLITZANLEITUNG

Tastatur & Mause Befehle

Grundlegende Geometrie - Vorlesung mit integriertem Praxiskurs Klausur (08-10 Uhr Audimax, HS 1)

partie 1 52 défis mathématiques pour les classes bilingues (cycle 3) traduit à partir du site de J-L SIGRIST

Checkliste zur Analyse von Websites Hintergrundinformationen

4.4 Zu ausgewählten Inhalten des Geometrieunterrichts in der Grundschule

ORCHARD-MANUAL DER COUNT IT GROUP

TEUTO DESIGN MANUAL FÜR PARTNER

Schulung Marketing Engine Thema : Einrichtung der App

BENUTZEROBERFLÄCHE. Menüleiste. Steuerungsleiste. Einstellparameter, die sich je nach ausgewähltem Werkzeug oder. Werkzeuge. versteckte Werkzeuge

Was kann ich schon? Lesen Ich kann. Schilder verstehen: Rauchen verboten. in Texten Informationen finden, die ich brauche. Einladungen verstehen

Erstellen von Bildschirmpräsentationen mit Powerpoint 2003

3D- Laserscanning 3D- LASERSCANNING. 1. Allgemein Funktion Scankopf D-Laserscanning D-Laserscanning...3

Medialisk CMS Anleitung

bekommt das Layout von Broschüren, Flyern, Visitenkarten oder Einladungskarten eine zusätzliche Dimension, die sogar fühlbar ist.

Visualisierung mit TurboCAD

Geometrisches Wissen in der Grundschule Der Weg zu einer experimentellen Studie

Entwicklung von E-Learning-Modulen. Konzeption und Umsetzung mit dem Autorentool exelearning

Kurzübersicht zur Heuristik Darstellung von Informationen im Web

Hochschule Augsburg Fakultät Gestaltung. Gestaltungsgrundlagen

Prüfbericht zum abschließenden BITV-Test

Prüfbericht zum abschließenden BITV-Test

SharePoint Foundation für Anwender. Dr. Benjamin S. Bergfort. 1. Ausgabe, November 2013

KÜNSTLER: ROLF BÖKEMEIER // TITEL: BLUMEN SCHWARZWEIß BILDBEWERTUNG. Bewertet von Georg Banek

Wiki Dokumentation. Erstellt von:

Prüfbericht zum abschließenden BITV-Test

DESIGN GUIDE 3D-DRUCK !!!!!!!!!!!!!!!!!!!!!!!!!!!!!! und Ihre Ideen werden be/greifbar. !!! DESIGN GUIDE für 3D-DRUCK !!!!!!! Version 02 am

Prüfbericht zum abschließenden BITV-Test

Anleitung bei Fragen zur Druckqualität

Computeria Rorschach Mit Excel Diagramme erstellen

Zeichnen mit PAINT - 1

PRESSE INFORMATION Kontakt: Julia Ammann Tel. +49 (0) pr@tretford.de

Praktikum ios-entwicklung im Sommersemester 2015 Übungsblatt 3

Eyetracking Web Usability. Kapitel 4: Navigation Kapitel 5: Fundamental Web Design Elements

Corporate Identity und Corporate Design Handbuch Letzte Aktualisierung: September 2014

UMGANG MIT MICROSOFT WORD ~DER EINSTIEG~

Manual WordPress - ContentManagementSystem

Beispiellektionen. Geometrische Grundformen. Gestaltung und Musik. Fach. Klasse. Ziele Soziale Ziele

Teil I: Das Design. 1 Webdesign und Webstandards Gestaltung und Layout Typografie Farbe Medien...

Webseiten erstellen für Einsteiger

Raiffeisen News Unsere aktuellen Angebote im Januar 2014

Linear Workflow. Linear Workflow. Version

Allerdings ist die Bearbeitung von Standardobjekten vorerst eingeschränkt. Wir wollen uns dies im folgenden Beispiel genauer betrachten.

Microsoft Access 2010 Gruppierte Daten in Berichten

Erstellen von Postern mit PowerPoint

Professionelles Visualisieren für Besprechungen, Präsentationen und Moderationen

PROFESSORIUM

Primzahlen zwischen 50 und 60. Primzahlen zwischen 70 und 80. Primzahlen zwischen 10 und 20. Primzahlen zwischen 40 und 50. den Term 2*x nennt man

Einführung Fotobearbeitung Leitfaden zur Schulung

P1-41 AUSWERTUNG VERSUCH GEOMETRISCHE OPTIK

MATLAB: Kapitel 2 Grafiken

Seite 1. Datum einfügen

Curriculum Mathematik. Bereich Schulabschluss

Technische Daten für die Gestaltung Ihrer Druckvorlage

ADDISON tse:nit Auswertungen Drucklayout. gültig ab Version 6.10

Ein Poster mit Inkscape

MATHEMATIK IN KUNST UND NATUR. Fibonacci Zahlen und der goldene Schnitt

Produktion +++ Archivierung +++ Management +++ Vermarktung +++ Verteilung +++ Suche +++ Beschaffung

ERSTE SCHRITTE HOMEPAGE-BAUKASTEN

Eine eigene Website mit Jimdo erstellen

1. Eine gleiche Anzahl von Legosteine wird in jeweils einer Reihe angeordnet:

Sabine Hamann. Logodesign. 2. Auflage

Barrierefreies Dokument mit InDesign. InDesign und PDF barrierefrei 4. Mai 2015, WGKK Wien

Befehlsliste für EXCEL

Pädagogischer Bericht zum Antrag auf Feststellung des sonderpädagogischen Förderbedarfs

Schulung Marketing Engine Thema : Einrichtung der App

PRÄSENTATIONSDESIGN Handout. Layout

Version 1.0 Merkblätter

2. Tonwertkorrekturen. Quellwerte verschieben bei gedrückter linker Maustaste

Industrielle Bildverarbeitung

KUNSTFÖRDERUNG IM KINDERGARTEN

5.4 Klassen und Objekte

Im Original veränderbare Word-Dateien

Microsoft Access 2010 Navigationsformular (Musterlösung)

Arbeiten mit Objekten

Referenzen Frontend Typo3

Transkript:

bbw Berlin Internet Grundlagen Seite 1 / 21

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

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

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

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

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

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

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

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

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

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

Gesetz der Geschlossenheit bbw Berlin Internet Grundlagen Seite 12 / 21

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

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

Gesetz der Gleichheit bbw Berlin Internet Grundlagen Seite 15 / 21

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

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

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

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

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

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