Grundlagen des Designs: Aufbau Ihrer Marke und Website

Wenn Sie ein Designer sind, werden Sie wahrscheinlich jetzt abbiegen, aber wenn Sie es nicht sind, bleiben Sie mit und lernen Sie alles über die Grundlagen des Designs.

Beim Design geht es nicht nur darum, Dinge schön aussehen zu lassen. Es geht wirklich darum, den Benutzer zu manipulieren und ihm beizubringen, wie er Ihre Website verwendet. Die Rolle eines Designers besteht darin, den Weg zu skizzieren, den ein Benutzer einschlagen sollte, damit er seine Bedürfnisse erfüllen kann und alle zufrieden sind.

Oft bemerkt ein Benutzer nicht einmal, dass dies geschieht. Das liegt daran, dass Design einer Reihe von Regeln folgt, die wir in unserem Leben auf natürliche Weise durch den Besuch von Hunderten von Websites gelernt haben.

Komposition

Alles, was Sie auf einer Seite sehen, hat einen bestimmten Grund, und gutes Design folgt einer Reihe von Regeln, die als Gestaltprinzipien des Designs bezeichnet werden .

Das menschliche Gehirn ist insofern wunderbar, als es die Lücken eines Bildes ausfüllen kann, ohne bewusst darüber nachdenken zu müssen. Wenn Sie jemals ein Gesicht in einem unbelebten Objekt gesehen haben, ist dies Ihr Gehirn, das genau das tut.

Die Gestaltprinzipien basieren grundsätzlich auf der Funktionsweise unseres Gehirns. Während Sie Ihren Tag verbringen, versucht Ihr Gehirn, jede Sekunde eine Reihe komplexer Bilder zu vereinfachen und zu organisieren – während Sie einfach nur Ihren Kaffee schlürfen!

Wir sind darauf ausgelegt, in allem, was wir betrachten, nach Mustern und Strukturen zu suchen und alles unterbewusst in einem organisierten System in unserem Geist anzuordnen. Designer nutzen dieses Wissen dann, um nach folgenden Prinzipien für das Unterbewusstsein zu entwerfen:

Figur/Grund

Figur/Grund verwendet das Konzept von negativem Raum und Kontrast. Das Gehirn trennt Elemente in das, was es für den Vordergrund und den Hintergrund hält. Es nimmt einen Teil des Bildes und weist ihm die Rolle eines "Brennpunkts" zu und sieht den größeren Bereich eines Bildes als Hintergrund, auf dem die Figur sitzt.

Dies wird oft in optischen Täuschungen gesehen, kann aber auf Logos und Websites angewendet werden. Das FedEx-Logo verwendet beispielsweise negative Leerzeichen im Logo, um die Illusion eines darin verborgenen Pfeils zu erzeugen.

Das negative Leerzeichen zwischen dem „E“ und dem „x“ lässt es erscheinen, als ob dort ein Pfeil wäre.

Nähe

Dieses Prinzip basiert auf der Idee, dass das Gehirn versucht, Dinge zu gruppieren. Objekte, die sich in unmittelbarer Nähe zueinander befinden, scheinen Teil einer Familie zu sein. Auch wenn die Formen identisch sind, lässt ihre Positionierung den Benutzer davon ausgehen, dass die Elemente Teil einer Gruppe sind.

Obwohl Farbe, Form und Größe alle gleich sind, sagt uns unser Gehirn, dass es sich um drei verschiedene Gruppen handelt:

Einheitliche Konnektivität

Dies ist eine der wichtigsten Methoden, mit denen Designer dem Benutzer die Nutzung der Website beibringen. Dies kann durch Farbe, Größe und Form erfolgen. Es kann davon ausgegangen werden, dass die Informationen, die zB in Kreisen bereitgestellt werden, ähnlicher Natur sind und Informationen, die beispielsweise in Quadraten bereitgestellt werden, von anderer Natur sind als die Kreise.

Fortsetzung

Die Fortsetzung oder Ausrichtung basiert auf der Idee, dass das menschliche Auge dem einfachsten Pfad auf einer Seite folgt. Daher sollten alle wichtigen Informationen in diese Zeile fallen, da sie der erste Ort ist, an dem der Benutzer sucht.

