Visuelle Haltbarkeit – Warum Webdesign-Illustrationen altbacken werden

Illustration ist eine lebendige und abwechslungsreiche Form der visuellen Kommunikation. Als Designdisziplin verbindet sie die Botschaftsklarheit des Grafikdesigns mit der Ausdruckskraft der bildenden Kunst. Auf ihrem Höhepunkt leistet die Illustration etwas, was die Fotografie nicht kann. Sie stellt Vertrautes aus einer Perspektive dar, die mit dem menschlichen Auge unerreichbar ist.

Der jüngste Zustrom von Marken, die Illustrationen online verwenden, ist eines der besten Dinge, die dem Internet seit langem passiert sind. Es hat einer Reihe von Geschäftsvorschlägen Lebendigkeit, Humor und Klarheit verliehen und es Unternehmen ermöglicht, ihre Geschichten klarer zu erzählen.

Trotz der positiven Aspekte gibt es Probleme. Im Kern ist Illustration ein Werkzeug des Geschichtenerzählens, aber mit zunehmender Popularität wendet sie sich dem Obligatorischen zu. Wir haben eine Website, also brauchen wir Illustrationen .

Da es an strategischer Vision mangelt, ist Illustration Ornament, das Gegenteil von Originalität. Die Geschichte wird verworfen, die Vorstellungskraft aufgegeben. Einzelne Websites verlieren an Differenzierung, und alle abgebildeten Produkte und Dienstleistungen verschmelzen miteinander.

Ein elegant gekleideter Angestellter sitzt an einem aufgeräumten Schreibtisch und bedient eine abstrakte Schnittstelle, die mit der realen Welt verschmilzt, während Texte und E-Mails auf Papierflugzeugen vorbeifliegen, die auf einer Katze landen, die neben einer grünen Pflanze ein Nickerchen macht, die eine Person einrahmt, die Yoga macht, während sie Kombucha trinkt und stöbert App , aus der eine riesige Hand hervorragt , die mit einem überdimensionalen Füllfederhalter einen Vertrag unterschreibt .

Sicher haben Sie es gesehen.

Es gibt vier Schuldige, die die langfristige Lebensfähigkeit der Illustration im Web bedrohen.

Schuldiger 1: Es mangelt der Bildsprache an Cleverness

Der Ursprung

Illustration hat eine reiche Geschichte der Anstiftung. Seit Hunderten von Jahren wird es als eine Form des sozialen Kommentars verwendet. Warum? Weil es die komplexe Natur menschlicher Angelegenheiten auf eindringliche Weise verdeutlicht. Wenn Menschen widersprüchlich sind, wenn Erfahrungen verwirrend sind, macht Illustration es offensichtlich – im Handumdrehen.

Das Ziel der Illustration ist nicht die Kontroverse um ihrer selbst willen. Das Ziel ist vielmehr, Menschen zum Innehalten und Nachdenken über einen Standpunkt zu bringen, auch wenn dieser im Widerspruch zu ihrem eigenen steht. Im besten Fall ist Illustration der ultimative Aha-Moment.

Das Problem

Die heutige Nachfrage nach visuellen Inhalten hat einen Großteil der aufschlussreichen Kraft der zeitgenössischen Webillustration geraubt. Online regt Illustration selten an; meistens belehrt oder verschönert es.

Auf vielen Websites sind Illustrationen visuelle 1-zu-1-Darstellungen des Textes, mit dem sie verknüpft sind. Probieren Sie unsere einzigartige Planungsfunktion aus! [Einzeilige Illustration des Kalenders einfügen]

Oder sie stellen Menschen dar, die dank gekaufter Produkte und Dienstleistungen „Best Life“-Szenarien leben. Probieren Sie unsere einzigartige Planungsfunktion aus! [Abbildung eines Kaffee trinkenden Laptop-Typen einfügen, der einen Smiley-Kalender abklatscht]

Kein Ansatz ist stark genug, um zu verhindern, dass Website-Illustrationen ihre erzählerische Prahlerei verlieren.

Das Heilmittel

Einige Konzepte sind schwer zu veranschaulichen. Es gibt Produkte und Dienstleistungen, die nicht aufregend oder leicht mit menschlichen Erfahrungen in Verbindung zu bringen sind. Hier müssen Illustratoren bei der Konzepterstellung tiefer in die Tasche greifen. Um die überzeugendsten Blickwinkel eines Themas aufzudecken, erkunden Sie seine dunkle Seite.

