Ein Anfängerleitfaden zur visuellen Hierarchie für Designer

Veröffentlicht: 2018-11-07

Wenn Sie Grafikdesigner, Webdesigner oder überhaupt visuell arbeiten, haben Sie wahrscheinlich Ihren Prozess beim Erstellen eines neuen Dokuments oder Produkts entwickelt. Unabhängig davon, ob Sie es so bezeichnen oder nicht, eine der wesentlichen Aufgaben beim Starten eines neuen Projekts besteht darin, eine Art visuelle Hierarchie für das Stück zu entwickeln – ein Layout aller Elemente oder Abschnitte in Ihrer visuellen Aufschlüsselung. Das Komponieren eines neuen visuellen Stücks beinhaltet immer Überlegungen zu Layout und Komposition – wohin die Dinge gehen, wie sie ausgerichtet sind und in welcher Reihenfolge. Sie können sich die Hierarchie so vorstellen, dass Sie diese Liste der wesentlichen Elemente in Ihrem Designprojekt so einrahmen, dass die wichtigsten Dinge an der Spitze der Kreation stehen.

Inhaltsverzeichnis ausblenden
Nutzen Sie die Größe zu Ihrem Vorteil
Treffen Sie eine intelligente Farbauswahl
Betrachten Sie Typografie mit Bedacht

Das Erstellen einer Hierarchie ist wichtig, da sie Ihnen hilft, die Aufmerksamkeit zur richtigen Zeit auf das Richtige zu lenken. Eine Hierarchie ist ein vernünftiger Weg, um eine relative Essenz von Elementen zu zeigen, indem sie Organisation in ihrer Struktur bietet und einem Betrachter hilft, sich zurechtzufinden. Sie werden wissen, welche Informationen vor den anderen kommen; Sie wissen genau, was zuerst gelesen werden sollte. Sie werden auch wissen, auf welchen Teil Sie mehr achten sollten.

Alles, was wir erstellen, sollte eine Hierarchie haben – selbst die Aufsätze, die wir in der Schule schreiben, oder die Berichte, die wir Investoren für unsere Unternehmen vorlegen. Im Design beschränkt sich die Hierarchie jedoch nicht nur auf Text. Wenn Sie beispielsweise eine korrekt gestaltete Website durchgehen, werden Sie feststellen, dass die Hierarchie angewendet wird, um die Seite zu strukturieren. Von der Größe des Navigationsbanners bis hin zu den Symbolen, Klappentexten und dem Heldenbild. Während Ihr Content-Mitarbeiter oder Texter damit beschäftigt ist, die Geschichte der Website von den wichtigsten bis zu den unwichtigsten Elementen zu erzählen, sollten Sie als Designer eine passende visuelle Hierarchie erstellen.

Die visuelle Hierarchie bildet einen Brennpunkt, der Ihre Betrachter bequemer und besser ausgerichtet macht, indem sie Ihr Design durchgeht und sie dorthin führt, wo sich die wichtigsten Informationen befinden – und ihre Aufmerksamkeit darauf lenkt. Wenn Sie sich darauf freuen, Ihr Wissen über visuelle Hierarchien zu erweitern, um Ihre Designkarriere aufzubauen, sind Sie hier genau richtig. Dieser Artikel führt Sie durch einige Dinge, die Sie berücksichtigen sollten, damit Sie eine angemessene visuelle Hierarchie erstellen können.

Nutzen Sie die Größe zu Ihrem Vorteil

Größe und Hierarchie Stift

Als Grafikdesigner können Sie die Größe zu Ihrem Vorteil nutzen, indem Sie verschiedene Elemente reduzieren oder vergrößern, um die Sichtbarkeit zu verbessern. Ein größeres Designelement erhält etwas mehr Aufmerksamkeit und sollte daher den wichtigsten, interessantesten oder einführenden Elementen vorbehalten sein. Das Vergrößern der Abmessungen eines Objekts und der Größe im Verhältnis zu anderen Objekten (der Skalierung) gehört zu den äußerst effektiven Möglichkeiten, Ihrem Design eine visuelle Hierarchie und Organisation zu verleihen. Diejenigen Gestaltungselemente, die nicht von großer Bedeutung sind oder die nicht zu den wichtigsten Textelementen passen, können in ihrer Größe reduziert werden, damit sie nicht so sichtbar sind wie diejenigen, die eine große Bedeutung haben. Diese Arten von Designelementen gehören zu einem niedrigen Punkt in der visuellen Hierarchie.

