Brand Illustration Systems: Zeichnen einer starken visuellen Identität

Veröffentlicht: 2022-03-10
Kurze Zusammenfassung ↬ Markenillustrationen sind eine anpassungsfähige und effektive Möglichkeit, die visuelle Marke eines Unternehmens aufzubauen. In diesem Artikel beschreibt Yihui Liu ihren Prozess zur Entwicklung eines starken Markenillustrationssystems. Ihr Ansatz wurde über 10 Jahre Studium und Berufserfahrung in China und Europa verfeinert und zieht Beispiele aus ihrer neuesten Arbeit als Lead Designer bei Spacebase.

In der Flut von Online-Inhalten leben oder sterben Unternehmen von ihrem Markenimage. Ein Markenimage muss die Botschaft des Unternehmens ausdrücken und eine Verbindung zu den Benutzern herstellen, die es über verschiedene Medien hinweg sofort erkennen sollten, auch abseits der Website und der Marketinginhalte des Unternehmens. Ein starkes Markenimage ist wie ein Anker, der dazu beiträgt, die Benutzerbindung zu gewährleisten und Werteassoziationen zu festigen.

Das Markenimage wird typischerweise aus verschiedenen visuellen Elementen aufgebaut – Logos, Farbpalette, eine bestimmte Schriftart. Daneben sind Illustrationen ein weiteres starkes Mittel der visuellen Kommunikation, das für Online-UI immer mehr nachgefragt wird.

Warum? Weil Illustrationen visuelle Inhalte mit narrativen Elementen versehen und subtilere Emotionen oder komplexere Situationen zum Ausdruck bringen. Das Einbeziehen menschlicher Figuren macht Ideen aktiv und zugänglich, oft auf eine unbeschwerte oder skurrile Art und Weise. Illustrationen wenden sich vom Realismus ab und lassen Sie die Welt so bauen, wie die Marke sie sieht .

Dies ist ein wichtiger Teil im größeren Puzzle von Online-Kampagnen. Digitales Design, das Vektoren verwendet, bevorzugt klare, mutige Bilder, die sich gut in unverwechselbare Branding-Illustrationen umsetzen lassen. Anstelle von Einwegdesigns werden diese Online-Illustrationen als Teil umfassender visueller Systeme verwendet. Bilder in einem Illustrationssystem teilen eine einheitliche Stimmung oder einen einheitlichen Stil, wodurch sie mit dem breiteren Image und der Botschaft der Marke identifizierbar sind, selbst wenn sie verschiedene Aspekte eines Produkts oder einer Dienstleistung darstellen.

Illustrationssysteme erhöhen die Reichweite und Tiefe der Botschaften, die ein Unternehmen visuell über sich kommuniziert, vom Leitbild bis zur praktischen Produktunterstützung, und stärken gleichzeitig das Markenimage.

Mehr nach dem Sprung! Lesen Sie unten weiter ↓

Designprozess

Wie sollten Sie also vorgehen, um ein effektives Markenillustrationssystem zu entwerfen? Ich führe Sie durch meinen Designprozess mit Beispielen aus der jüngsten Überholung, die wir bei Spacebase vorgenommen haben.

Erforschen Sie die Marke

Das Wichtigste zuerst – kennen Sie die Marke, für die Sie entwerfen werden. Das mag offensichtlich klingen, aber unterschätzen Sie nicht die damit verbundene Arbeit. Auch wenn Sie denken, dass Sie bereits über praktische Kenntnisse verfügen, lohnt es sich, Zeit zu investieren, um Ihr Verständnis der Marke aufzufrischen oder zu vertiefen.

Tauchen Sie ein in die Kultur hinter dem Unternehmen und seinen Produkten oder Dienstleistungen. Was ist ihre Hauptbotschaft, welche Formen nimmt ihre bestehende visuelle Identität an und in welche Richtung will das Unternehmen wachsen?

Wenn Sie dies zu Beginn gründlich untersuchen, ersparen Sie sich später Kopfschmerzen und Sackgassen.

Verstehen Sie die Bedürfnisse der Stakeholder

Sie müssen nicht nur Ihre eigene Recherche durchführen, sondern auch mit den Interessenvertretern sprechen. Diese Verbindung ist entscheidend für den Erfolg Ihres Designs – beziehen Sie sie also frühzeitig ein und halten Sie sie über den Prozess auf dem Laufenden.

Erhalten Sie Antworten auf wichtige Fragen zum Design: Wo werden die Illustrationen erscheinen und was müssen sie ausdrücken? Welche Art von Situationen und Emotionen könnten sie spielen? Was sind die technischen Parameter, in denen Sie arbeiten müssen?

In dieser Phase sind sich die Stakeholder möglicherweise nicht ganz klar darüber, was sie wollen. Dennoch sollten Sie ihren Beiträgen aufmerksam zuhören und ihre Erwartungen in Bezug auf die Ziele des Unternehmens und ihr breiteres Markenimage berücksichtigen.

