Von 45.000 Jahre alten Höhlenmalereien bis hin zu Weltraumraketendiagrammen des 21. Jahrhunderts spielen Illustrationen seit langem eine bedeutende Rolle in der menschlichen Kommunikation.

Bildet Sprach- und Alphabetisierungsbarrieren ab und ermöglicht es den Menschen, komplexe Stimmungen und Gefühle zu verstehen und zu kommunizieren, die sie nicht in Worte fassen können. Als wir klein waren, konnten wir EH Shepards Illustrationen von verstehen und schätzen Winnie Puuh und Freunde, lange bevor wir die Worte von AA Milne lesen konnten.

Das Wort „veranschaulichen“ hat zwei Hauptbedeutungen: ein Bild davon erstellen; und zu demonstrieren oder ein Beispiel dafür zu geben. Im Kontext des Webs ist Illustration teils Dekoration, teils emotionales Signal und hilft, einen besonderen Eindruck beim Benutzer zu erzeugen, indem sie ein metaphorisches Bild malt.

Warum Illustrationen auf einer Website verwenden?

Illustrationen bieten ein nützliches Kurzzeichen, um Stimmung oder Ton, die Stimme einer Marke, zu vermitteln.

Man könnte argumentieren, dass Icons Illustrationen sind, weil sie bildhaft sind, aber sie sind Symbole. Icons können und sollten in der Regel stilistisch zu Illustrationen passen, sind aber selbst keine Illustrationen. Ein Symbol ist eine vereinfachte Darstellung eines Objekts, einer Idee oder einer Aktion. “Suchen” wird beispielsweise normalerweise durch eine Lupenform dargestellt.

Illustrationen hingegen sind komplexer. Sie vermitteln eine zugrunde liegende emotionale Qualität, die sich mit dem beabsichtigten Publikum verbindet. Illustrationen können eine Erzählung über das Thema erstellen, ohne dass mehr Text hinzugefügt werden muss. Es verleiht selbst der einfachsten, funktionalsten Website ein Gefühl von Persönlichkeit, wenn es richtig verwendet wird.

Beliebte Arten von Online-Illustrationen

Illustrationsstile sind vielfältig und reichen von einfachen Umrissen bis hin zu detaillierten, vollfarbigen, realistischen Bildern. Und der Umfang der verwendeten Illustrationen variiert stark zwischen den Websites.

Unterschiedliche Stile rufen unterschiedliche Gefühle und unterschiedliche Reaktionen hervor, daher ist es wichtig, bei der Auswahl eines Illustrationsstils sorgfältig nachzudenken. Es gibt zwei wichtige Faktoren, die zu berücksichtigen sind: Wofür die Site gedacht ist und welche Art von Charakter Sie ihr verleihen möchten.

Es ist möglich, Dinge in grobe Kategorien zu unterteilen, um zu sehen, was in verschiedenen Bereichen am besten funktioniert. Wir werden uns ansehen, wie Designer Illustrationen in vier Kategorien mit guter Wirkung einsetzen können…

Finanzen & Unternehmen

Finanzdienstleistungen, Fintech, Unternehmenssoftware und größere Unternehmenswebsites neigen dazu, Illustrationen zu verwenden, um sich selbst zu vermenschlichen.

Der Stil ist in der Regel minimal, mit einfachen Formen und sparsam. Eicheln verwendet ein schlichtes Eichenblattmotiv passend zum Eichellogo. Andere Illustrationen werden durch die Einhaltung von Grüntönen eingebunden.

Dies erzeugt ein typisches Gefühl für neuere Unternehmen (Acorns wurde 2014 gegründet), insbesondere für diejenigen, die hauptsächlich webbasiert sind.

Länger etablierte, traditionellere Organisationen verwenden Illustration für die gleichen Zwecke, obwohl sie möglicherweise nur auf bestimmte Bereiche beschränkt sind, in denen sie die Zugänglichkeit betonen möchten. Dänische Bank, zum Beispiel (gegründet 1871), hat auf seiner Unternehmenswebsite Abbildungen in den Abschnitten „Über“ und „Nachhaltigkeit“.

Visa beschränkt die Darstellung auch auf einen bestimmten Bereich, den Abschnitt über Visa Direct. Dies hat zur Folge, dass dieser spezielle (neuere) Service vom Rest des Angebots von Visa getrennt wird.

Ein weiterer, immer beliebter werdender Ansatz in dieser Kategorie sind abstrakte Grafiken. Dies ist besonders nützlich, wenn es schwierig ist, zu zeigen, was beworben wird. Zum Beispiel, Instabase fügt Anordnungen geometrischer Formen für visuelles Interesse hinzu und verwendet dieselbe Farbpalette wie die Site-Symbole.

