Psychologie des Designs: Gestalten Sie Ihr Online-Image

Wir haben die Bedeutung von Farbe in den vorherigen beiden Teilen unserer Serie Psychologie des Designs ausführlich behandelt. Die Farbwahl ist jedoch nur ein Teil des Kampfes gegen schlechtes Design.

Egal, ob Sie ein Hintergrundmuster für ein neues Webdesign erstellen oder sich Gedanken über die Verpackung eines neuen Produkts machen, irgendwann müssen Sie den Bleistift aufs Papier bringen und mit dem Skizzieren beginnen. Egal, welche Form Sie zu bilden beginnen, es wird eine starke Wirkung auf Ihre Zuschauer haben.

Lesen Sie weiter, um mehr über die gemeinsamen Assoziationen zu erfahren, die Ihre Kunden zwischen den von Ihnen gewählten Formen und dem, was sie über Ihre Marke insgesamt aussagen, herstellen werden. Sehen Sie sich außerdem einige reale Beispiele an, wie diese Formen in Designs aller Art verwendet wurden!

• Linien
• Kreise und Ovale
• Dreiecke
• Vierecke
• Polygone
• Abstrakte Formen

Gerade und gebogene Linien

Wenn es um Linienarbeiten geht, müssen Sie wirklich die Grenze zwischen eckig und kurvenreich ziehen. Linien mögen die Grundform sein, die alle Kunstwerke hervorbringt, aber Logos und Webdesigns, die sich stark auf Linienarbeit verlassen, sind alles andere als einfach.

Typischerweise bevorzugen Menschen geschwungene Linien gegenüber geraden Linien. Dies kann auf die Neurophysiologie des visuellen Systems zurückgeführt werden. Selbst Säuglinge, deren Augen noch nicht vollständig ausgebildet sind, konzentrieren ihre Aufmerksamkeit länger auf geschwungene Formen als auf scharfe, eckige Linien.

Kurven verlängern jedoch nicht unbedingt die Zeit, die ein Benutzer seine Aufmerksamkeit auf Ihr Design richten wird. Tatsächlich ziehen scharfe Winkel eher die schnelle Aufmerksamkeit Ihrer Benutzer auf sich. Wo Kurven Weichheit und Komplexität bedeuten, stehen scharfe Linien und Winkel für Ernsthaftigkeit und Einfachheit.

Studien haben gezeigt, dass kantige Objekte ein Gefühl der Bedrohung auslösen können. Es hat sich gezeigt, dass Schärfe in Formen die Aktivität in der Amygdala erhöht, dem Bereich des Gehirns, der Angst verarbeitet. Aus diesem Grund fordern scharfe Winkel oft die Aufmerksamkeit Ihres Publikums und ziehen die Aufmerksamkeit schneller auf sich als ihre gebogenen Gegenstücke.

Sie können diese natürlichen menschlichen Reaktionsmuster verwenden, um Designs zu erstellen, die Ihr Publikum etwas fühlen lassen. Für lustige, unbeschwerte Marken können geschwungene Linien Ihnen helfen, Textblöcke auf Websites aufzubrechen und ein Gefühl von Laune zu erzeugen. Bei ernsthafteren Markenpersönlichkeiten werden scharfe Winkel und gerade Linien jedoch dazu beitragen, ein Gefühl der Schwerkraft zu vermitteln.

Das Kreativstudio The Inlay verwendet gerade Linien und ein minimalistisches Design, um Ihre Aufmerksamkeit auf sich zu ziehen, wenn Sie durch die Seiten blättern, vermeidet jedoch eine Überbeanspruchung der scharfen Winkel, die negative Reaktionen auslösen könnten.

Das Technologieberatungsunternehmen Affinity verwendet jedoch auf seiner gesamten Website viel beziehungsorientierte Sprache. Ihr abgerundetes Pfeillogo und die geschwungenen Formen im gesamten Design fühlen sich viel zugänglicher an als die traditionellen, steiferen Bilder, die im Technologiebereich verwendet werden.

Kreise und Ovale

Wenn Sie jemanden einen Spießer nennen, unterstellen Sie wahrscheinlich, dass er langweilig ist. Das Gegenteil würde bedeuten, dass Kreise Spaß, Jugend und eine sorglose Mentalität bedeuten. Da sich gezeigt hat, dass die Aufmerksamkeit von Babys länger auf geschwungene Linien gerichtet ist, macht es Sinn, dass sie auch dazu neigen, kreisförmiges Spielzeug zu bevorzugen.