• Was sind die großen Schmerzpunkte und warum gibt es sie?
• Wer ist finanziell, beruflich oder emotional am stärksten betroffen?
• Gibt es widersprüchliche oder kontroverse Ansichten zwischen Unternehmen, Kunden oder Experten?

Fragen wie diese funktionieren bei den meisten online verkauften Waren. Als Illustratoren haben wir oft die Aufgabe, das Gute zu zeigen, aber wenn wir das Schlechte nicht verstehen, greifen wir nach müden Tropen. Tatsächlich ist dieses positive/negative Gleichgewicht ein Schlüsselaspekt des Geschichtenerzählens. Ohne die Tiefs verlieren die illustrativen Höhen ihre Wirkung.

Gut gemacht: Großes Kartell

Culprit 2: Rampant Imitation Ruins Neuheit

Der Ursprung

Nachahmung und Kreativität sind nicht diametral entgegengesetzt. Seit den frühesten Zivilisationen der Welt haben Künstler und Designer ihre Kreativität durch Nachahmung kultiviert. Ein überzeugender Stil fällt ins Auge. Wir untersuchen es, dekonstruieren es und sammeln seine Technik, um unsere eigene Arbeit zu verbessern. Das ist Wachstum.

In einer perfekten Welt wäre Nachahmung auf Lernen und Kommentieren beschränkt. Kopierte Stile würden sowohl visuell als auch konzeptionell transformiert. So funktioniert es selten.

Das Problem

Nachahmung lehnt Evolution ab. Wenn wir auf einen populären Stil stoßen und uns an seine Umlaufbahn heften, sind wir wie Lehrlinge der alten Welt mit einem finsteren Twist. Wir missbrauchen die stilistischen Attribute von Illustratoren, denen wir „folgen“, und fördern die Ergebnisse als unsere eigenen.

Marken sind mitschuldig. Unternehmen X möchte den Illustrationsstil von Unternehmen Y, also geben sie eine Fälschung in Auftrag. Es geschieht immer und immer wieder, Ort für Ort, und jede Iteration führt neue Schichten der Entropie ein. Schließlich beschäftigt eine ganze Branche eine Parade degenerierter Klone, wie Michael Keaton in Multiplicity .

Suchen Sie nicht weiter als nach dem vorherrschenden Illustrationsstil der SaaS-Landschaft. Es ist peinlich homogen.

Das Heilmittel

Es gibt unzählige Wege jenseits der Nachahmung. Keine erfordert kreatives Genie oder den Ausschluss externer Inspiration. Ganz im Gegenteil; Illustratoren brauchen reichlich Kontakt mit Referenzmaterial. Je mehr wir sehen und speichern, desto mehr können wir neu interpretieren. Eine Reihe von Sondierungsübungen sind möglich:

• Verlaufs-Mashup . Erfinden Sie einen inspirierenden Illustrationsstil durch die Augen eines versierten Künstlers neu.
• Schnelles Neuzeichnen . Zeichnen Sie ein Objekt sorgfältig, während Sie sich auf den Stil eines anderen Illustrators beziehen. Zeichnen Sie dann dasselbe Objekt 7-10 Mal ohne den Referenzstil neu und nehmen Sie die auftretenden Macken an.
• Regel hinzufügen . Erstellen Sie eine Einschränkung, die sich auf den Illustrationsprozess auswirkt. Zum Beispiel: Ich darf nur gerade Linien zeichnen. Sie können jede Länge oder jeden Winkel haben, aber sie müssen gerade sein.
• Werkzeugschalter . Imitieren Sie einen Illustrationsstil mit einem Zeichenwerkzeug, das für den Job schlecht geeignet ist. Wenn der Stil beispielsweise auf präzise Linienführung angewiesen ist, replizieren Sie ihn mit Tinte und einem weichen Borstenpinsel.
• Blind interpretieren . Stellen Sie eine Sammlung von 3-4 überzeugenden Illustrationsstilen zusammen und bitten Sie einen Kollegen, einen davon schriftlich zu beschreiben. Verwerfen Sie alle ursprünglichen Referenzstile und verwenden Sie die schriftliche Beschreibung, um kreative Entscheidungen zu treffen.

