Gestaltprinzipien

Gestaltprinzipien sind Prinzipien / Gesetze der menschlichen Wahrnehmung, die beschreiben, wie Menschen ähnliche Elemente gruppieren, Muster erkennen und komplexe Bilder vereinfachen, wenn wir Objekte wahrnehmen. Designer verwenden die Prinzipien, um Inhalte auf Websites und anderen Schnittstellen so zu organisieren, dass sie ästhetisch ansprechend und leicht verständlich sind.

Gestaltprinzipien-Hintergrund

„Gestalt“ steht für „einheitliches Ganzes“., Die ersten Gestaltprinzipien wurden in den 1920er Jahren von den deutschen Psychologen Max Wertheimer, Kurt Koffka und Wolfgang Kohler entwickelt, die verstehen wollten, wie Menschen typischerweise durch die chaotischen Reize um sie herum sinnvolle Wahrnehmungen erlangen. Sie identifizierten eine Reihe von Gesetzen, die den natürlichen Zwang ansprechen, Ordnung in Unordnung zu finden. Demnach „informiert“ der Geist, was das Auge sieht, indem er eine Reihe einzelner Elemente als Ganzes wahrnimmt., Profis in der damals wachsenden Branche des Grafikdesigns haben diese Prinzipien schnell übernommen, und Designer haben seitdem Gestaltprinzipien ausgiebig verwendet, um Designs mit gut platzierten Elementen herzustellen, die als größere, ganze Bilder ins Auge fallen.

Das ganze ist als die Summe der Teile.
– Kurt Koffka

Gestaltprinzipien sind Prinzipien / Gesetze der menschlichen Wahrnehmung, die beschreiben, wie Menschen sich gruppieren

Gestaltprinzipien

Gestaltprinzipien sind ein wesentlicher Bestandteil des visuellen Designs., Es gibt mehr als zehn überlappende Prinzipien; Vier der bekanntesten sind:

Closure (Reification): Wir bevorzugen vollständige Formen, sodass wir automatisch Lücken zwischen Elementen füllen, um ein vollständiges Bild wahrzunehmen. So können wir das Ganze zuerst sehen. Sie können Closure auf alle möglichen einfallsreichen Arten anwenden, um die Bewunderung und das Vertrauen der Benutzer zu gewinnen, wenn sie angenehme „Wholes“ in geschickt platzierten Elementen erkennen, sei es Linien, Punkte oder Formen (z. B. Bildsegmente)., Ikonische Logos wie IBMs und der World Wildlife Fund sind Beispiele für angewandte Technologie-IBMs bestehen aus blauen horizontalen Linien, die in drei Stapeln angeordnet sind; Der WWF besteht aus einer Gruppe schwarzer Formen, die vor einem weißen Hintergrund angeordnet sind, um die vertraute Form eines Pandas zu enthüllen. .

Gemeinsame Region: Wir gruppieren Elemente, die sich in derselben geschlossenen

– Region befinden. Sie fügen verwandte Objekte in denselben geschlossenen Bereich ein, um anzuzeigen, dass sie

von anderen Gruppen unterscheiden., Sie können sehen, dass dieses Prinzip in Facebook angewendet wird, zum Beispiel

, wo Likes, Kommentare und andere Interaktionen innerhalb der

Grenzen eines Beitrags erscheinen und sich so von anderen abheben.

Figur/Boden (Multi-Stabilität): Wir mögen Unsicherheit nicht, also suchen wir nach soliden, stabilen Gegenständen. Es sei denn, ein Bild ist mehrdeutig—wie Rubins Vase, unten—wir sehen zuerst seinen Vordergrund. Sie können Figur/Masse auf viele Arten anwenden, aber hauptsächlich auf Kontrastelemente: zum Beispiel hellen Text (dh Figur) von einem dunklen Hintergrund (dh Boden)., Wenn Sie Figur / Boden gut verwenden, helfen Sie neben anderen Überlegungen wie einer sorgfältigen Anwendung der Farbtheorie, Benutzer bei ihren Aufgaben zu unterstützen und ihre kognitive Belastung zu verringern.

Proximity (Emergence): Wir gruppieren Elemente näher zusammen,

trennt sie von denen weiter auseinander. Wenn Sie also einzelne

– Elemente in einem Bereich oder einer Gruppe Ihres Designs gruppieren, erkennen Benutzer sie als eine

-Entität, die sich von allen anderen Elementen auf dem Bildschirm unterscheidet., Ein Beispiel für Nähe im

– Design ist das Girl Scouts-Logo mit seinen drei Gesichtern im Profil (zwei

grün, eine weiß).

Sie können auch andere Gestaltprinzipien in der Designarbeit anwenden—z. B. Fortsetzung, einheitliche Verbundenheit-je nachdem, welche Arbeit / en am besten ist, um auf Ihre Benutzer zuzugreifen und ihnen zu helfen, ihre (und die gewünschten) Ziele Ihrer Marke zu erreichen.

Gestaltprinzipien sind im Kopf, nicht im Auge

Die Gestaltprinzipien sind für das User Experience (UX) – Design von entscheidender Bedeutung., Wenn Sie Schnittstellen entwerfen, müssen Benutzer auf einen Blick verstehen können, was sie sehen—und finden, was sie wollen. Die Prinzipien der Nähe und der gemeinsamen Region sind ein gutes Beispiel, wie unsere Zielseite unten zeigt. Farben und Grafiken teilen die Seite in separate Regionen auf. Ohne dies würden Benutzer Schwierigkeiten haben, Assoziationen zwischen nicht verwandten Clustered-Together-Elementen herzustellen und diese zu verlassen. In Ihren Designs sollten Sie Benutzer niemals verwirren oder verzögern. Führen Sie sie stattdessen zu ihren Optionen, damit sie sich schnell mit Organisationen/Marken identifizieren können.,

Die Gestaltprinzipien sind für das User Experience (UX) – Design von entscheidender Bedeutung. Wenn Sie Schnittstellen entwerfen, müssen Benutzer auf einen Blick verstehen können, was sie sehen—und finden, was sie wollen. Die Prinzipien der Nähe und der gemeinsamen Region sind ein gutes Beispiel, wie unsere Landingpage zeigt. Farben und Grafiken teilen die Seite in separate Regionen auf. Ohne dies würden Benutzer Schwierigkeiten haben, Assoziationen zwischen nicht verwandten Clustered-Together-Elementen herzustellen und diese zu verlassen. In Ihren Designs sollten Sie Benutzer niemals verwirren oder verzögern., Führen Sie sie stattdessen zu ihren Optionen, damit sie sich schnell mit Organisationen/Marken identifizieren können.

Erfahren Sie mehr über die Gestaltprinzipien

Usertesting.com der Blog bietet viele Tipps und Beispiele: https://www.usertesting.com/blog/2016/02/24/gestalt-principles/

Das Stück des Content-Strategen Jerry Cao über Gestaltprinzipien für Designer bietet viele hilfreiche Einblicke: http://blog.teamtreehouse.com/gestalt-principles-designers-applying-visual-psychology-modern-day-design

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.