Das Gestaltprinzip Designtheorie für Webdesigner

Die Art, wie die Leute sehen Unsere Designs wirken sich stark auf die Bedeutung dass sie von ihnen wegnehmen. Das Gestaltprinzip untersucht dieses Phänomen; Dies ist eines der Grundprinzipien, die jeder Webdesigner beim Durchlaufen des Designprozesses berücksichtigen sollte. Wir untersuchen auch, wie das Verständnis von Gestalt Ihren eigenen Workflow verbessert!

Designtheorie und Webdesign

Der Versuch, mit einem guten und kreativen Design zu beginnen, scheint für jemanden, der eine Designschule besucht hat, einfach zu sein, aber für die 90% der Webdesigner, die noch nie an Designkursen oder Schulen teilgenommen haben, die entweder aus der Entwicklung oder generell aus anderen Bereichen stammen Hintergründe. Die Frage bleibt immer noch… was macht ein gutes Webdesign aus? Ist es nur Talent? Eine Person, die ein besonderes Auge besitzt, das weiß, was funktioniert und was nicht? Oder stecken dahinter Logik und wissenschaftliche Methodik, die Designer, Kritiker und sogar Kunden dazu bringen kann, ein großartiges Design zu entwickeln.

Dies ist Teil einer Reihe von designtheoretischen Artikeln, die Sie durch die Grundprinzipien des Designprozesses führen. Wir werden uns auf die wichtigsten Grundideen konzentrieren, die im endgültigen Design große Unterschiede bewirken können.

Das Gestaltprinzip

Gestalt ist ein deutsches Wort und bedeutet "Wesen oder Form der gesamten Form einer Entität". Diese einzige Definition kann eine der wichtigsten Gestaltungsregeln sein.

In der Regel konzentrieren sich Designer eher auf die Details des Webdesigns als auf das Gesamtbild. Sie konzentrieren sich auf gekrümmte Kanten, Schatten, Schriftarten usw. Alles, was gut ist, macht aber keinen Unterschied, wenn der Kunde das Design auf den ersten Blick nicht mag. Was die meisten Leute nicht verstehen, ist, dass das Gehirn das zuerst sieht Gesamtform eines Designs, beginnt dann, sich auf die Details zu konzentrieren ...

Schauen Sie sich dieses Beispielbild an…

Auf den ersten Blick würden Sie ein paar alte Köpfe sehen, aber bei näherer Betrachtung sehen Sie die Details (die manche Leute auf den ersten Blick gar nicht bemerken), aus denen diese Bilder bestehen, und Sie sehen ein völlig anderes Bild.

Versuchen wir nun etwas zu sehen, um zu sehen, wie Details wirklich keine Rolle spielen. Schauen Sie sich diese beiden Beispiele an:

Auf den ersten Blick scheinen diese beiden Bilder identisch zu sein; Es gibt jedoch 5 subtile Unterschiede in den Details, die das gesamte „Design“ kaum beeinflussen.

  1. Der schwarze Vogel oben links sieht in die entgegengesetzte Richtung
  2. Der Mann am linken Sombrero (Hut) ist anders
  3. Der Spazierstock des Mannes ist umgedreht und etwas dunkler
  4. Die Pflastersteine ​​unten rechts sind im 2. Bild größer
  5. Die Frau schaut in die entgegengesetzte Richtung

Nun, keine dieser Änderungen hatte wirklich Auswirkungen auf das Gesamtbild des Bildes. Lassen Sie uns ein weiteres allgemeines Beispiel sehen:

Dies sind zwei Versionen des Volkswagen Beetle, der Modelle 1937 und 1973, und trotz einiger großer Änderungen der Konstruktionsdetails über 4 Jahrzehnte ist das Design im Wesentlichen gleich. Dies liegt an der Funktionsweise unseres Gehirns. Wir sehen ganze Bilder und definieren die gesamte Form viel schneller und einfacher, als Änderungen in Details zu erkennen oder wahrzunehmen.

Wenn wir das obige Bild betrachten, das einen dalmatinischen Hund zeigt, der im Schatten überhängender Bäume den Boden schnüffelt. Der Hund wird nicht erkannt, indem er zunächst seine Teile (Füße, Ohren, Nase, Schwanz usw.) identifiziert und dann den Hund aus diesen Bestandteilen ableitet. Stattdessen wird der Hund auf einmal als Ganzes wahrgenommen.