Job gut gemacht: Toggl

Übeltäter 3: Illustrationssysteme werden alt und steif

Der Ursprung

Wir befinden uns in einer Ära der Besessenheit von Designsystemen, die sich aus der Notwendigkeit ergibt, konsistente Erlebnisse an mehreren Markenkontaktpunkten aufrechtzuerhalten. Nicht dass Designsysteme neu wären. Redaktionssysteme gibt es seit mehr als einem Jahrhundert, aber angesichts der Anzahl digitaler Kanäle, die Marken heute nutzen, ist das Systemdenken drängender.

Ebenso verwenden Marken seit Jahrzehnten unterschiedliche Illustrationsstile, aber moderne Designsysteme haben eine neue Überlegung eingeführt: Wie gestalten wir unseren Illustrationsstil systematisch?

Farben, Texturen, Seitenverhältnisse und Körpertypen werden sorgfältig definiert. Die Ergebnisse werden mit viel Tamtam präsentiert. Die Zeit hat einen Fehler offenbart.

Das Problem

Illustration und Interface-Design sind nicht dasselbe. Wenn ein Designsystem den Stil einer Benutzeroberfläche prägt, ist das Ergebnis eine glückselige Kohäsion, die Benutzer in ihrer digitalen Umgebung orientiert. Informationsarchitektur ist ein Meilenstein. Navigation ist eine Gewohnheit. Aber ein systemgesteuerter Illustrationsstil erstickt den kreativen Impuls – dieses plötzliche Aufflammen neuer Ideen, die hektisch eingefangen und verfeinert werden.

Es ist nicht so, dass Systeme von Natur aus schlecht sind. Wenn Systeme zur Unterstützung von Bildkonzepten arbeiten, können Illustratoren die Einschränkungen tatsächlich als befreiend empfinden. Aber wenn Bilder durch die Linse eines Systems konzipiert werden, schwächeln die Ideen, da die Illustratoren im falschen Vertrauen auf den Zusammenhalt ruhen: Es passt zum System, also funktioniert es!

Allmählich wird mehr Aufwand auf die Systemwartung gerichtet. Strichstärken und Kleidungsstücke setzen überzeugende Konzepte außer Kraft. Schließlich verwelkt und stirbt der Stil und die Erzählfähigkeit der Illustration.

Das Heilmittel

Illustration übersetzt die Komplexität des menschlichen Einfallsreichtums und der Emotionen. Es lädt Außenstehende ein, Erfahrungen zu schätzen, an die sie vielleicht nicht gewöhnt sind. Die Fähigkeit der Illustration, ein Träger der Markenidentität zu sein, ist zweitrangig. Diese dürfen nicht rückgängig gemacht werden.

Um zu verhindern, dass Bilder steif werden, bauen Sie Illustrationssysteme nach thematischen Prinzipien auf. Die Stimme und die Werte einer Marke sind nicht nur Quellen für stilistische Entscheidungen. Sie sind Storytelling-Strategien, die aus mehreren Perspektiven betrachtet, interpretiert und neu erzählt werden können – aus der des Kunden, des Unternehmens und der Konkurrenz.

Es gibt praktische Schritte, die die Entwicklung und langfristige Relevanz von Illustrationssystemen leiten:

• Beschäftigen Sie sich nicht mit Regeln und Details, die der durchschnittliche Zuschauer nicht bemerken wird.
• Vermeiden Sie es, Systemrichtlinien auf eine Weise durchzusetzen, die die kreative Intuition untergräbt.
• Sperren Sie Systeme nicht auf die gleichen Farbpaletten wie die Marken, die sie repräsentieren.
• Brechen Sie gelegentlich das System und fordern Sie die Zuschauer heraus, indem Sie externe Illustratoren einladen, ihre eigenen einzigartigen Stile beizusteuern.
• Planen Sie, dass sich das System weiterentwickelt, und ermöglichen Sie schrittweises Experimentieren – selbst wenn der aktuelle Stil gut angenommen wird.

Gute Arbeit geleistet : Notion.so

Übeltäter 4: Stock Illustrationen werden überstrapaziert

Der Ursprung

Viele Unternehmen benötigen riesige Mengen an visuellen Inhalten auf ihren Websites, aber Zeit- und Budgetbeschränkungen begrenzen die Anzahl der benutzerdefinierten Grafiken, die in Auftrag gegeben werden können. Um den Bedarf zu decken, wenden sich Unternehmen an Stock-Sites, wo sie thematische Illustrationssets kaufen.