Einer der wichtigsten Punkte bei der Illustration dieser Art von Websites ist die richtige Balance zwischen freundlich, menschlich und zugänglich einerseits und seriös, vertrauenswürdig und sicher andererseits. Werde zu süß und potenzielle Kunden werden dich nicht ernst nehmen. Github‘s Unternehmensseite enthält zwar einige Illustrationen, aber die Farben sind weniger lebendig, und Octocat wird nur angespielt, im Gegensatz zur Homepage, die reich an Illustrationen ist.

Essen & Trinken

Etwas freier wird es beim Essen und Trinken. Stile variieren viel mehr und die vermittelte Persönlichkeit kann stärker und individueller sein. Einige entscheiden sich immer noch für eine leichte Würze der Illustration, wobei Aspekte wie Farbe und Schrift stärker hervorgehoben werden, während in anderen Fällen die Illustration viel stärker hervortritt.

Palaisküche und Caleño beide tun ersteres, mit markengerechten Strichzeichnungen.

Mein GetränkDie animierten Illustrationen im Vintage-Stil ersetzen Fotos, um den Text auf der Homepage auszugleichen.

Melopeion Honig verwendet nicht sehr viele Illustrationen, aber was es verwendet, ist groß.

Affe47 könnte als Konzept-Website bezeichnet werden, und die Illustrationen spielen eine Schlüsselrolle. (Das Social-Media-Menü ist wirklich ziemlich charmant.)

Gastfreundschaft & Freizeit

In dieser Kategorie möchten die Benutzer wirklich Fotos sehen, aber auch Illustrationen können hilfreich sein. Ein Foto kann nur zeigen, wie etwas aussieht, während eine Illustration die zusätzliche emotionale Dimension einer Erfahrung hinzufügen kann.

Am minimalen Ende der Skala, Protos Autovermietung verwendet einige schöne, einfache Illustrationen, um den Urlaubsaspekt seines Geschäfts hervorzuheben.

Libanesischer Schalter verbindet Fotografien mit Illustrationen, um eine ganz eigene Identität zu schaffen.

Hotel Frida geht es auch um Charakter, und die fantastischen Tierillustrationen im viktorianischen Stil tragen dazu bei, eine Skurrilität zu erzeugen.

Hochgericht verwendet vereinfachte und stilisierte Grundrissillustrationen, um einen vollständigen Überblick über das Innere des Gebäudes zu geben, als es Fotos könnten.

Die Neverlands verwendet nicht nur Illustration; Die gesamte Website ist ein immersives Erlebnis, das auf Illustrationen basiert.

Das verantwortungsvolle Web

Websites, die ethische und/oder nachhaltige Unternehmen, natürliche Hautpflege, natürliche und/oder biologische Lebensmittel und Getränke, vegane Produkte, soziale Verantwortung usw. fördern, verlassen sich in der Regel stark auf Illustrationen, insbesondere wenn sie relativ neu sind.

Nicht selten in Form von Pflanzenzeichnungen, die träge auf die Natur anspielen, aber auch Informationen vermitteln, die nicht belehrend wirken.

Wilde Seelen vermeidet jeden Hauch von Hippie, mit einem Gefühl von Zufälligkeit bei der Platzierung der Illustrationen.

Superfood Gin tut die Pflanzensache, aber es bezieht sich hier auf die botanischen Inhaltsstoffe, daher ist es sehr relevant.

Die Hauptseite von Capsul’in ist ein ziemlich Standardangebot, aber für seine Null Auswirkung Produkt verfügt über einen separaten Abschnitt mit Abbildungen, um die Produktfunktionen zu erläutern.

Verantwortungsvoll spenden verwendet Illustrationen, um zu erklären, wie gut gemeinte Handlungen unbeabsichtigt schädlich sein können, ohne den Anschein von Schelte oder Bevormundung zu erwecken.

Eine Vielzahl von Kindermarken verwendet Illustrationen – selbst wenn Eltern oder Erziehungsberechtigte wirklich das Ziel sind – und Little Gawn Kollektiv verbindet den kindgerechten und natürlichen Produktansatz mit seinen verschlafenen Tierillustrationen.

Verwenden von Illustrationen im Web

Illustration kann ein mächtiges Werkzeug im Arsenal eines Designers sein, aber es kann schwierig sein, sie richtig zu machen, weil sie Emotionen hervorruft und Emotionen subjektiv sind.

Genau wie Typ oder Farbe muss es angemessen und sorgfältig verwendet werden. Manchmal ist weniger mehr und manchmal kann eine absolut richtige Platzierung den Unterschied zwischen einem erfolgreichen Design und einem Flop ausmachen.

Dies ist nur eine Auswahl aus dem breiten Spektrum an Illustrationsstilen und -verwendungen im Internet, aber wir hoffen, dass es Ihnen einen Ausgangspunkt gibt, wenn Sie überlegen, ob und wie Sie Illustrationen in Ihrem nächsten Projekt verwenden.



Quelle: https://www.webdesignerdepot.com/2021/09/how-illustration-adds-emotion-to-ux/



creatingfaces – Webdesign Wien