Das gleiche gilt für jedes einzelne Website-Design, das wir erstellen. Das Design wird nie durch die Identifizierung seiner Teile (Kopfzeile, Navigation, Inhalt, Schaltflächen, Registerkarten usw.) wahrgenommen. Das Design wird auf den ersten Blick als Ganzes wahrgenommen.

Als ich wieder am College war, fasste einer meiner Professoren dies in einem einfachen Satz zusammen. Er sagte: „Wenn Sie ein solches Design sehen, dann entscheiden Sie sich für die Anpassung der Details. Dann wissen Sie, dass es ein gutes Design ist, wenn auch nicht Fange zuerst an, dich zu verändern, um zu versuchen, dich selbst so zu machen… dann weißt du, dass es ein schlechtes Design ist. Verschwende nicht deine Zeit damit, es zu reparieren. Ändere es einfach als Ganzes “, verstand dieser Professor den magischen Schlüssel in jedem Design… wir Sehen Sie die Dinge als Ganzes, nicht als Summe ihrer Teile.

Bitten Sie jemanden in der Welt, Big Ben oder den Eiffelturm oder die Pyramiden von Gizeh zu zeichnen ... Sie alle sind sich über die Gesamtform der einzelnen Wahrzeichen einig, denn auch wenn diese Wahrzeichen unterschiedlich sind (Besuch, auf Fotos, in einem Film, in einer Reisebroschüre… usw.) wir alle sehen dieselbe definierende Form.

Anwenden des Gestaltprinzips auf den Web Design Workflow

Nachfolgend finden Sie einige Webbeispiele und deren jeweilige Layout-Silhouetten. Die Silhouette-Ansicht ist das, was das Gehirn als Seitenform identifiziert. Wenn Sie versuchen, etwas anderes als die Hauptform zu ändern, führt dies mehr oder weniger zu demselben Design… und wenn Sie nach dem Anfordern von Änderungen zu demselben Client zurückkehren, wird der Client das Gefühl haben, dass nichts getan wurde.

… Das Design sieht gleich aus, bis Sie die strukturelle Gestalt ändern.

Sie werden überrascht sein, wie viele Designer diesen Fehler begehen, und wundern sich, warum der Kunde ein Design immer noch hasst oder das Gefühl hat, dass nichts geändert oder hinzugefügt wurde, obwohl sie unermüdlich an der Verbesserung der einzelnen Elemente gearbeitet haben.

Okay, lassen Sie uns ein paar Designs und ihre Silhouetten betrachten:

Wenn Sie sich an das sichere und generell quadratische Design halten (wie in den 4 unteren Layouts der obigen Beispiele), führt dies normalerweise zu einem gewöhnlichen Design, das nicht sehr kreativ ist. Versuchen Sie immer, mit der „enthaltenden Hülle“ Ihres Designs zu experimentieren. Versuchen Sie, die Box ein paar Grad zu drehen oder eine der Ecken herauszuschneiden und zu ändern. All dies trägt zur Einzigartigkeit und Kreativität Ihres Designs bei.

Sie sollten immer mit dem Container oder der gesamten strukturellen Hülle eines Entwurfs beginnen. Vergessen Sie die Details und Einzelkomponenten für jetzt.

Wenn dies erledigt ist und Sie und der Kunde mit der Struktur zufrieden sind, schnappen Sie sich Ihre Wireframes und beginnen Sie mit den Details. Sie werden erstaunt sein, wie oft ein Entwurf als farblich sauberes Drahtgitter endet, wenn Sie von innen nach außen beginnen. Ich habe mehrere Designer gesehen, die zuerst an der Kopfzeile und der Navigation gearbeitet haben, dann beginnen sie mit dem Auslegen der Komponenten, und bevor Sie es wissen, haben Sie eine ordentlich gefüllte und schön gefärbte Seite mit Inhalten, die aus Sicht der Benutzerfreundlichkeit gut platziert und korrekt sein kann. Designmäßig wäre es jedoch nie kreativ oder herausragend.

Stellen Sie sich Ihr Design als mit Schokolade überzogene Erdnuss vor. Wenn Sie mit der Erdnuss von innen nach außen beginnen, hängt die äußere Schicht, die jeder sieht (die Schokoladenschicht), immer von der Erdnussform ab, und Sie haben wenig Einfluss auf das Ergebnis.

Wenn Sie Ihr Design jedoch wie ein Schokoladenei behandeln und zuerst an der äußeren Schicht arbeiten und es nach Ihren Wünschen gestalten - indem Sie Ihren inneren Inhalt an die Schale anpassen, spielt es keine Rolle, was Sie damit ausfüllen Sei immer die Eiform, die du beabsichtigt hast.