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 dazu bringt, anzuhalten oder anzuhalten. Dies kann passieren, wenn Sie Text lesen oder wenn sich das Auge von einem Element zum anderen bewegt. Diese visuellen Interpunktionszeichen sind überall und sind wesentliche Bestandteile jedes Gestaltungskonzepts.

Zu den Schlüsselelementen der visuellen Interpunktion gehören allgemein lesbare Interpunktionszeichen sowie Leerzeichen, Linien, Regeln, Symbole und Farben.

Was ist visuelle Interpunktion?

Visuelle Interpunktion gibt es in zwei Hauptformen: Markierungen, die dazu führen, dass Sie mit dem Lesen aufhören, oder Elemente, die eine Pause erzeugen, wenn Sie von einem Objekt zum anderen schauen. Beide Arten von Interpunktion sind gleichermaßen wichtig, und obwohl kontextabhängige Interpunktion ziemlich bekannt und üblich ist, denkt nicht jeder oft an andere visuelle Hinweise.

Die visuelle Interpunktion ist wichtig, weil dadurch die Betroffenen auf ein Design aufmerksam bleiben und Ermüdung beim Lesen oder Betrachten eines Designs verhindert wird. Natürliche Pausen sind Teil der menschlichen Natur, und durch das Entwerfen von Objekten erstellen Sie Stopps, die auftreten, wann und wo Sie sie möchten. Das hilft, Kontext und visuellen Fluss hinzuzufügen.

Es macht auch Ihr Design für einen Benutzer / Leser leichter zu verdauen. Wenn die Arbeit? Für sie ist die Ansicht eines Designs einfacher und erfordert weniger Aufwand oder Nachdenken. (Und wir alle wissen, dass es in der heutigen geschäftigen Welt besser ist, die Dinge für diejenigen zu vereinfachen, die unsere Designs betrachten.)

Kurz gesagt, visuelle Interpunktion ist alles, was der Designer verwendet, um Elemente, Fotos oder Wörter in einem Design zu trennen, zu gruppieren oder hervorzuheben. Ob beabsichtigt oder nicht, visuelle Interpunktion bewirkt, dass jemand anhält und einen bestimmten Teil der Leinwand betrachtet.

Lesbare (Text) Interpunktion

Die bekannteste Art der Interpunktion ist? Gut? tatsächliche Interpunktion. Alle Markierungen, die im Text angezeigt werden und die dazu führen, dass Sie beim Lesen aufhören, werden als Interpunktion betrachtet.

Zu den gebräuchlichen Symbolen gehören Punkt, Fragezeichen, Ausrufezeichen, Sternchen, Bindestrich, Semikolon, Klammern, Klammern, Ellipsen, Anführungszeichen, Doppelpunkt, Bindestrich, Apostroph und das Komma. Die Marken 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. Diese Symbole sind aufgrund ihrer Gemeinsamkeit und ihrer häufig verstandenen Bedeutung auf verschiedene Weise einfach zu verwenden.

Platz

Die Verwendung von Raum als visuelle Interpunktion kommt auch von Text und Schrift. Leerzeichen werden verwendet, um nicht den Anfang eines neuen Absatzes in einem Textblock oder gar den Beginn eines neuen Kapitels in einem Buch zu beginnen. Der Raum kann auf eine Art und Weise funktionieren, die sich wie eine Periode unterscheidet, oder auf eine fließendere Weise, beispielsweise einen Bindestrich.

Der Raum wird auch verwendet, um visuelle Starts und Stopps zu erstellen und eine Richtung für Ihre Augen zu erstellen. Der zwischen Elementen verwendete Speicherplatz kann angeben, wie nahe oder weit voneinander entfernt sie sich in Bezug auf den anderen Inhalt befinden. Der Raum kann auch Raum schaffen, um sich auf mehrere Elemente unabhängig voneinander zu konzentrieren.

Schauen Sie sich das Bild von United Strands an. Zwischen dem Hemdenstapel und dem einfachen Text ist viel Platz. Der Raum gibt dem Benutzer Zeit, sich jeden Gegenstand anzusehen und ihn einzeln und dann als Einheit zu verdauen. Der Speicherplatz dient als Erinnerung, um die Geschwindigkeit zu verlangsamen und die Elemente auf dem Bildschirm zu verbinden.

Auf der Seite "Nice and Serious" oben ergibt sich 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 Bild. Der Abstand zwischen den einzelnen Elementen ist von Element zu Element ziemlich eng und konsistent. wie ein einzelnes Element.

Zeilen und Regeln

Linien sind Regeln, die eine klare 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 Engegefühl beitragen oder manchmal Elemente über diese Trennung hinweg verbinden.

