Webdesign und Illustration: Darüber haben wir bereits vor einigen Monaten in einem anderen Beitrag gesprochen (Beitrag ansehen).
Das Thema gewinnt zunehmend an Bedeutung und ist inzwischen zu einem echten Trend geworden. Vielleicht ist es eine Möglichkeit, digitalen Auftritten mehr Natürlichkeit oder einen „handmade“-Charakter zu verleihen und so eine tiefere Verbindung zum Nutzer aufzubauen. Denn in einem digitalen Medium, das mitunter etwas kühl wirken kann – wie eine Website –, verleihen illustrierte Elemente dem gesamten Webdesign eine künstlerische Note. Und da Kunst seit jeher eines der wirkungsvollsten Mittel ist, um Emotionen zu erzeugen, könnt ihr sicher sein, dass wir damit unser Publikum fesseln.
Im Folgenden zeigen wir einige Beispiele für Illustrationen im Webdesign, die uns besonders begeistert haben und eine wertvolle Inspirationsquelle darstellen.
1. House at Khlebny
Beeindruckende Illustrationen, kombiniert mit Fotografie, für die Vermarktung von Luxusapartments in einem sorgfältig restaurierten Gebäudekomplex in Russland. Dafür wird die Geschichte des Gebäudes erzählt und durch verschiedene Innenaufnahmen mit hochwertigen Ausstattungsdetails ergänzt. Die in Aquarelltechnik umgesetzte Illustration harmoniert perfekt mit den Animationen, die mit jQuery und CSS realisiert wurden.
2. The Grey Tales
Auf dieser Website wird anhand von vier erzählten und durch Illustrationen unterstützten Geschichten auf die Bedeutung des Schutzes von Elefanten aufmerksam gemacht. Das macht die Lektüre für die Nutzer deutlich angenehmer und zugänglicher.
3. What Does the Bank do?
Eine beim Herunterscrollen animierte Infografik, die in diesem Fall die Aufgaben der Bank of England und deren Auswirkungen auf die Gesellschaft erklärt. Die animierten Illustrationen unterstützen und führen den Betrachter während des gesamten Ablaufs und machen die interaktive Reise innerhalb des Webdesigns deutlich kurzweiliger.
4. Pablo the flamingo
Ein originelles und unterhaltsames 3D-Erlebnis, das aus einer schwungvollen Illustration entstanden ist. Diese sympathische Webanimation wurde mit verschiedenen JavaScript-Bibliotheken entwickelt, die Canvas nutzen, darunter Three.js.
