Hören Sie sich die Audioversion dieses Artikels an
Der negative Raum ist seit langem ein Grundnahrungsmittel für gutes Design. Das Verlassen von Leerzeichen um Elemente eines Designs ist das erste, was normalerweise in den Sinn kommt. Aber dann gibt es Designs, die diesen Leerraum verwenden, um ein Element abzuleiten, das eigentlich nicht vorhanden ist (der Pfeil, der zwischen E und X im FedEx-Logo versteckt ist, fällt mir sofort als Beispiel ein).
Das menschliche Gehirn ist außergewöhnlich gut darin, die Lücken in einem Bild auszufüllen und ein Ganzes zu erstellen, das größer ist als die Summe seiner Teile. Deshalb sehen wir Gesichter in Dingen wie Baumblättern oder Gehwegrissen.
Dieses Prinzip ist eine der wichtigsten Grundideen hinter den Gestaltprinzipien der visuellen Wahrnehmung., Der einflussreichste frühe Vorschlag, der über die Theorie geschrieben wurde, wurde von Max Wertheimer in seinen 1923 Gestaltgesetzen der Wahrnehmungsorganisation veröffentlicht, obwohl Wolfgang Köhlers 1920 Diskussion über physische Gestalten auch viele einflussreiche Ideen zu diesem Thema enthält.
Unabhängig davon, wer die Ideen zuerst vorgeschlagen hat (es gab Essays aus dem Jahr 1890), sind Gestaltprinzipien ein wichtiger Satz von Ideen, die jeder Designer lernen kann, und ihre Umsetzung kann nicht nur die Ästhetik eines Designs, sondern auch seine Funktionalität und Benutzerfreundlichkeit erheblich verbessern.,
Im einfachsten Sinne basiert die Gestalttheorie auf der Idee, dass das menschliche Gehirn versuchen wird, komplexe Bilder oder Designs, die aus vielen Elementen bestehen, zu vereinfachen und zu organisieren, indem die Teile unbewusst zu einem organisierten System angeordnet werden, das ein Ganzes und nicht nur eine Reihe unterschiedlicher Elemente erzeugt. Unser Gehirn ist darauf ausgelegt, Strukturen und Muster zu sehen, damit wir die Umgebung, in der wir leben, besser verstehen können.,
Es gibt sechs individuelle Prinzipien, die üblicherweise mit der Gestalttheorie verbunden sind: Ähnlichkeit, Fortsetzung, Schließung, Nähe, Figur/Masse und Symmetrie & Ordnung (auch als prägnanz bezeichnet). Es gibt auch einige zusätzliche, neuere Prinzipien, die manchmal mit Gestalt verbunden sind, wie das gemeinsame Schicksal.
Ähnlichkeit
Es liegt in der Natur des Menschen, sich wie Dinge zu gruppieren. In Gestalt werden ähnliche Elemente visuell gruppiert, unabhängig von ihrer Nähe zueinander. Sie können nach Farbe, Form oder Größe gruppiert werden., Ähnlichkeit kann verwendet werden, um Elemente zusammenzubinden, die in einem Design möglicherweise nicht direkt nebeneinander liegen.
Natürlich können Sie Dinge unähnlich machen, wenn Sie sie von der Masse abheben möchten., Aus diesem Grund sind Schaltflächen für Aufrufe zum Handeln oft in einer anderen Farbe als der Rest einer Seite gestaltet—so heben sie sich ab und lenken die Aufmerksamkeit des Besuchers auf die gewünschte Aktion.
Im UX-Design macht die Verwendung von Ähnlichkeit Ihren Besuchern klar, welche Elemente gleich sind. In einer Merkmalsliste, die beispielsweise sich wiederholende Designelemente verwendet (z. B. ein Symbol mit 3-4 Textzeilen), würde das Ähnlichkeitsprinzip das Scannen erleichtern., Im Gegensatz dazu hebt sich das Ändern der Designelemente für Funktionen, die Sie hervorheben möchten, ab und gibt ihnen mehr Bedeutung für die Wahrnehmung des Besuchers.
Selbst Dinge, die so einfach sind, wie sicherzustellen, dass Links in einem Design auf die gleiche Weise formatiert werden, beruhen auf dem Prinzip der Ähnlichkeit in der Art und Weise, wie Ihre Besucher die Organisation und Struktur Ihrer Website wahrnehmen.
Fortsetzung
Das Gesetz der Kontinuität setzt voraus, dass das menschliche Auge beim Betrachten von Linien dem glattesten Pfad folgt, unabhängig davon, wie die Linien tatsächlich gezeichnet wurden.,
Diese Fortsetzung kann ein wertvolles Werkzeug sein, wenn es darum geht, das Auge eines Besuchers in eine bestimmte Richtung zu lenken. Sie folgen dem einfachsten Pfad auf der Seite, Stellen Sie also sicher, dass die wichtigsten Teile, die sie sehen sollten, in diesen Pfad fallen.,
Da das Auge auf natürliche Weise einer Linie folgt, zeichnet das Platzieren von Elementen in einer Reihe in einer Linie das Auge natürlich von einem Element zum nächsten. Horizontale Schieberegler sind ein solches Beispiel, ebenso wie verwandte Produktlisten auf Websites wie Amazon.
Closure
Closure ist eines der coolsten Gestaltprinzipien und eines, das ich bereits am Anfang dieses Stücks angesprochen habe. Es ist die Idee, dass Ihr Gehirn die fehlenden Teile eines Designs oder Bildes ausfüllt, um ein Ganzes zu erstellen.
In seiner einfachsten Form erlaubt das Prinzip des Verschlusses Ihrem Auge, so etwas wie eine gepunktete Linie bis zu seinem Ende zu folgen., Aber komplexere Anwendungen sind oft in Logos zu sehen, wie die für den World Wildlife Fund. Große Teile des Umrisses für den Panda fehlen, aber Ihr Gehirn hat kein Problem damit, die fehlenden Abschnitte auszufüllen, um das ganze Tier zu sehen.
Closure wird häufig im Logo-Design verwendet, mit anderen Beispielen, einschließlich denen für das USA Network, NBC, Sun Microsystems und sogar Adobe.
Ein weiteres sehr wichtiges Beispiel für das Schließen bei der Arbeit im UX-und UI-Design ist, wenn ein Teilbild vom Bildschirm des Benutzers ausgeblendet wird, um ihm zu zeigen, dass mehr zu finden ist, wenn er nach links oder rechts wischt. Ohne Teilbild, d.h.,, wenn nur vollständige Bilder angezeigt werden, interpretiert das Gehirn nicht sofort, dass möglicherweise mehr zu sehen ist, und daher ist es weniger wahrscheinlich, dass Ihr Benutzer scrollt (da die Schließung bereits offensichtlich ist).
Proximity
Proximity bezieht sich darauf, wie nahe Elemente zueinander stehen. Die stärksten Näherungsbeziehungen bestehen zwischen überlappenden Subjekten, aber nur das Gruppieren von Objekten in einem einzigen Bereich kann auch einen starken Näherungseffekt haben.
Das Gegenteil ist natürlich auch der Fall., Indem Sie Platz zwischen Elementen schaffen, können Sie die Trennung auch dann hinzufügen, wenn ihre anderen Eigenschaften gleich sind.
Nehmen Sie diese Gruppe von Kreisen, zum Beispiel:
Im UX-Design wird proximity am häufigsten verwendet, um Benutzer dazu zu bringen, bestimmte Dinge ohne die Verwendung von Dingen wie harten Rändern zu gruppieren. Wenn Sie ähnliche Dinge näher zusammenstellen und zwischen jeder Gruppe Platz haben, wird der Betrachter sofort die Organisation und Struktur aufgreifen, die er wahrnehmen soll.,
Figure / Ground
Das Figure / Ground-Prinzip ähnelt dem Closure-Prinzip, da es die Art und Weise nutzt, wie das Gehirn negativen Raum verarbeitet. Sie haben wahrscheinlich Beispiele für dieses Prinzip in Memen in sozialen Medien oder als Teil von Logos (wie das bereits erwähnte FedEx-Logo) gesehen.
Ihr Gehirn unterscheidet zwischen den Objekten, die es als Vordergrund eines Bildes (Figur oder Brennpunkt) betrachtet, und dem Hintergrund (Bereich, auf dem die Figuren ruhen)., Interessant wird es, wenn der Vordergrund und der Hintergrund tatsächlich zwei verschiedene Bilder enthalten:
Ein einfacheres Beispiel ist mit diesem Bild von zwei Gesichtern zu sehen, die einen Kerzenhalter oder eine Vase zwischen ihnen bilden:
Im Allgemeinen interpretiert Ihr Gehirn die größere Fläche eines Bildes als Boden und die kleinere als Abbildung., Wie im Bild oben gezeigt, können Sie jedoch sehen, dass hellere und dunklere Farben beeinflussen können, was als Figur und was als Boden angesehen wird.
Das Figure / Ground-Prinzip kann sehr praktisch sein, wenn Produktdesigner einen Brennpunkt hervorheben möchten, insbesondere wenn er aktiv ist oder verwendet wird—zum Beispiel wenn ein modales Fenster angezeigt wird und der Rest der Site in den Hintergrund tritt oder wenn auf eine Suchleiste geklickt wird und der Kontrast zwischen ihr und dem Rest der Site erhöht wird.,
Symmetrie und Ordnung
das Gesetz Der Symmetrie und Ordnung ist auch bekannt als prägnanz, das Deutsche Wort für „eine gute Figur.“Dieses Prinzip besagt, dass Ihr Gehirn mehrdeutige Formen so einfach wie möglich wahrnimmt. Zum Beispiel wird eine monochrome Version des olympischen Logos eher als eine Reihe überlappender Kreise als als eine Sammlung gekrümmter Linien angesehen.,
Hier ist ein weiteres gutes Beispiel für das Gestaltdesign-Prinzip „präzision“:
Ihr Gehirn interpretiert das Bild links als Rechteck, Kreis und Dreieck, auch wenn die Umrisse von jedem unvollständig sind, weil diese einfachere Formen als das Gesamtbild sind.
Common Fate
Während common fate ursprünglich nicht in der Gestalttheorie enthalten war, wurde es seitdem hinzugefügt. Im UX-Design kann seine Nützlichkeit nicht übersehen werden., Dieses Prinzip besagt, dass Menschen Dinge gruppieren, die auf dieselbe Richtung zeigen oder sich in dieselbe Richtung bewegen.
In der Natur sehen wir das in Dingen wie Vogelschwärmen oder Fischschwärmen. Sie bestehen aus einer Reihe einzelner Elemente, aber weil sie sich scheinbar als eins bewegen, gruppieren unser Gehirn sie zusammen und betrachten sie als einen einzigen Reiz.
Dies ist in UX sehr nützlich, da animierte Effekte im modernen Design häufiger vorkommen. Beachten Sie, dass sich Elemente nicht wirklich bewegen müssen, um von diesem Prinzip zu profitieren, aber sie müssen den Eindruck von Bewegung erwecken.
Gestaltprinzipien im UX-Design
Wie bei jedem psychologischen Prinzip kann das Erlernen der Einbeziehung der visuellen Wahrnehmungsprinzipien von Gestalt in Ihre Designarbeit die Benutzererfahrung erheblich verbessern., Wenn Sie verstehen, wie das menschliche Gehirn funktioniert, und dann die natürlichen Tendenzen einer Person ausnutzen, entsteht eine nahtlosere Interaktion, bei der sich ein Benutzer auf einer Website wohl fühlt, auch wenn es sein erster Besuch ist.
Gestaltprinzipien lassen sich relativ einfach in fast jedes Design integrieren und können ein Design, das zufällig erscheint oder wie es um die Aufmerksamkeit eines Benutzers kämpft, schnell zu einem Design erheben, das eine nahtlose, natürliche Interaktion bietet, die Benutzer zu den Maßnahmen führt, die sie ergreifen möchten.