Offenheit und Zusammengehörigkeit kommen Ihnen in den Sinn, wenn Ihre Zuschauer einen Kreis betrachten. Runde Formen können auch Gefühle von Gemeinschaft oder Schutz bedeuten – wie die Sicherheit in der eigenen Blase oder sogar eine nette Umarmung. Andere Merkmale von Kreisen können Freundschaft, Wärme, Weiblichkeit und Wiedergeburt sein (denken Sie an den Kreis des Lebens).

Aus Sicht der Benennung hat die Ring-Türklingel die Sinne ihrer Benutzer angezapft. Akustisch können Sie sich das „Klingeln“ der Türklingel vorstellen, während das imaginäre „Klingeln“ visuell sowohl an das Logo als auch an das Design der physischen Hardware gebunden ist.

The Circle, eine Netflix-Reality-Wettbewerbsshow, ist ein weiterer Ort, an dem zirkuläres Branding am sinnvollsten ist. Die Prämisse ist eine Gruppe von Menschen, die möglicherweise die Wahrheit über ihre Identität sagen oder nicht, die versuchen, unter ihren Kollegen nur durch eine Social-Media-Plattform namens The Circle an Popularität zu gewinnen. Das Ziel? Bleiben Sie in der Gemeinschaft – bleiben Sie in The Circle.

Dreiecke

Beschleunigung, Bewegung und Gleichgewicht, Dreiecke veranschaulichen leicht Aktivität. Sie sind energische, kraftvolle Formen, die eine Reihe von Emotionen hervorrufen können, von Aufregung bis Vorsicht.

Dreiecke haben Wirkung, und die Art und Weise, wie sie gelenkt werden, ist entscheidend, denn die Richtung ändert ihre Bedeutung in den Köpfen Ihrer Verbraucher. Zum Beispiel kann ein nach oben zeigendes Dreieck Stärke zeigen, aber wenn es auch nur leicht schief gedreht wird, kann es Instabilität zeigen. Aber mehrere Dreiecke in alle Richtungen können Spaß oder Aufregung zeigen – wie Konfetti!

Die Wiedergabetaste Ihres bevorzugten Video- oder Musik-Streaming-Dienstes ist höchstwahrscheinlich nur ein Dreieck, das nach rechts zeigt. Es ähnelt einem Pfeil, der eine Vorwärtsbewegung anzeigt, im Gegensatz zu den beiden geraden Linien, die eine Pause anzeigen würden (eine wörtliche „Unterbrechung“ zwischen zwei geraden Linien).

HGTV nutzt das dreieckige Design ebenfalls auf clevere Weise. Das gleichschenklige Dreieck befindet sich über der Wortmarke, eine klare, aber einfache Art, das Dach eines Hauses zu veranschaulichen. Das „V“ am anderen Ende des Logos bildet ein tolles Gegengewicht, da es nach unten zeigt.

Vierecke

Vierecke umfassen jede vierseitige Form. Quadrate und Rechtecke sind die häufigsten Beispiele, aber auch Trapeze, Rauten und einige mehr sind hier enthalten. Quadrate und Rechtecke sind oft Symbole für Stabilität und Beständigkeit, Konformität oder Geradlinigkeit. Ihre rechten Winkel suggerieren Rationalität, Ordnung und Struktur.

Quadrate und Rechtecke werden oft von Marken verwendet, die bodenständig oder pragmatisch wirken wollen. Von National Geographic über LinkedIn bis hin zu Dominos sind Quadrate und Rechtecke – insbesondere für Logos – in einer Vielzahl von Branchen üblich.

Andere Arten von Vierecken vermitteln ebenfalls dieses Gefühl der Regelmäßigkeit, jedoch mit einem avantgardistischeren, zeitgenössischen visuellen Twist. Diamanten können aufgrund unserer unbewussten Assoziation zwischen der Form und dem Edelstein verwendet werden, um Luxus- oder High-End-Produkte zu vermitteln. Vierecke wie Drachen und Rauten eignen sich hervorragend, um auf ein gewisses Maß an Stabilität hinzuweisen, ohne auf überstrapazierte Muster zurückzugreifen.