Dies kann sehr subtil erfolgen, da die Linien das Auge des Betrachters entweder mit wörtlichen Linien oder mit Formen lenken, die auf natürliche Weise in eine Linie fallen. Dies ist typischerweise in Flussdiagrammen und Infografiken zu sehen, aber auch auf E-Commerce-Sites auf horizontalen Schiebereglern, die verwandte Produkte zeigen.

Gitter sind ein großer Teil dieser Ausrichtung. Ausgehend von der Idee der Einfachheit begann die aus Deutschland stammende Bauhaus-Kunstbewegung Anfang des 20. Jahrhunderts mit dem Konzept der Raster.

Farbe

Farbe ist offensichtlich wichtig für die Markenwiedererkennung. Sobald wir die leuchtend goldenen Bögen von McDonald's auf rotem Grund sehen, wissen wir, was es ist. Diese Farben wurden jedoch nicht zufällig ausgewählt, es steckt etwas Wissenschaft dahinter.

McDonald's wählt zum Beispiel Rot und Gelb, weil es sich um warme Farben handelt, die die Herzfrequenz erhöhen und Sie daher hungriger machen – und eher zum Kauf ihrer Lebensmittel.

Farbe hat viel mit Emotionen zu tun. Sie müssen darüber nachdenken, wer Ihre Zielgruppe ist und mit welchen Emotionen Ihre Marke in Verbindung gebracht werden soll.

Gelb

Wird häufig mit Glück und Selbstvertrauen in Verbindung gebracht. Seine warmen Farben machen es gut für den Einsatz in der Lebensmittelindustrie, da es den Appetit steigern kann. Es sind jedoch Altersfaktoren zu berücksichtigen. Gelb kann Babys anfälliger für Weinen machen, Teenager und junge Erwachsene sind jedoch optimistischer in Bezug auf die Farbe Gelb. Dies ändert sich dann wieder, wenn Sie die ältere Bevölkerungsgruppe erreichen, die Gelb dann mit Angst assoziiert.

Blau

Wird häufig in medizinischen Einrichtungen und für die Technologie verwendet. Es hat eine ruhigere, gelassenere Qualität und kann professioneller erscheinen. Es hat auch den gegenteiligen Effekt auf den Appetit und unterdrückt ihn sogar noch mehr.

Lila

Lila wird mit Reichtum, Macht und Erfolg in Verbindung gebracht. Dies liegt daran, dass Könige Purpur als Zeichen des Reichtums trugen, da es eines der härtesten Pigmente zum Färben von Stoffen war – man musste sehr reich sein, um Kleidung in dieser Farbe zu erhalten. Dies hat sich in unser Unterbewusstsein übertragen und verleiht Lila die gleichen Konnotationen wie vor Hunderten von Jahren.

Rosa

Pink ist bekannt für seine beruhigenden Eigenschaften. Seine Wirkung ist so stark, dass die Farben in Gefängnissen verwendet werden, um Häftlinge zunächst zu beruhigen. Es hat dann auch mehr stereotype Assoziationen wie Liebe und Romantik.

Orange

Ähnlich wie Gelb, da es eine warme Farbe ist, vermittelt Orange Emotionen von Begeisterung und Aufregung. Es kann als sanftere Version von Gelb verwendet werden, da es zugänglicher und freundlicher ist. Durch seine leuchtenden Farben kann es auch für Hinweis- oder Warnschilder verwendet werden, ohne dabei so grell wie zB rot zu wirken.

Zusammen sammeln

Dies ist nur die Einführung in das Design. Wie Sie sehen, gibt es viele Elemente und viele Gedanken, die hinter etwas stehen können, das auf den ersten Blick relativ einfach aussieht. Aber jede Marke und Website wird im Wesentlichen durch eine Kombination einiger dieser Prinzipien erstellt, um die Marken und Websites zu erstellen, die Sie sofort erkennen lernen.

Wenn Sie mehr über Design erfahren möchten, können Sie sich gerne an einen unserer Kreativen wenden.