Connect with us

Wie Man

So bauen Sie eine visuelle Sprache für Ihre Marke auf

blank

Published

blank

Einer der größten Fehler, den Leute machen, die neu im Grafikdesign sind – egal ob sie einen Blog für ein kleines Unternehmen starten oder ihr bestehendes Branding überarbeiten – ist, es zu überdenken. Das beste Grafikdesign beginnt und endet mit einer einfachen Idee, die jedoch so kodifiziert ist, dass sie in vielen verschiedenen Kontexten verwendet werden kann.

Designer bezeichnen diese Art von Design als „visuelle Sprache“, aber dies könnte die Komplexität übertreiben. Eine visuelle Sprache ist nichts anderes als eine Toolbox – eine Reihe von Elementen, auf die Sie zugreifen können, wenn Sie eine neue Webseite entwerfen oder ein neues Produkt branden müssen. Es kann Dutzende von Elementen haben oder zwei.

In diesem Leitfaden zeigen wir Ihnen, wie Sie eine visuelle Sprache für Ihre Marke aufbauen, beginnend auf der einfachsten Ebene und langsam komplexer werdend.

1. Definieren Sie eine Farbpalette

blank

Der erste und grundlegendste Schritt bei der Erstellung Ihrer visuellen Sprache ist die Auswahl der Farben, die Sie verwenden möchten. Für viele Marken sind ihre Farben sogar so ein integraler Bestandteil ihres grafischen Designs – denken Sie an das Gelb und Rot von McDonald’s –, dass sie fast ein Logo ersetzt haben und sofort erkennbar sind.

Und obwohl die Bedeutung eines einheitlichen Farbschemas bei der Gestaltung Ihres Logos am deutlichsten zum Ausdruck kommt, benötigen die meisten Designer mehr als nur die zwei oder drei auffälligen Farben Ihres Logos, um mit ihnen zu arbeiten. Farben brauchen Sie nicht nur für auffällige Verpackungen, sondern auch dezentere Farbtöne für Ihre Website und Langtexte.

Es gibt viele großartige Tools, die Ihnen bei der Auswahl einer Farbpalette helfen können, aber mein Favorit ist Kühler. Mit diesem Online-Service können Sie schnell neue Paletten erstellen und automatisierte Schritte ausführen, z. B. sicherstellen, dass alle Ihre Farben die gleiche Intensität haben.

2. Erstellen Sie eine typografische Hierarchie

blank

In vielen HTML-Kursen ist eine der ersten Lektionen die typografische Hierarchie H1/H2/H3. Auf diese Weise werden Überschriften in HTML kodiert, und es gibt einen sehr guten Grund, warum sie so definiert sind – es ermöglicht Designern, ihren typografischen Stil über Seiten und Websites hinweg konsistent zu halten. Die Schaffung einer visuellen Konsistenz über Moor-Posts hinweg hängt beispielsweise davon ab, sicherzustellen, dass Ihre Überschriften und Absatztexte ähnlich konsistent sind.

Der zweite Schritt beim Erstellen einer visuellen Sprache für Ihre Marke besteht daher darin, über die Schriftarten nachzudenken, die Sie verwenden werden. Auch hier sollten Sie 4 oder 5 Schriftgrößen definieren, von Überschriften bis hin zu Absatztexten, um sicherzustellen, dass Sie für die Zukunft Ihres Brandings genügend Flexibilität haben.

3. Verwenden Sie Raster

blank

Sie können stolz darauf sein, über den Tellerrand hinauszudenken, aber hier ist ein kleiner Tipp von einem erfahrenen Designer – in Rastern sieht alles besser aus.

Diese einfache Wahrheit bedeutet, dass das Raster ein zentraler Bestandteil der visuellen Sprache für das erfolgreichste visuelle Branding ist. Raster lassen Ihre Inhalte nicht nur besser aussehen, sondern haben auch noch einige andere Vorteile. Durch diese Organisation von Inhalten können Sie diese problemlos zwischen verschiedenen Formaten und Kontexten übertragen und gleichzeitig Ihr Branding zugänglicher machen.

Viele Designer lieben Gitter so sehr, dass ich detaillierte Beschreibungen davon in den Styleguides großer Unternehmen gesehen habe. Auch wenn Sie vielleicht nicht so weit gehen müssen, haben Sie ein gutes Verständnis für wie Gitter funktionieren kann Ihr Branding und Ihre Inhalte viel professioneller aussehen lassen.

4. Erstellen Sie eine Komponentenbibliothek

blank

Der nächste Schritt, nachdem Sie einen Satz konsistenter Farben und Schriftarten erstellt haben, besteht darin, eine Bibliothek von Komponenten daraus zu erstellen. Komponenten sind Elemente, die Sie auf vielen verschiedenen Plattformen und in vielen verschiedenen Kontexten verwenden – wie zum Beispiel eine Schaltfläche „Jetzt bestellen“, die auf Ihrer Website und in Ihrer App angezeigt wird.

Inkonsistente Elemente können ein ansonsten sorgfältiges Design wirklich ruinieren, aber die Konsequenzen können weitaus schlimmer sein. Benutzer gewöhnen sich schnell an die von Ihnen verwendete Bildsprache. Das Ändern der Farbe einer Schaltfläche zwischen den Seiten kann die Navigation auf Ihrer Website erschweren, was zu höheren Absprungraten führt.

Beim Erstellen von Komponenten gibt es eine einfache Regel: Stellen Sie sicher, dass Sie dies nur einmal tun müssen. Damit meine ich, dass Sie beispielsweise bei der ersten Verwendung einer Schaltfläche auf Ihrer Webseite eine Vorlage erstellen sollten, der alle anderen Schaltflächen folgen. Wenn Sie Ihre Site am Ende Ihres Designprozesses nicht nur mit Vorlagen neu erstellen können, haben Sie nicht genügend wiederverwendbare Komponenten erstellt.

5. Bilder gestalten

blank
Bild mit freundlicher Genehmigung von Unsplash

Zum Schluss noch ein kurzes Wort zum Bildstil. Die meisten visuellen Sprachen definieren einen Bildstil, und dieser kann so komplex oder einfach sein, wie Sie möchten. Es kann sich auf alles beziehen, von Fotoausschnitten (eng oder breit), Verwendung von Filtern, Geschwindigkeit von Videos und Kompositionsstil bis hin zu Fotos oder Illustrationen (oder handgezeichneten Bildern von Guy Fawkes inmitten einer Reihe von Sturmtruppen). ) für Ihr Branding.

Wie weit Sie mit der Definition eines Bildstils auch gehen, testen Sie und wählen Sie den Fotomanager aus, den Sie früher oder später verwenden werden. Vertrauen Sie mir, Ihr Leben wird einfacher und produktiver. Auf diese Weise können Sie schnell sehen, welche Bilder Ihnen zur Verfügung stehen und die tatsächlich in das Design passen, an dem Sie arbeiten.

Die Zukunft

Während Konsistenz entscheidend ist, ist es genauso wichtig, Ihr Branding an die Zeit und die Stimmung Ihres Publikums anzupassen und zu ändern. Aus diesem Grund sollten Sie Ihre visuelle Sprache als eine sich entwickelnde betrachten. Seien Sie nicht zu sehr daran interessiert, die oben genannten Elemente zu ändern – und insbesondere Ihre Schriftarten und Farben –, aber stellen Sie sicher, dass Sie die Dinge ändern, wenn Sie nicht die Traktion bekommen, die Sie sein sollten.