Leider findet man selten Stockillustrationen, die originell, hochwertig und zu wenig genutzt sind (ganz zu schweigen von der Marke).

Das Problem

In der Welt der Stockillustration ist ein beunruhigender Trend aufgetaucht. Was man nur als eine fehlgeleitete Hommage an die Clipart-Ära bezeichnen kann, gibt es jetzt Mix-and-Match-Illustrationsseiten, die sofort „benutzerdefinierte“ Bilder erstellen, indem sie es den Benutzern ermöglichen, Variablen wie Geschlecht, Hautton und Kleidung zu definieren. Die resultierenden Illustrationen sind ein Makel für die kreative Glaubwürdigkeit der Unternehmen, die sie verwenden.

Das Heilmittel

Für Unternehmen mit begrenzten Ressourcen gibt es zwei Möglichkeiten, die falsche Atmosphäre, die mit Stock-Bildern verbunden ist, zu umgehen. Ersteres mag überraschen. Nehmen Sie Stockillustrationen von ganzem Herzen an. Gehen Sie aufs Ganze. Verwenden Sie vorbehaltlos Stockfotos, aber finden Sie Möglichkeiten, sie anzupassen. Wie?

• Mischen und kombinieren Sie unterschiedliche Standardstile mit digitalen Collagen.
• Kombinieren Sie Stock-Illustrationen mit Fotografie (sogar Stock-Fotografie).
• Überlagern Sie handgezeichnete Elemente wie Sharpie-Markierungen oder Farbstriche.
• Machen Sie Nachzeichnungen von digital verzerrten und verzerrten Bestandsmustern.
• Wandeln Sie Bestände in Graustufen um und fügen Sie Markenfarben mit digital gezeichneten Grafiken hinzu.

Die zweite Möglichkeit, Lagerbestände zu vermeiden, während Sie an einem Budget arbeiten, besteht darin, die Illustrationen zu priorisieren, die am dringendsten benötigt werden, und ein kleines Set zu bestellen. Vielleicht bedeutet dies, fünf Homepage-Illustrationen in Auftrag zu geben. Kurzfristig sorgen sie für visuelle Wirkung und später können sie verwendet werden, um einen größeren Satz von Illustrationen für andere Kanäle zu informieren.

Gute Arbeit geleistet: Bloomberg Businessweek

Erstellen Sie zielgerichtete Webdesign-Illustrationen

Im Web machen Illustrationen Dienstleistungen zugänglicher und Produkte begehrenswerter. Es stärkt das Storytelling der Marke und hilft Website-Besuchern, die endlosen Informationsströme, denen sie täglich begegnen, zu verstehen. Aber nur Illustrationen auf einer Website zu haben, reicht nicht aus.

Illustrationen, die nicht über eine 1-zu-1-Darstellung des entsprechenden Textes hinausgehen, sind eine verschwendete Gelegenheit zur Interaktion. Ebenso wenig Wert haben Illustrationen, die fälschlicherweise zu einer von Hunderten anderer Marken gehören könnten.

Illustrationen müssen den Betrachter mit einem einzigartigen Blickwinkel fesseln – stilistisch und konzeptionell. Sie müssen nicht komplex, fotorealistisch oder farbenfroh sein, um aufzufallen, aber sie müssen etwas Interessantes über ihre Motive auf eine Weise beleuchten, die Worte, Fotos und Diagramme nicht können.

Illustration ist gekommen, um zu bleiben. Seine kommunikativen Kräfte sind zu überzeugend, um verworfen zu werden. Aber für Unternehmen und Illustratoren, die es versäumen, das Ausdruckspotential der Illustration auszuschöpfen, wird sich ihr Wert als flüchtig erweisen.

• • •

Weiterführende Literatur im Toptal Design Blog:

• Brand Illustration 101: Visualisierung der Erzählung
• Eine Schritt-für-Schritt-Anleitung zum Entwerfen benutzerdefinierter Illustrationen ohne Zeichenkenntnisse
• Erforschung der Gestaltungsprinzipien des Designs
• UX Design Trends Retrospektive 2019
• Die Gestaltungsprinzipien und ihre Bedeutung