Definition

Visuelle Hierarchie wird verwendet, um Designelemente zu ordnen und die Reihenfolge zu beeinflussen, in der wir sie lesen. Anhand der unten beschriebenen Prinzipien werden Sie sehen, wie einige einfache Designprinzipien dazu beitragen können, Ihre Botschaften hervorzuheben.

Genau wie alle Dinge, die wir sehen, haben Vermarkter, Designer und ziemlich jeder, der versucht, uns grafisch zu kommunizieren, seit Jahren geschmort, um den besten Weg zu finden, uns anzulocken und unsere Augen mit den Informationen zu füttern, die sie von Ihnen erwarten sehen.

Es ist eigentlich ein praktisches Werkzeug, denn im Allgemeinen suchen wir nach den Informationen und wollen nicht durch irrelevante Informationen suchen müssen, um die guten Sachen zu bekommen. Das bedeutet, dass eine gut gemachte visuelle Hierarchie für beide Seiten von Vorteil sein kann – genauso wie Unternehmen zielgerichtete Werbung einsetzen, um von Kunden gesehen zu werden, die als „relevant“ erachtet werden, ist dies tatsächlich eine schlechte Sache? Im Gegensatz dazu, von einem Unternehmen angegriffen zu werden, das Ihnen Haarprodukte verkauft, und Sie sind ein kahlköpfiger Mann.

Bei George & Willy, unsere visuelle Hierarchie basiert darauf, für Sie mit unserem eine „bessere Art der Präsentation“ zu schaffen Anzeigetafeln, Menüs und kreative Beschilderung Optionen. Ob es sich um die Verwendung eines Stifts als Grafikdesign-Tool auf unserem Studio-Roller, Verwendung der Bäcker Menü, oder arrangieren unsere Buchstabentafel aus Holz Tiles möchten wir die bestmögliche Leinwand schaffen, damit Ihr Raum gesehen werden kann.

 

Prinzipien

Die Welt des Grafikdesigns verändert sich ständig wie die Welt der Mode, aber die Grundprinzipien bleiben gleich, und gutes Design bleibt gutes Design.

Visual Hierarchy Graphic Design

Bauhaus, eine Schule der Künste, die Anfang des 20. Jahrhunderts in Deutschland gegründet wurde. Es verwandelte sich in eine weltweite Bewegung in der modernen Kunst, die noch heute im Grafikdesign bis hin zur Architektur weltweit vertreten ist.

Es ist, als würden die Klamotten der 90er Jahre zwei Jahrzehnte später immer noch getragen und wie das Anziehen von Johnny Cash, Tina Turner oder den Beatles Ihren Fuß für immer zum Stampfen bringen wird.

Gutes Grafikdesign wird immer gut sein, egal in welchem Jahrzehnt.

 

Lesemuster:

Alle Kulturen lesen von oben nach unten und die meisten Kulturen lesen von links nach rechts. Aber während dieses Wissen für das Grafikdesign auf der Seite wichtig ist, gehört noch ein bisschen mehr dazu.

Die Leute scannen zuerst eine Seite, um ein Gefühl dafür zu bekommen, ob sie interessiert sind, bevor sie sich zum Lesen verpflichten. Scanmuster nehmen in der Regel eine von zwei Formen an, „F“ und „Z“, und Sie können dies in Ihrem Design nutzen.

Visual Hierarchy Letter Layout

F-Muster gelten für traditionelle, textlastige Seiten wie Artikel oder Blogbeiträge.

Ein Leser überfliegt die linke Seite der Seite, sucht nach interessanten Schlüsselwörtern in linksbündigen Überschriften, hält dann an und liest (nach rechts), wenn er oder sie auf etwas Interessantes stößt.

Das Ergebnis sieht in etwa wie ein F oder manchmal wie ein E aus, je nachdem, wie viel Interesse Sie geweckt haben.

Visual Hierarchy Graphic Design

NYC Kasse & Sprocket-Getränkekarte, von Will Gardner

 