Bei Spacebase war das Ziel, die Online-Buchungsplattform zugänglicher und menschlicher zu machen. Ich habe intensiv über die Beziehung zwischen Besprechungsräumen und den Menschen, die sie nutzen, nachgedacht. Wir wollten die Markenbotschaft des Aufbruchs aus regulären Arbeitsbereichen in neue und aufregende auf eine reibungslose, bequeme und unterstützende Weise einfangen. Freundlich, modern und schlicht sollten die Designs daherkommen.

Inspiration organisieren

Ein Moodboard ist unerlässlich, um den erhaltenen Input zu verarbeiten und Ihre Ideen zu organisieren. Sammeln Sie Bilder von Konkurrenten oder Unternehmen in diesem Bereich mit ähnlichen Qualitäten wie Ihr beabsichtigtes Ziel und stellen Sie diese dann in einer Ressource zusammen. Wenn Sie sich ansehen, was Sie inspiriert, kann dies ein Leitfaden für den Gesamtton sein, den Sie erreichen möchten, und den Weg zu einer ersten Iteration vorschlagen. Dies ist auch nützliches Material, um es den Stakeholdern zu zeigen, da es ihnen einen Eindruck davon vermittelt, in welche Richtung die Illustrationen gehen werden, bevor die Arbeit zur Erstellung von Konzepten beginnt.

Einige der Markenillustrationen, die mich inspiriert haben. (Große Vorschau)

Für das Spacebase-Design habe ich mich besonders von den Illustrationen von Airbnb, IBM und Shopify inspirieren lassen. Das einfache Design von Menschen und Räumen ist mir wirklich aufgefallen, und ich war daran interessiert, wie die gedeckten Farbpaletten die Illustrationen fokussiert halten, ohne die Bildelemente zu überwältigen. Sie erzeugen einen Eindruck von Ruhe, Wärme und Inklusivität.

Konzepterstellung

Nach der Recherche und dem Moodboarding beginne ich mit dem Skizzieren in Adobe Illustrator. Manchmal verwende ich ein Wacom-Tablett, aber hauptsächlich bleibe ich mit dem Stiftwerkzeug bei meiner Maus. Ich verwende Formen, um eine grundlegende Struktur zu erstellen, und verwende das Zeichenstift-Werkzeug, um Details hinzuzufügen und die grundlegende Kontur zu verbessern.

Zeichnen auf dem Bildschirm. (Große Vorschau)

Denken Sie daran, dass die von Ihnen entworfenen Bilder ein einheitliches System bilden sollten und keine eigenständigen Szenen bilden sollten. Auch wenn dies die erste Iteration ist – versuchen Sie, den Illustrationen einen unverwechselbaren Geschmack zu verleihen, den Sie in Zukunft in verschiedenen Designs replizieren können. Das kommt vielleicht nicht auf den ersten Blick, aber taste dich an eine innere Logik für die Branding-Illustrationen heran und strebe danach, diese in deinen Entscheidungen konsequent umzusetzen.

Bei den Spacebase-Illustrationen haben wir uns auf menschliche Charaktere und Farbschemata konzentriert, um die Bilder mit anderen visuellen Branding-Elementen in Einklang zu bringen.

Die Entwicklung des E-Mail-Banners für Buchungsbestätigungen. (Große Vorschau)

Ich begann, die menschlichen Charaktere mit einfachen Umrissen zu zeichnen, um ein Gefühl für die Emotionen zu bekommen, die sie darstellen würden, und wie sie Innenräume bewohnen würden. Ich wollte fließende Linien, um ihnen dynamische Profile zu verleihen und Bewegung zu suggerieren. Ich wollte auch alles vermeiden, was zu schwer aussieht – leicht und freundlich waren die Schlüsselwörter. Vielfalt war mir auch wichtig, da Spacebase ein internationales Unternehmen ist und ich immer möchte, dass sich die Betrachter von Illustrationen selbst sehen.

Neben den menschlichen Figuren wollte ich, dass die Objekte und Umgebungen einen eigenen Stil haben – abstrakt, futuristisch und designorientiert. Wir wollten Innenräume zeigen, die hell und schön sind, die Benutzer in die räumliche Dynamik einbeziehen und mit Objekten, die eine idealisierte professionelle Arbeitsumgebung suggerieren. Gleichzeitig sollten diese die Aufmerksamkeit nicht ablenken. Bei Spacebase dreht sich alles um inspirierende Besprechungsräume, aber ihre Marke dreht sich mehr um die Menschen, die diese Räume nutzen. Dies dauerte viele Iterationen, um genau richtig zu werden.

Entdecken Sie verschiedene Linien und Farbpaletten. (Große Vorschau)

