Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Maria Grilo

Min Read

22. Juli 2021

Gute Illustration ist wichtig

Die Illustration ist wahrscheinlich eine der ältesten Kommunikationsformen. Konzeptionell gesehen ist sie den Alphabeten und dem Text voraus und wurde nie ersetzt. Stattdessen ergänzte es die Komplexität und Länge geschriebener Texte und half den Menschen sogar beim Lesenlernen, während es gleichzeitig visuelle Hinweise und Kontext bot. In verschiedenen Kognitionszuständen dient die Illustration unterschiedlichen Zwecken, weil sie ein so reichhaltiges Kommunikationsmittel ist.

Laut dem Merriam-Webster-Wörterbuch ist es“um deutlich zu machen, indem man ein Beispiel oder Beispiel gibt oder als Beispiel dient„,“um mit visuellen Elementen zu versehen, die erklären oder dekorieren sollen„und“deutlich zu zeigen„. Die Kirche zum Beispiel tat dies viele Jahrhunderte lang, durch Zeichnungen in Büchern, Gemälden, Skulpturen und sogar in der Architektur.

Veranschaulichen heißt klarstellen.

EXAMPLE OF AN ILLUMINATED MANUSCRIPT

Die Leute illustrierten weiterhin in verschiedenen Medien, aber meistens in Printmedien. Dann tauchten neue Medien wie das Kino auf und Animationen kamen hinzu. Schließlich erreichten wir den Punkt, an dem wir uns jetzt befinden, und die Illustration erlebt zunehmend ein Comeback als zentrale Kommunikationsform. Es geht nicht mehr nur um Printmedien, nicht nur um Zeitschriften oder ausgewählte Arten von Büchern. Es sind Websites, es ist Branding, es ist UI-Design.

Könnten Sie Ihr Produkt dennoch entwerfen, indem Sie nur Typografie, Navigationselemente, Farben und Stockfotos verwenden? Das könnten Sie auf jeden Fall, aber Deshalb denke ich, dass Sie die Extrameile gehen sollten.

blue arrow to the left
Imaginary Cloud logo

Mit Illustrationen alle Blicke auf sich ziehen

In erster Linie Abbildung ist ein Blickfang. Und es gibt mehrere Gründe, warum Sie diesen Blickfang wollen. Es könnte sein, dass Sie Ihr Produkt Ihrer Zielgruppe zum ersten Mal zum ersten Mal vorstellen, beispielsweise über eine Landingpage. Oder es könnte sein, dass Sie in einem informativen Seitenlayout das Sehvermögen des Benutzers auf eine bestimmte Stelle lenken müssen.

HTTPS://DRIBBBLE.COM/SHOTS/4405446-RUBIK

https://dribbble.com/shots/3278766-Marketing-Page & https://dribbble.com/shots/3993210-Organic-Shapes

Bilder werden oft so ausgewählt, dass die Aufmerksamkeit dem Text vorgezogen wird. Es gibt also mehrere Möglichkeiten, dies zu Ihrem Vorteil zu nutzen, was uns zum nächsten Punkt führt: Die Abbildung ist informativ.

blue arrow to the left
Imaginary Cloud logo

Machen Sie einen Punkt

Eine gute Illustration wird Ihr Exemplar ergänzen. Es unterstützt die Punkte, die Sie vermitteln möchten, und verbessert gleichzeitig die Informationen, die am relevantesten sind. Es wird auch den Benutzer dazu bringen anfälliger dafür, Ihren Text zu lesen weil sie eine Erklärung für das wollen, was die Abbildung vorgeschlagen, aber nicht explizit erzählt hat.

https://dribbble.com/shots/3367317-Universitet-Modules

Außerdem wird es der Illustration gelingen, Dinge, die kaum umfassend sind, wie Emotionen und Stimmungen, durch Texte zu vermitteln. Jeder hat genug von Texten, die versuchen, Ihre Emotionen anzusprechen und Sie gleichzeitig darüber zu informieren, was sie bewirken, und zwar durch eine Liste vager Adjektive, gefolgt von Schlagwörtern und Handlungsaufforderungen.

Sag es nicht (nur), zeig es. Zeigen Sie diese Emotionen und Stimmungen durch Bilder, Formen und Farben.

https://dribbble.com/shots/4811070-Tracker-Onboarding
blue arrow to the left
Imaginary Cloud logo

Spiele alles zusammen

Lassen Sie Ihre Typografie und Farben in Bildern richtig zur Geltung kommen, die den Betrachter an einen anderen Ort, eine andere Denkweise, einen glücklichen Ort entführen, an dem seine Probleme durch Ihr Produkt gelöst werden.

https://dribbble.com/shots/4374127-Friends

Ihre Times New Roman wird nicht mehr nur eine einfache Serifenschrift sein, sie wird Teil von etwas Größerem sein, das die Ernsthaftigkeit und Zuverlässigkeit einer Zeitungsserife verkörpert und gleichzeitig alle Ideen und die Identität Ihres Produkts vermittelt.