Treffen Sie eine intelligente Farbauswahl

Wie erstelle ich eine Hierarchie mit Farben? Stift

Die andere wichtige Sache, auf die Sie sich beim Erstellen einer Hierarchie konzentrieren sollten, sind Farbe und Kontrast. Menschen fühlen sich von Farben visuell angezogen, insbesondere wenn die Farbe strategisch eingesetzt wird, um wichtige Bilder oder Informationen anzuzeigen. Es besteht eine sehr hohe Wahrscheinlichkeit, dass eine Person eine Website durchgeht und tiefer liest, wenn diese Informationen eine farbbezogene Organisation aufweisen. Aus diesem Grund sind datengesteuerte Grafiken und Diagramme zur besseren Sichtbarkeit und Lesbarkeit häufig farbcodiert. Farben wie Gelb und Rot vermitteln Wichtigkeit und Dringlichkeit, während Farben wie Blau und Grün Stabilität und Ruhe vermitteln. Sie sollten jedoch darauf achten, Ihr Design nicht mit allen Farben des Regenbogens zu überziehen, da dies negative Auswirkungen haben oder von der Botschaft ablenken kann. Verwenden Sie die Farben intelligent und mit einem bestimmten Zweck, und Sie werden feststellen, dass sie sich gut für die visuelle Gesamtwirkung Ihres Produkts eignen.

Betrachten Sie Typografie mit Bedacht

Hierarchie und Typografie Stift

Der andere zu berücksichtigende Faktor ist die Art der Schriftart, die Sie verwenden möchten, und die jeweilige Größe. Es stehen mehrere Schriftarten zur Auswahl, daher ist es Ihre Aufgabe, sicherzustellen, dass die von Ihnen ausgewählten Schriftarten die besten sind und die Botschaft jedes Produkts hervorheben. Traditionell wurde gesagt, dass Überschriften und Titel serifenlose oder Anzeigeschriften verwenden sollten und dass Kopierschriften nur auf Serifenschriften beschränkt werden sollten. Dies ändert sich, während sich die Welt verändert, aber als allgemeine Regel gilt, je größer die Schrift, desto auffälliger die Kopie. Im Allgemeinen ist die Kopie immer noch in einem Gliederungsformat angeordnet, bei dem der obere Titel am größten ist, kleinere Untertitel mittelgroß sind und der allgemeine Haupttext am kleinsten ist. Dabei geht es weniger um den Trend oder Anspruch an Design als vielmehr um die Lesbarkeit und die menschliche Neigung zum Scannen.

Die wichtigsten Gestaltungselemente sollten mit Schriften geschrieben werden, die Aufmerksamkeit erregen – aber immer Klarheit schaffen. Aufmerksamkeit nützt nichts, wenn der Leser das Geschriebene nicht verstehen kann. Zu oft werden Schriftarten ausgewählt, ohne darauf zu achten, wie sich die einzelnen Buchstaben manifestieren. Manchmal hat dies sogar zu einem Fauxpas für eine Marke geführt, die ein Wort schreiben wollte, dessen Schriftart das Wort jedoch falsch oder schlimmer noch unangemessen erscheinen ließ.

Nachdem Sie die oben genannten Tipps durchgegangen sind, können Sie nun Ihre visuelle Hierarchie erstellen. In Anbetracht dessen, dass dies ein Leitfaden für Anfänger ist, wurden alle in diesem Artikel gemachten Punkte gründlich recherchiert, um Ihnen dabei zu helfen, zum ersten Mal die beste visuelle Hierarchie zu finden und es einfach zu machen. Eine einfache Möglichkeit, um festzustellen, ob Ihre visuelle Hierarchie effektiv war, besteht darin, die gesamte Sprache in dem Stück laut vorzulesen. Gibt es Teile, die Sie dazu auffordern, Ihre Stimme zu ändern oder zu betonen? Das sind diejenigen, die den größten Teil der Aufmerksamkeit auf sich ziehen. Bei Projekten, die nicht viel Text haben, blinzeln oder aus der Ferne schauen und bemerken, wohin Ihre Augen gezogen werden – idealerweise wird dieser Bereich der Mittelpunkt Ihres Produkts sein. Wenn Sie von weniger wichtigen Kopien oder visuellen Elementen angezogen werden, haben Sie möglicherweise etwas gebaut, das zu sehr ablenkt, und Sie können dies als Maß verwenden, um Änderungen am Projekt vor seiner Fertigstellung vorzunehmen.