Der in Australien lebende Webdesigner Mokthar Saghafi verwendet eine Parallelogrammform für das geometrische Muster seiner Website. Die vierseitigen Figuren sind ordentlich gestapelt, was auf die Stabilität hindeutet, die normalerweise mit vierseitigen Formen assoziiert wird. Wenn Sie sie jedoch leicht als Rhombus anstelle eines echten Rechtecks ​​aus dem Gleichgewicht bringen, wird eine weitere Ebene von visuellem Interesse hinzugefügt.

Während Lego vielleicht nicht bodenständig oder konform erscheint, sind sie auf jeden Fall stabil – wie sonst würden Sie damit bauen? Ihr quadratisches Logo ist auch ein visueller Rückruf auf ihr Produkt. Es sieht einem quadratischen Legostein mit vier Noppen sehr bemerkenswert ähnlich.

Fünfecke, Sechsecke und Achtecke

In Mathematik und Design wird dieses Formenkollektiv als „Polygone“ bezeichnet. Polygon ist ein Überbegriff, der verwendet wird, um jede geometrische 2D-Form zu beschreiben, aber es ist normalerweise für diejenigen mit 5 oder mehr Seiten reserviert.

In der Natur sind diese Formen überall zu finden, von Waben über Muschelmuster bis hin zu Kristallen und Felsformationen. Im Webdesign werden sie jedoch seltener verwendet. Dies kann für Ihre Kunden von Vorteil sein, da es Ihnen hilft, sich von den üblichen Designtrends abzuheben!

Komplexe und futuristische Polygone werden oft verwendet, um eine moderne, zeitgemäße Aura zu schaffen, die dennoch gut strukturiert ist. Bestimmte Polygone werden jedoch häufig in Nischenindustrien verwendet. Beispielsweise verwenden Auto- und Maschinenhersteller und -reparaturunternehmen häufig Sechsecke und Achtecke im Design, da sie dem Kopf einer Schraube ähneln.

Das sechseckige Layout, das von der britischen Webdesign-Agentur Built By Buffalo verwendet wird, ist eine großartige Möglichkeit, viele Beispiele ihrer Arbeit im Voraus zu zeigen, ohne dass dies ihre Homepage überfordert. Es wird dann auf der gesamten Website verwendet, um Team-Headshots zu präsentieren, lustige Bürofotos zu zeigen und wichtige Informationen hervorzuheben.

Das Pentagon ist eines der bekanntesten Gebäude der Welt und hat seinen treffenden Namen für seine fünfseitige Struktur. Das Gebäude selbst ist ein Paradebeispiel für die Verwendung von Polygonen für die architektonische Gestaltung und vermittelt Stoizismus und Stabilität

Abstrakte Formen

Es gibt einige andere geometrische und abstrakte Formen, die häufig in Web- und Produktdesigns, Werbeaktionen und Branding-Bemühungen verwendet werden. Lassen Sie uns einen kurzen Überblick über einige dieser beliebten Formen und ihre Bedeutung geben.

Kleckse

Blobs sind oft Formen, die als lustig oder albern charakterisiert werden. Der berühmte „Bouba/Kiki-Effekt“ hat bewiesen, dass Menschen aller Kulturen und Schriftsysteme das unsinnige Wort „Bouba“ Blob-Formen zuordnen, während „Kiki“ mit stacheligen abstrakten Formen assoziiert wird.  

Wenn Sie sich für scharfe abstrakte Formen mit spitzen Kanten entscheiden, werden Sie schnell die Aufmerksamkeit Ihres Betrachters auf sich ziehen. Mit runderen Formen fühlen sie sich jedoch bequemer und verspielter an.

Das in Brooklyn ansässige benutzerdefinierte WordPress-Designstudio Buzzworthy verwendet viele Blob-Formen und bauchige Übergangsanimationen, um seinen lustigen, funky Stil zu präsentieren.

Kreuze

Kreuze werden oft verwendet, um Spiritualität und Heilung, Verbindung oder Gleichgewicht zu präsentieren, und erscheinen ständig im Webdesign. Es ist die gebräuchlichste Art, ein Treffen oder eine Verbindung zwischen zwei Dingen visuell anzudeuten. Eine weitere häufige Verwendung für ein Kreuz im Design ist ein „Plus“-Zeichen, das anzeigt, dass Sie etwas zu einem Einkaufswagen hinzufügen oder erweitern können, um weitere Informationen zu erhalten.