Nachdem die Skizzen verfeinert waren, dachte ich über eine Farbgebung nach. Farben sind kraftvoll und rufen sofortige Reaktionen hervor – daher war es mir wichtig, die Illustrationen nicht zu überwältigen. Ich wollte subtile Schattierungen, um die Szenen zu verbessern und zu ergänzen. Das Farbschema sollte auch die Persönlichkeit der Marke widerspiegeln und zu ihren anderen visuellen Elementen passen. Für das Spacebase-Farbschema war es wichtig, mit Monochrom zu brechen und sich von den tristen Farben fernzuhalten, die normalerweise mit Besprechungsräumen assoziiert werden. Ihre Hauptmarkenfarbe ist Orange, also habe ich sie mit kühleren Pastelltönen ausbalanciert: Lila, Himmelblau, Grau und Senfgelb.

Feedback

Holen Sie nach der ersten Iteration so viel Feedback wie möglich ein.

Natürlich müssen Sie mit den Hauptbeteiligten sprechen, um ihre Meinung zu Ihrem Design zu erfahren. Aber versuchen Sie auch, die Meinung von Benutzern oder Kollegen einzuholen, wenn Sie welche haben – insbesondere von Leuten, die nicht im Designbereich arbeiten. Ihre Antworten können Sie zu den nächsten Schritten führen, die Sie unternehmen sollten, um die Illustrationen zu verbessern. Entwerfen Sie für echte Zielbenutzer und nicht für eingebildete Bedürfnisse.

Insgesamt höre ich lieber über die Frustrationen der Leute, als über ihr Lob. Auszeichnungen sind nett, aber nicht sehr nützlich. Das Kennenlernen der Schmerzpunkte der Benutzer (oder etwas, das für sie visuell keinen Sinn ergibt), zeigt an, worauf Sie Ihre Aufmerksamkeit richten müssen. Auch wenn sie mit Ihren eigenen Ideen nicht einverstanden sind, müssen die Stakeholder und ihre Benutzer das Design lieben. Gutes Design liegt im Auge des Nutzers.

Eine der Illustrationen, mit denen ich bei Spacebase am meisten zu kämpfen hatte, war das Banner für Stornierungs-E-Mails. Kunden erhalten diese entweder, wenn sie ihre eigene Buchung storniert haben oder wenn Spacebase sie stornieren musste.

Niemand mag schlechte Nachrichten, also wollte ich, dass das Design ihre Enttäuschung teilt und Sympathie und Verständnis suggeriert. Frühe Versionen waren jedoch zu schwer. Kollegen sagten, es fühle sich wie das Ende der Welt an, dass ein drastisches Urteil gefällt worden sei. Es hat lange gedauert (und viele Iterationen), um in eine andere Richtung zu gehen.

Das Design für die Buchungsstornierung erforderte viele Iterationen. (Große Vorschau)

Am Ende haben wir die menschlichen Figuren ganz entfernt. Auf diese Weise wurde vermieden, dass die Illustration zu emotional aufgeladen wird, und ihr ein neutraleres Gefühl verliehen. Die neueste Iteration minimiert das Drama – sie erkennt ein Problem durch halbabstrakte Darstellungen von Bildschirmen an, weist aber auch auf eine Zukunft jenseits der Absage hin.

Präsenzbibliothek

Beim Erstellen Ihrer Illustrationen ist es hilfreich, eine Bibliothek mit den verschiedenen Elementen aufzubauen, die Sie bereits verwendet haben. Das bedeutet, dass Sie in Zukunft auf sie zurückgreifen und sicherstellen können, dass Sie den Stil beibehalten und sich über verschiedene Illustrationen hinweg einheitlich anfühlen. Die Kohärenz Ihrer Illustrationen ist der Schlüssel zur langfristigen Gesamteffektivität Ihres Systems.

Bildbibliothek für menschliche Figuren. (Große Vorschau)
Bildbibliothek für Objekte. (Große Vorschau)

Wiederholen

Seien Sie bereit, diesen Prozess viele Male zu durchlaufen.

Wir haben viele Phasen durchlaufen, um zu den endgültigen Iterationen zu gelangen. (Große Vorschau)

Ständige Iteration ist der wichtigste Teil bei der Erstellung einer erfolgreichen visuellen Identität. Erstellen Sie weiterhin neue Versionen, holen Sie Feedback ein und entwerfen Sie neue Iterationen. Alles ist ein Prototyp und Sie müssen offen für Optimierungen bleiben, um Ihr Branding für die Benutzer so nahbar wie möglich zu machen . Halten Sie die Beteiligten auf dem Laufenden und beteiligen Sie sich und seien Sie bereit für unerwartete Wendungen – Design ist auch eine Reise und jeder Schritt bringt Sie einem außergewöhnlichen Ergebnis näher.

Solange Sie in Forschung und Feedback eintauchen, gehen Sie in die richtige Richtung. Das ist es, was ich am Designen am meisten lohne – ich bin motiviert durch den laufenden Prozess und wenn ich das Gefühl habe, Dinge ständig zu verbessern, bin ich glücklich, das zu tun, was ich tue.

Die Branding-Illustrationen von Spacebase haben dazu beigetragen, die Markenidentität zu festigen. (Große Vorschau)