In den obigen Beispielen werden Zeilen auf zwei Arten verwendet. Auf der Square-Seite werden mehrere Zeilen verwendet, um ein imaginäres oder "Geist" zu bilden. Taste. Zeilen heben den anklickbaren Teil der Seite von den übrigen ab. Auf der Agra Culture Kitchen & Press-Seite werden Linien auf zwei Arten verwendet: Um das Auge von Element zu Element zu bewegen und auf bestimmte wichtige Inhalte aufmerksam zu machen, z. B. Logo, Haupttext und Aktionsschaltfläche auf der Startseite .

Icons und Design-Elemente

Die Verwendung von Symbolen und anderen Elementen (und Benutzeroberflächenwerkzeugen für digitale Projekte) ist zwar das Ergebnis der Funktion, sie geben jedoch auch die Designrichtung vor. Diese Tools geben den Benutzern an, wohin sie gehen sollen, wie sie mit dem Inhalt interagieren und bestimmen die allgemeinen Aktionen, die ein Benutzer bei der Interaktion mit einem bestimmten Element durchführt.

In Print-Projekten zum Beispiel werden Facebook- und Twitter-Logos häufig verwendet, um den Benutzern mitzuteilen, dass Unternehmen über Seiten verfügen, die sie mögen oder denen sie folgen können. Anstelle von längeren oder schwierigeren URLs werden Symbole zur Norm. Dieselben Symbole werden häufig in digitalen Projekten als anklickbarer Link zu diesen Websites verwendet oder dienen dazu, Benutzer über Freigabeoptionen innerhalb dieser Social-Media-Sites zu informieren.

Icons und Design-Elemente können auch für andere Zwecke verwendet werden. Sie dienen als visuelle Unterteilung 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 sich diese fast wie Kommas vor, mit denen Sie eine Pause einlegen können, aber nicht aufhören, sich entlang des Pfads zu bewegen.) Octopus verwendet beispielsweise große Symbole als Links in den farbigen Feldern und als visuelle Navigationselemente in den Aufzählungspunkten darunter. Openbox verwendet Symbole in ähnlicher Weise, wobei verschiedene Designs von Dreiecken verwendet werden, um Benutzern zu helfen, sich durch den Inhalt der Website zu bewegen. (Das + oder x bewirkt je nach Ausrichtung dasselbe.) Ein weiteres Element der Anmerkung sind die Punkte unter dem Haupttext, die als Regel und Navigationswerkzeug dienen.

Farbe

Farbe kann ein lustiges Flair hinzufügen, wenn Sie eine Trennung von Elementen im Design erstellen möchten. Und es gibt viele Möglichkeiten, dies zu erreichen. Von Farbe über Schwarzweiß bis zu scharfen Kontrasten bis hin zu thematischen Farbschemata oder Farbtafeln. Die Verwendung unterschiedlicher Farbtöne ist eine einfache Möglichkeit, bestimmte Teile des Designs auf interessante Weise hervorzuheben.

Die obigen Beispiele zeigen zwei stark unterschiedliche Möglichkeiten, um mit Farbe eine Pause zu erzeugen. Auf der P'unk Ave-Seite schwimmt ein hellrotes Symbol vor einem einfarbigen Hintergrund im Weltraum. Es gewinnt sofort visuelle Wirkung und Verbindung. (Betrachten Sie es als ein Ausrufezeichen.)

Die Südaustralien-Seite verwendet Farbe auf eine ganz andere Weise. Jeder andere Inhaltsabschnitt (und der Koordinierungsbildschirm im Parallax-Framework) verwenden einen anderen Farbbildschirm. Dies hilft Ihnen zu wissen, welchen Abschnitt Sie gerade lesen und welcher andere Inhalt kommen soll. Diese visuellen? Semikolons? geben Sie Zeit, um einen Gedanken zu beenden, während Sie zum nächsten übergehen.

Fazit

Visuelle Interpunktion ist überall. Es ist vielleicht auf den ersten Blick nicht so offensichtlich wie die kleinen Buchstaben desselben Namens im Text, aber es ist genauso wichtig. Visuelle Interpunktion hilft beim Erstellen von Fluss und Richtung und verhindert Ermüdung der Leser (und Benutzer).

Es hilft, Harmonie und visuelle Harmonie zu schaffen. Die größere Frage ist nicht, ob Sie es verwenden, sondern ob Sie im Entwurfsprozess darüber nachdenken. Kommen Ihnen visuelle Interpunktionszeichen oder planen Sie sie? Wir würden gerne mehr über Ihren Designprozess in den Kommentaren erfahren.