In Logos sind Kreuze aufgrund ihrer starken religiösen Bindungen normalerweise religiösen Organisationen vorbehalten, aber auch andere, agnostischere Verwendungen der Form waren erfolgreich.

Das Amerikanische Rote Kreuz ist eine der bemerkenswertesten Organisationen, die Kreuzbilder verwendet. Ihre Arbeit liegt an der Schnittstelle von Personen, die Hilfe benötigen , und Personen, die während oder nach einer Katastrophe helfen können . Das Logo des Roten Kreuzes platziert sie an der Schnittstelle dieser beiden Dinge und spielt gleichzeitig visuell auf Heilung und Gesundheit an.

Spiralen

Spiralen bedeuten Bewegung und Fortschritt. Abgerundete Spiralen und Schleifen veranschaulichen oft Perfektion, Schönheit und Entwicklung. Wenn Ihre Spirale spitzer ist, wie eine Zickzackbewegung, vermittelt sie eher einen Drehpunkt, eine Änderung oder eine neue Richtung, die von einem Produkt, Unternehmen oder einer Dienstleistung eingeschlagen wird.

Die Richtung Ihrer Spirale hat auch viel damit zu tun, wie sie wahrgenommen wird – insbesondere, wenn Sie vorhaben, sie zu animieren. Das Letzte, was Sie wollen, ist zu versuchen, Entwicklung, Wachstum oder Kreativität zu vermitteln und Ihre Benutzer am Ende in eine buchstäbliche Abwärtsspirale zu schicken. Wie bei den meisten Dingen, vermitteln Sie eine positive Bewegung, indem Sie Ihre Spiralen nach Möglichkeit nach oben und nach rechts bewegen lassen.

Rally, ein digitales Produktstudio aus Salt Lake City, UT, verwendet für die gesamte Website eine einfache Spirale auf weißem Hintergrund. Die sich ändernden Farben und die dynamische Bewegung der Spirale halten das visuelle Interesse des Betrachters aufrecht und schaffen ein zusammenhängendes Benutzererlebnis.

Organische Formen

Zu den organischen Formen gehören Blätter, Äste, Wurzeln, Wellen, Sterne, Wolken und mehr. Wo geometrische Formen zusammen verwendet werden können, um Bilder zu erstellen (Beispiel: ein Quadrat mit einem Dreieck darauf wird zu einem einfachen Haus), sind organische Formen in der Regel eigenständig als Bild für sich.

Diese Formen sind normalerweise unregelmäßig oder asymmetrisch (aber nicht immer) und haben auf irgendeine Weise eine Assoziation mit der natürlichen Welt. Die Idee der „Wolke“ ist eine perfekte Verwendung organischer Bilder.

Die Idee der „Cloud“-Speicherung bindet etwas sehr Berauschendes und Technisches – einen immateriellen „Ort“, der Informationen enthält – und bindet ihn an die natürliche Welt, wodurch er für Tech-Neulinge zugänglicher wird. SoundCloud zum Beispiel ist eine Musik-Sharing-Site, auf der Benutzer Audiodateien hochladen und sie mit einer wachsenden Gemeinschaft von Musikliebhabern auf der ganzen Welt teilen können.

Der Geist hinter Design

Wie immer sind dies keine festen Regeln. Verwenden Sie mehrere Formen, Linienstärken und Ausrichtungen in Ihrem Design, um visuelles Interesse zu wecken. Wenn Sie mehrere Elemente zusammen verwenden, können Sie eine Geschichte erzählen, die Ihre Leser mit ihren Augen sehen und in ihrem Bauch fühlen können.

Das WP Engine-Ressourcenzentrum ist Ihre Quelle für Informationen rund um das Thema Design, und in unserer Reihe „Psychology of Design“ geht es darum, die grundlegenden Elemente des Designs zu nutzen, um Kunden mit gut geplantem Branding anzuziehen.

Lesen Sie Teil eins und zwei für einen tiefen Einblick in die Bedeutung von Farbe und wie Sie sie in Ihrem visuellen Geschichtenerzählen verwenden können. Halten Sie dann Ausschau nach Teil vier, der sich mit der Bedeutung Ihrer Schriftart, der Platzierung der Inhalte und der Wortwahl befasst.