https://theblog.adobe.com/introducing-spectrum-adobe-building-design-system-scale/ & https://dribbble.com/shots/3903997-Illustration-for-the-Everwill-part-2

Farben werden an Gewicht und Bedeutung gewinnen und nicht mehr nur abstrakt und vage sein. Sie werden in einem Szenario, in dem der Benutzer zufrieden ist, einen Zweck erfüllen.

blue arrow to the left
Imaginary Cloud logo

Erzähle eine Geschichte

Gute Illustrationen führen Ihren Betrachter beispielsweise durch eine Erzählung, einen Denkprozess oder sogar ein Tutorial und lassen die Seite gleichzeitig atmen, um Ihren Nutzer nicht mit Informationen zu überfluten.

Diese Abbildungen können auch das Produkt selbst darstellen. Wenn Sie beispielsweise das Gefühl haben, dass ein Printscreen Ihres Produkts zu viele Informationen für eine Landingpage enthält, scheuen Sie sich nicht, eine minimalistische Darstellung zu zeigen, die vermittelt, was das Produkt bewirkt. So vermeiden Sie mit Sicherheit, dass Sie Ihre Nutzer nicht überfordern.

https://dribbble.com/shots/3634954-Exploration

Dies ist eine Technik, die beispielsweise für schrittweise Tutorials und Onboardings effizient eingesetzt werden kann. Konzentrieren Sie sich auf die Funktion, die Sie Ihrem Benutzer vorstellen möchten. Oder auf die Art und Weise, wie die Funktion in einem realen Kontext verwendet wird — mit anderen Worten, es zeigt, wie der Benutzer mit dem Produkt interagiert. Sie könnten sogar so weit gehen, Animationen zu verwenden.

HTTPS://DRIBBBLE.COM/SHOTS/2851448-NOOKLYN-ONBOARDING

Sicher, Sie können einfach einen normalen Lader mit einer sich drehenden Animation haben, aber wie wäre es, diese Zeit zu nutzen, um eine Botschaft zu vermitteln? Es könnte ein Tipp sein, wie man bestimmte Funktionen nutzt, wie“wusstest du, dass...?„, oder einfach nur eine unterhaltsame Animation, die Ihrem Benutzer nicht das Leben langweilen wird. Es könnte das Entscheidende oder Unterfangen bestimmter Interaktionen innerhalb Ihres Produkts sein, da die Leute nicht gerne warten.

https://dribbble.com/shots/4102925-Shopify-POS-Empty-state
blue arrow to the left
Imaginary Cloud logo

Hören Sie einfach auf, Stockfotos zu verwenden

Natürlich wird nichts davon billig sein, da eine gute Veranschaulichung einige Zeit in Anspruch nimmt. Eine Alternative innerhalb einer illustrativen Lösung wäre die Verwendung von Standardmaterial, aber hier entgehen Ihnen Spezifität und Identität. Ihre Illustrationen sollten Ihre Prinzipien und ästhetischen Werte widerspiegeln.

Eine andere Alternative wäre, Gemälde wie Stockfotografie zu verwenden, mit dem zusätzlichen Vorteil, dass Sie grafisch mit ihnen herumspielen und interessante Bilder erstellen können, die unterstreichen, worum es bei Ihrer Marke geht. Es gibt viele Bibliotheken mit kostenlos nutzbaren Gemälden, von der Renaissance bis zur modernen Kunst.

HTTPS://WWW.BEHANCE.NET/GALLERY/13623643/MODERN-RENAISSANCE

Man könnte sagen, dass dies keine Illustrationsarbeit ist, aber ich würde diese Lösung als eine Mischung aus Fotografie und der Verwendung von Kunst zur Vermittlung von Ideen und Stimmungen betrachten. Es ist möglich, dass die Beschreibung Ihrer Dienste oder Funktionen nicht so spezifisch ist, aber es könnte eine neue Alternative sein.

https://www.behance.net/gallery/37096653/The-Fine-Wine-Embassy

Eine Alternative zu den gleichen alten Stockfotos von Laptops und Smartphones auf Designey-Holztischen, die sich so gut wie kein gewöhnlicher Mensch leisten kann. Es ist nicht mehr glaubwürdig, es ist übertrieben.

Das soll nicht heißen, dass Illustration etwas Neues ist, aber es gibt definitiv viel mehr Raum, um verschiedene Ausdrucks- und Informationsmöglichkeiten zu erkunden und gleichzeitig die Identität Ihrer Marke zu stärken.

Fanden Sie diesen Artikel hilfreich? Diese könnten dir auch gefallen!

blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
Maria Grilo
Maria Grilo

Ich bin UI- und Produktdesigner, Illustrationskünstler und Maler. Bekannt für meine Liebe zu trashigen Strandtüchern, Musikproduktion, Typografie und allen Arten von Pizza.

Read more posts by this author

People who read this post, also found these interesting:

arrow left
arrow to the right
Dropdown caret icon