Das Designer-Handbuch zur visuellen Interpunktion
Interpunktion ist mehr als nur Punkte und Ausrufezeichen. In Bezug auf das Design kann Interpunktion alles sein, was einen Leser oder Benutzer zum Anhalten oder Anhalten veranlasst. Dies kann beim Lesen von Text oder beim Bewegen des Auges von einem Element zum anderen geschehen. Diese visuellen Interpunktionen sind überall und wichtige Bestandteile jedes Designkonzepts.
Zu den Schlüsselelementen der visuellen Interpunktion gehören häufig lesbare Interpunktionszeichen sowie Leerzeichen, Linien, Regeln, Symbole und Farben.
Entdecken Sie Envato-Elemente
Was ist visuelle Interpunktion?
Visuelle Interpunktion gibt es in zwei Hauptformen: Markierungen, die dazu führen, dass Sie beim Lesen anhalten, oder Elemente, die beim Blick von einem Objekt zum anderen eine Pause verursachen. Beide Arten der Interpunktion sind gleich wichtig, und obwohl die kontextbezogene Interpunktion ziemlich bekannt und verbreitet ist, denkt nicht jeder oft an andere visuelle Hinweise.
Visuelle Interpunktion ist wichtig, da sie Menschen beim Betrachten eines Designs beschäftigen und Ermüdungserscheinungen beim Lesen oder Betrachten eines Designs verhindern kann. Natürliche Pausen sind Teil der menschlichen Natur. Indem Sie sie entwerfen, erstellen Sie Stopps, die auftreten, wann und wo Sie sie möchten. Das hilft, Kontext und visuellen Fluss hinzuzufügen.
Es erleichtert Ihrem Benutzer / Leser auch das Verdauen Ihres Designs. Wenn die „Arbeit“ für sie erledigt ist, kann das Anzeigen eines Entwurfs einfacher sein und weniger Aufwand oder Gedanken erfordern. (Und wir alle wissen, dass es in der heutigen geschäftigen Welt besser ist, die Dinge für diejenigen, die sich unsere Designs ansehen, einfacher zu machen.)
Kurz gesagt, visuelle Interpunktion ist alles, was der Designer verwendet, um Elemente, Fotos oder Wörter innerhalb eines Designs zu trennen, zu gruppieren oder hervorzuheben. Absichtlich oder nicht, visuelle Interpunktion führt dazu, dass jemand anhält und einen bestimmten Teil der Leinwand betrachtet.
Lesbare (Text-) Interpunktion
Die bekannteste Art der Interpunktion ist… na ja… die tatsächliche Interpunktion. Alle Markierungen im Text, die dazu führen, dass Sie beim Lesen anhalten, gelten als Interpunktion.
Zu den gebräuchlichen Symbolen gehören Punkt, Fragezeichen, Ausrufezeichen, Sternchen, Bindestrich, Semikolon, Klammern, Klammern, Auslassungspunkte, Anführungszeichen, Doppelpunkt, Bindestrich, Apostroph und Komma. Die Markierungen können im Zusammenhang mit dem Schreiben oder Bilden von Sätzen verwendet werden, werden jedoch häufig auch für visuelle Zwecke verwendet.
Manchmal werden diese Zeichen als Teil eines Logos oder in der Kunst eines Designs verwendet, um Bedeutung oder Betonung zu vermitteln. Aufgrund ihrer gemeinsamen Natur und oft gut verstandenen Bedeutung sind diese Symbole auf verschiedene Weise einfach zu verwenden.
Platz
Die Verwendung des Raums als Form der visuellen Interpunktion kommt auch von Text und Schrift. Leerzeichen werden verwendet, um nicht den Beginn eines neuen Absatzes in einem Textblock oder sogar den Beginn eines neuen Kapitels in einem Buch zu beginnen. Der Raum kann auf eine Weise funktionieren, die sich wie eine Periode unterscheidet, oder auf eine fließendere Weise, wie z. B. ein Strich.
Der Raum wird auch verwendet, um visuelle Starts und Stopps zu erstellen und eine Richtung für Ihre Augen festzulegen. Der zwischen den Elementen verwendete Platz kann darstellen, wie nah oder weit sie im Verhältnis zum anderen Inhalt voneinander entfernt sind. Der Raum kann auch Raum schaffen, in dem Sie sich unabhängig voneinander auf mehrere Elemente konzentrieren können.
Schauen Sie sich das Bild oben von United Strands an. Zwischen dem Stapel Hemden und dem einfachen Text ist viel Platz. Der Raum gibt dem Benutzer Zeit, sich jedes Objekt anzusehen und es einzeln und dann als Einheit zu verarbeiten. Der Raum dient als Erinnerung an die Verlangsamung und als Verbindung zwischen den Elementen auf dem Bildschirm.
Space bringt auf der obigen Seite Nice and Serious ein anderes Ergebnis. Aufgrund des gleichmäßigen Abstands zwischen vier ähnlichen, aber unterschiedlichen Elementen in den roten Kreisen gruppieren Sie die Elemente natürlich als ein einzelnes Bild. Der Abstand zwischen den einzelnen Elementen ist von Element zu Element ziemlich eng und konsistent, sodass sie sich wie ein einzelnes Element anfühlen.
Linien und Regeln
Linien sind Regeln, die eine eindeutige Trennung zwischen Objekten erzeugen. (Sie können den gleichen Effekt auch mit Boxelementen erzielen.) Die Linie beschreibt, wo eine Sache endet und eine andere beginnt. Es ähnelt einem Punkt am Ende jedes Satzes in einem Absatz.
Linien werden oft in Verbindung mit Leerzeichen verwendet, aber das ist nicht immer der Fall. Linien, die nahe beieinander liegen oder keinen Abstand haben, können zu einem Gefühl der Enge beitragen oder manchmal Elemente über diese Trennung hinweg verbinden.
In den obigen Beispielen werden Linien auf zwei Arten verwendet. Auf der quadratischen Seite werden mehrere Zeilen verwendet, um eine imaginäre oder "Geister" -Schaltfläche zu bilden. Linien heben den anklickbaren Teil der Seite vom Rest ab. Auf der Seite Agra Culture Kitchen & Press werden Linien auf zwei Arten verwendet: Um das Auge von Element zu Element zu bewegen und um auf bestimmte wichtige Inhalte wie das Logo, den Haupttext und die Schaltfläche zum Aufrufen von Aktionen auf der Startseite aufmerksam zu machen .
Symbole und Designelemente
Die Verwendung von Symbolen und anderen Elementen (und Benutzeroberflächentools für digitale Projekte) ist zwar das Ergebnis der Funktion, sie geben jedoch auch die Entwurfsrichtung vor. Diese Tools teilen den Benutzern mit, wohin sie im Design gehen sollen, wie sie mit dem Inhalt interagieren sollen, und bestimmen die allgemeinen Aktionen, die ein Benutzer bei der Interaktion mit einem bestimmten Element ausführen wird.
In Druckprojekten werden beispielsweise häufig Facebook- und Twitter-Logos verwendet, um Benutzern mitzuteilen, dass Unternehmen Seiten haben, die sie mögen oder denen sie folgen können. Symbole anstelle längerer oder schwierigerer URLs werden zur Norm. Dieselben Symbole werden häufig in digitalen Projekten als anklickbarer Link zu diesen Websites verwendet oder führen Benutzer dazu, Optionen auf diesen Social-Media-Websites zu teilen.
Symbole und Designelemente können auch anderweitig verwendet werden. Sie dienen als visuelle Divots im Storytelling-Prozess und können verwendet werden, um Leser durch Text oder von einem Element zum nächsten auf der Leinwand zu locken. (Stellen Sie sie sich fast wie Kommas vor, mit denen Sie anhalten, aber nicht aufhören können, sich auf dem Pfad zu bewegen.) Octopus verwendet beispielsweise große Symbole als Links in den farbigen Feldern und als visuelle Navigationselemente in den Aufzählungspunkten unten. Openbox verwendet Symbole auf ähnliche Weise und variiert die Designs von Dreiecken, damit Benutzer sich durch den Inhalt der Website bewegen können. (Das + oder x macht je nach Ausrichtung dasselbe.) Ein weiteres bemerkenswertes Element sind die Punkte unter dem Haupttext, die als Regel und Navigationswerkzeug dienen.
Farbe
Farbe kann ein lustiges Flair verleihen, wenn Sie Elemente im Design trennen möchten. Und es gibt viele Möglichkeiten, dies zu erreichen. Von Farbe über Schwarzweiß über scharfe Kontraste bis hin zu thematischen Farbschemata oder Farbtafeln ist die Verwendung unterschiedlicher Farbtöne eine einfache Möglichkeit, auf interessante Weise auf bestimmte Teile des Designs aufmerksam zu machen.
Die obigen Beispiele zeigen zwei sehr unterschiedliche Möglichkeiten, Farbe zum Erstellen einer Pause zu verwenden. Auf der P'unk Ave-Seite schwimmt ein leuchtend rotes Symbol vor einem einfarbigen Hintergrund im Weltraum. Es erhält sofortige visuelle Wirkung und Verbindung. (Betrachten Sie es als eine Art Ausrufezeichen.)
Die Seite in Südaustralien verwendet Farben auf ganz andere Weise. Jeder unterschiedliche Inhaltsbereich (und Koordinierungsbildschirm im Parallaxen-Framework) verwendet einen anderen Farbbildschirm. Auf diese Weise wissen Sie, welchen Abschnitt Sie lesen und welche weiteren Inhalte folgen werden. Diese visuellen „Semikolons“ geben Ihnen Zeit, einen Gedanken zu beenden, während Sie zum nächsten übergehen.
Fazit
Visuelle Interpunktion ist überall. Es mag zunächst nicht so offensichtlich sein wie die kleinen gleichnamigen Zeichen im Text, aber es ist genauso wichtig. Visuelle Interpunktion hilft dabei, Fluss und Richtung zu erzeugen und Ermüdung des Lesers (und Benutzers) zu verhindern.
Es hilft, Harmonie und visuelle Harmonie zu schaffen. Die größere Frage ist nicht, ob Sie es verwenden, sondern ob Sie im Designprozess darüber nachdenken. Passieren gerade visuelle Interpunktionszeichen oder planen Sie sie? Wir würden gerne mehr über Ihren Designprozess in den Kommentaren erfahren.
