Die Verwendung von Illustrationen in einem digitalen Produkt ist ein Trend, der jedes Jahr zu wachsen scheint, und das aus gutem Grund. Die Verwendung von Illustrationen in Ihrer App, Ihrer Website, Ihrem E-Book usw. kann das Produkt verständlicher, vertrauenswürdiger und ansprechender machen und für ein insgesamt angenehmes Erlebnis sorgen, aber es gibt einen Haken. Eine schlechte Ausführung oder die Unkenntnis darüber, welche Techniken Sie verwenden und welche Sie vermeiden sollten, könnte sich eher negativ als positiv auswirken. Ich werde darüber sprechen, auf welche Probleme wir gestoßen sind und wie wir sie in der Vergangenheit bewältigt haben.
Storytelling passend zum Ziel
Was wollen wir mit dem Einsatz von Illustrationen erreichen? Es ist einfach, Illustrationen hinzuzufügen, die wir im Internet gefunden haben, und sie zu verwenden, weil sie lustig aussehen. Warum fügen wir sie wirklich hinzu? Sollen die Illustrationen einen leeren Raum füllen? Zum Beispiel ein "leerer Zustand" in einer App, der das Engagement des Benutzers fördern könnte, indem er ihm erklärt, was los ist und was er tun kann. Werden sie in einem Onboarding verwendet, das den Kern des Produkts erklärt, das die Person benutzen soll? Werden die Illustrationen hinzugefügt, um das Produkt auf die Zielgruppe abzustimmen? Ist es überhaupt etwas, das Sie mit einer Illustration füllen wollen, oder reicht ein Foto aus? Dies sind einige Fragen, die wir uns stellen sollten, bevor wir überhaupt an den Einsatz von Illustrationen denken.
Nachdem das Ziel für Sie und das Team, mit dem Sie zusammenarbeiten, klar ist, ist es an der Zeit, an Ihre Geschichte zu denken. Jedes Unternehmen hat eine tolle Geschichte, die es erzählen möchte, ein Produkt, das den Nutzern wirklich helfen könnte. Wie können wir diese Geschichten erzählen und den Nutzern erklären, dass sie genau das brauchen? Wenn Sie sich überlegt haben, was Sie den Nutzern mitteilen wollen, können Sie sich überlegen, wie Sie diese Geschichte in Form von Illustrationen erzählen wollen. Das Erstellen von Kurzgeschichten in Form von Storyboards ist eine gute Möglichkeit, eine Geschichte in wenigen Schritten zu erklären.
Ikonisches Skizzieren
Wie weit können wir es zurückziehen?" ist eine Frage, die ich mir oft stelle. Wenn man sich auf das Nötigste konzentriert, ist es einfacher, etwas hinzuzufügen, ohne den Kern zu zerstören. Bevor man sich an den Computer setzt und die erste Linie zeichnet, ist es wichtig zu wissen, was man zeichnen will. Brainstorming ist eine großartige Möglichkeit, schnell zu denken und alles festzuhalten, was einem gerade einfällt. Wenn du alles aufschreibst, was dir in den Sinn kommt, hast du bald einen ganzen Strauß an Ideen. Diese Ideen können in minimale Illustrationen oder Icons umgewandelt werden. Die Icons sind der Anfang einer Illustration, die klar und leicht zu verstehen ist, was das wichtigste Ziel ist, wenn man versucht, etwas mit einer Zeichnung zu erklären.
Quantität geht vor Qualität - das hört man nicht oft, aber Ihre Skizze muss noch nicht schön sein. Wenn Sie bei einer Skizze auf Qualität setzen, bremsen Sie sich selbst aus und verpassen die kreativen Impulse, die Sie zu diesem Zeitpunkt so dringend brauchen. Setzen Sie stattdessen auf Quantität und versuchen Sie, das Papier mit möglichst vielen verschiedenen Möglichkeiten zu füllen, Ihre Gedanken auszudrücken. Auf diese Weise sind Sie in der Lage, die Richtung zu ändern, wenn etwas nicht so funktioniert, wie Sie es sich vorgestellt haben.
Inspiration
Schauen Sie sich an, was bereits gemacht wird. Nehmen Sie nicht einfach etwas aus dem Internet und machen Sie es nach. Lassen Sie sich stattdessen von den Stilen inspirieren, schauen Sie nach, wie andere das Objekt illustrieren, das Sie sich nicht vorstellen können. Es muss nicht einmal eine Illustration von einem anderen Produkt sein, du kannst dich auch von zufälligen Objekten inspirieren lassen. Wahrscheinlich illustrieren Sie etwas, das es schon gibt. In diesem Fall können Sie dieses spezielle Objekt als visuelle Hilfe verwenden. Denken Sie daran, dass Sie schnell vorgehen und die Details noch nicht zeichnen sollten. Lassen Sie Ihre Fantasie diese Details später ausarbeiten. Wenn es dir schwer fällt, nicht etwas zu klauen, das du gesehen hast. Hören Sie auf, Ihre Inspiration zu sammeln und vergessen Sie, wo Sie sie gesehen haben. Lassen Sie alles in Ihrem Kopf brodeln und denken Sie sich eine Woche, nachdem Sie die Inspiration gesucht haben, etwas aus. Auf diese Weise werden Sie die Details vergessen haben und hoffentlich etwas erschaffen, das nicht wie die Illustrationen aussieht, die Sie als Inspiration verwendet haben.
Winkel
Seien Sie konsequent in den von Ihnen verwendeten Blickwinkeln, oder brechen Sie sie gezielt. Wenn Sie Ihre Illustrationen auf einen einzigen Blickwinkel beschränken, bleiben sie klar und leicht verständlich. Die Verwendung eines anderen Blickwinkels für jede Illustration unterbricht die Konsistenz und führt dazu, dass der Nutzer mehr Zeit braucht, um zu verstehen, was vor sich geht. Es muss nichts Schlechtes sein, wenn man den Nutzern die Möglichkeit gibt, sich die Illustration genauer anzusehen. Sie können die Konsistenz auch absichtlich unterbrechen, um die zusätzliche Zeit zu nutzen, die der Benutzer für die Betrachtung der Illustration benötigt. Wir haben diese Technik bei den Illustrationen für unsere App Scheduled angewendet. Jede Illustration von Scheduled ist flach und direkt, sie schauen einen buchstäblich direkt an. Bei der Illustration, die jemanden zeigt, der die Nachricht erhält, haben wir etwas anderes gemacht. Diese Illustration ist schräg, was den Eindruck von Unwissenheit vermittelt und darauf hindeutet, dass jemand anderes diese Nachricht erhalten hat und nicht auf seinen Bildschirm schaut.
Die ersten drei Illustrationen, die zur Erläuterung des Konzepts bei Scheduled verwendet wurden
Situativ
Illustrationen dienen in der Regel dazu, eine Situation zu erklären, eine Möglichkeit zu erläutern, was vor sich geht. Leere Zustände zeigen an, dass derzeit nichts vorhanden ist, 404-Seiten zeigen an, dass die Seite nicht existiert und so weiter. Dropbox gelingt es hervorragend, diese Situationen auf effiziente, unterhaltsame und wiedererkennbare Weise zu veranschaulichen. Die Verwendung von bekannten Objekten wie Laptops, Dokumentenordnern und normalem Papier mit einer Mischung aus Ausdrücken und ikonischen Illustrationen, die die damit vermittelte Botschaft unterstützen, sagt Ihnen alles, was Sie wissen müssen. Ein Blatt Papier mit einem traurigen Gesicht sagt Ihnen, dass etwas nicht stimmt. Ein Blatt Papier mit mehreren Personen darauf sagt Ihnen, dass es etwas mit mehreren Personen zu tun hat, mit dem Teilen, dem Erwähnen und so weiter. Wenn Sie ein Blatt Papier mit einem Pfeil dazwischen an einen Laptop halten, bedeutet das, dass Sie ein Dokument zu Dropbox hinzufügen können oder sogar sollten. Die Verwendung dieser situativen Illustrationen kann die Effizienz und den Wiedererkennungswert erhöhen, da Sie viele der gleichen Illustrationen mit einem Zusatz verwenden.
Einige der für das Dropbox-Produkt verwendeten Illustrationen
Konsistenz
Machen Sie es leicht verständlich, indem Sie den gleichen Stil, die gleichen Farben und die gleichen Maße verwenden. Halten Sie die Illustrationen im gleichen Stil wie das Produkt, für das sie gemacht sind. Das hilft bei der allgemeinen Einheitlichkeit, die Sie anstreben, wenn Sie an der Marke arbeiten. Wir haben festgestellt, dass wir bei fast jeder Veröffentlichung der App Scheduled zusätzliche Illustrationen benötigten. Die Erstellung zusätzlicher Illustrationen war einfach, weil wir uns die Einschränkungen gut überlegt hatten und viel von dem verwenden konnten, was bereits vorhanden war. Die Charaktere hatten verschiedene Ausdrücke, die wir in jeder Situation verwenden konnten. Auf diese Weise konnten wir sogar neue Illustrationen erstellen, indem wir verschiedene Elemente aus den vorhandenen Illustrationen zu einer ganz neuen Illustration zusammenstellten. Es ist wichtig, die Prinzipien der Illustrationen aufzuschreiben, damit man selbst oder jemand anderes sie noch Monate nach der Erstellung bearbeiten kann.
Maskottchen
Die Verwendung eines fiktiven Markenmaskottchens ist eine bekannte Marketingstrategie, um die Marke zu personifizieren und das Engagement der Nutzer zu erhöhen. Diese Maskottchen können hilfreich sein, wenn Sie versuchen, auf einer persönlichen Ebene zu kommunizieren und die Art und Weise, wie die Produkte verkauft werden, zu mildern. Es ist wichtig, dass diese Maskottchen einzigartig sind, die Menschen begeistern und die Zielgruppe ansprechen. Die Menschen werden sich besser an die Marke erinnern, weil diese Maskottchen das Gesicht des Produkts sind, das sie lieben. Sie müssen nicht immer die Marke widerspiegeln, sondern können auch in die Rolle eines Benutzers schlüpfen. Wenn das Maskottchen die einzelnen Schritte Ihres Produkts durchläuft, ist das eine gute Möglichkeit, es auf unterhaltsame und einfache Weise zu erklären. Intercom lässt sein Produkt viel interessanter aussehen, indem es lustige und unbeholfen aussehende Tiere verwendet, um zu erklären, wie das Produkt in bestimmten Situationen verwendet werden kann.
<
Illustrationen der Intercom-Lösung
Ihre Werkzeuge kennen
Wenn man mit Illustrationen anfängt, sollte man etwas verwenden, mit dem man vertraut ist. Man kann die Werkzeuge, die man verwenden "sollte", immer noch lernen, wenn man bereit dafür ist. Ich habe Photoshop für so gut wie alles verwendet. Fotomanipulationen, Logos, Webdesign, Illustrationen und sogar einige Schulaufsätze. Es war mir egal, ob ich das richtige Werkzeug benutzte, denn es war nur eine weitere Ausrede, die mich davon abhielt, das zu tun, was ich tun wollte. Auch heute noch verwende ich Sketch so oft ich kann, weil ich mich damit wohler fühle, wenn ich etwas Neues ausprobiere. Natürlich gibt es Grenzen, und natürlich sollte man lernen, wie man eine Illustrationsanwendung benutzt, wenn man es ernst meint. Versuchen Sie, Fahrrad zu fahren, bevor Sie eine Rakete fliegen.
Animation
Es macht viel Spaß, jede einzelne Ebene Ihrer Illustration zu animieren, ich weiß. Irgendwann kommt der Moment, an dem man sich von den effekthascherischen Animationen trennen und sich auf die konzentrieren muss, die die Geschichte unterstützen, indem sie den Fokus auf einen wichtigen Teil der Geschichte lenken, die man zu erzählen versucht. Bewegung macht neugierig, selbst wenn sie fast unbemerkt ist. Indem Sie kleine Teile einer Illustration bewegen, z. B. das Hauptobjekt oder einen Gesichtsausdruck des Maskottchens, können Sie beeinflussen, wohin die Leute schauen. Durch diese subtilen Interaktionen wirkt das ganze Werk weniger statisch und lebendiger.
Ich hoffe, das war nützlich und unterhaltsam zu lesen. Wenn Sie Fragen oder Hinweise haben, würde ich mich gerne mit Ihnen unterhalten. Jedes Feedback ist sehr willkommen.
Weitere Illustrationen und andere Designarbeiten finden Sie auf meinem dribbble und dem dribbble des Teams.