Z-Muster gelten für andere Arten von Seiten, wie Anzeigen oder Websites, auf denen Informationen nicht unbedingt in Blockabsätzen dargestellt werden. Das Auge des Lesers schweift zuerst über den oberen Rand der Seite, wo wahrscheinlich wichtige Informationen zu finden sind, schießt dann diagonal nach unten in die gegenüberliegende Ecke und macht dasselbe über den unteren Teil der Seite.

 

Die Größe ist wichtig

Dieser ist ziemlich einfach; Leute lesen größere Dinge zuerst. Größere Schriftgrößen reichen aus, um die Hierarchie auf der linken Seite zu überschreiben, und in Verbindung mit der Platzierung auf der linken Seite haben Sie eine starke Formel, um Ihre Botschaft wahrzunehmen.

 

Visual Hierarchy Lettering Sizes

Das neue George & Willy Beer Menu, bald auf unserer Website verfügbar.

 

Platz

Eine weitere Möglichkeit, Ihren Inhalten Aufmerksamkeit zu schenken, besteht darin, ihnen ausreichend Platz zu geben. Wenn Sie Ihren Worten einen negativen Raum geben, der sie umgibt, haben Sie den gleichen Effekt, als würden Sie sie mit einem Textmarker aufnehmen.

Was uns zum nächsten Prinzip führt, der Farbe.

Visual Hierarchy Lettering Sizes

Kerning oder Tracking ist eine einfache Möglichkeit, Ihren Buchstaben Raum zu geben und sie hervorzuheben. Auf der George & Willi Studio-Roller.

 

Farbe

Textfarbe, Kontraste und Hervorhebungen wirken alle zusammen, um den Betrachter wieder durch eine visuelle Hierarchie zu den wichtigsten Informationen zu führen. Die Farbpsychologie ist entscheidend dafür, wie sich der Betrachter fühlen soll, wenn er Ihre Botschaft sieht.

Gelb steht für Optimismus, Klarheit und Wärme, während Grün für Frieden, Wachstum und Gesundheit steht. Dieses Prinzip ist interessant, wenn Sie an Marken denken, die Sie kennen und die dies repräsentieren.

Visual hierarchy colour

Dukes Coffee Roasters, Melbourne, Australien.

 

Wir haben einen weiteren Blogbeitrag über die „Psychologie der Farbe“, der viel mehr darüber berührt und es wert ist, gelesen zu werden.

 

Schriftart/Gesichter oder Schriftart

Die Wahl einer Schriftart, die sich auf den Ton bezieht, den Sie angeben möchten, ist der Schlüssel. Das Erstellen einer visuellen Hierarchie in Menüs hilft beim Gruppieren relevanter Informationen und zeigt Ihnen, wo Abschnitte aufhören und beginnen.

Visual Hierarchy Letter Layout

Das George & Willy Park-Brieftafel

 

Wir haben die Einfachheit einer serifenlosen Schriftart schon immer geliebt und fanden sie eine großartige Schriftart für Menüs. Ein so einfaches Buchstabenlayout ermöglicht die Verwendung in jedem Raumstil. Wir verwenden dieses Produkt bei uns Menü mit Magnetbuchstaben wenn Sie sehen möchten, was wir damit meinen.

Wenn man sich jeden einzelnen Buchstaben in Effra ansieht, kann man sich kaum einen einfacheren Buchstaben vorstellen. Es ist eine sehr saubere Schriftart für Menüs und eignet sich für Großbuchstaben mit etwas Unterschneidung.

Als Designer denken wir gerne über die kleineren und manchmal komplizierteren Puzzleteile nach, die ein ganzes Produkt ausmachen.

Meistens tun wir alle diese Dinge, ohne tatsächlich kognitiv darüber nachzudenken, warum, wie oder was es erreichen wird, es passiert entweder einfach oder es sieht gut aus und wir laufen damit. Wenn Sie Menüs, Schilder oder Bilder sehen, die gute Beispiele für visuelle Hierarchien zeigen, markieren Sie uns darin oder senden Sie sie uns zu!

Bold Commerce Collaborator