10 schöne Beispiele für Illustrationen im Web
Ich bin Grafik- / Webdesigner und Illustrator. Für mich gehört das Verständnis, wie das Front-End einer Website entworfen und erstellt wird, zu den Fähigkeiten eines modernen Grafikdesigners. Das Web ist nur eine weitere Leinwand zum Entwerfen. Beim Entwerfen für das Web gibt es andere Überlegungen als beispielsweise beim Entwerfen eines Zeitschriftenlayouts, aber der Übergang zwischen den beiden Disziplinen ist erheblich.
Da immer mehr Grafikdesigner / Illustratoren Webdesign-Kenntnisse erwerben, nimmt die Anzahl der Websites, die Illustrationen verwenden, zu.
Ich möchte einige Websites vorstellen, die mir im letzten Jahr aufgefallen sind und die Illustration verwenden, um die Benutzererfahrung zu verbessern.
1. CXXVI Clothing Co.
Ich werde mit einem meiner Lieblingsbeispiele für Illustration im Internet beginnen. 126 ist ein New Yorker Bekleidungsunternehmen, das Produkte aus amerikanischer Produktion mit einer passenden Ästhetik herstellt. Die Website verwendet Illustrationen, um diese Idee ins Web zu übertragen. Wunderschön handgezeichnete Schrift schafft ein authentisches handgefertigtes Gefühl auf einer Website, auf der bereits gleich gute Kleidungsprodukte präsentiert werden. Die Abbildung unterstreicht die Werte, den Stil und die Qualität des Unternehmens.
Es gibt auch eine Reihe von handgezeichneten Produktsymbolen, mit denen Sie durch den Shop navigieren können. Diese Site ist das perfekte Beispiel dafür, wie Illustrationen verwendet werden können, um die Benutzererfahrung auf subtile Weise zu verbessern, ohne die Benutzerfreundlichkeit der Site zu beeinträchtigen.
2. Iltis
Iltis macht iPhone und iPad Apps. In Bezug auf die Verwendung von Illustrationen auf seiner Website wird ein etwas umfassenderer Ansatz verfolgt. Die gesamte Website wird illustriert und vermittelt den Eindruck, dass das Unternehmen Kreativität ausstrahlt. In gewisser Weise bin ich der Meinung, dass der sehr illustrierte Ansatz für dieses Design aufgrund der Aktivitäten von Polecat etwas fehl am Platz ist. Auf einen Blick ist nicht klar, worauf es spezialisiert ist. Trotzdem denke ich, dass ich ohne Grund Löcher pflücken könnte! Es gibt so viele hochmoderne Website-Designs, die ähnliche Dienstleistungen verkaufen, dass sich diese wirklich von der Masse abhebt.
3. Die Lamson-Kriege
Etwas das Gerren Lamson wirklich gut ist es, Illustration mit Ikonographie zu mischen. Jeder Eintrag in sein Portfolio wird durch ein wunderschön illustriertes Symbol dargestellt. Ikonographie kann einem Projekt wirklich Identität verleihen. Anstatt große, aufwändige Illustrationen zu haben, können Sie diese kleinen Kreativitätsschübe hinzufügen, die einer Site wirklich Persönlichkeit verleihen. Ikonografie ist oft sehr nützlich, wenn Sie an Websites arbeiten, die eher Webanwendungen ähneln. Sie können eine visuelle Identität für verschiedene Bereiche der Site erstellen, indem Sie eine Familie von Symbolen einführen. Die Symbole verleihen der Website nicht nur visuelles Interesse, sondern unterstützen auch die Reise des Benutzers durch die Website oder App.
4. Die vielen Gesichter von ... Leonoardo DiCaprio
Im Gegensatz zum Hinzufügen illustrativer Details mit einer Reihe von Symbolen können Sie auch mit riesigen Illustrationen eine erstaunliche Wirkung erzielen, insbesondere wenn Sie ihnen gerne den gesamten oberen Teil Ihrer Website widmen! Eines der besten Beispiele dafür im Web ist on themanyfacesof.com durch paravelinc.com . Diese Jungs (Trent Walton, Reagan Ray und Dave Rupert) produzieren erstaunliches Webdesign, und ich denke, das liegt an ihrem fundierten Wissen darüber, was man mit modernen Technologien im Web erreichen kann, und an ihrem Verständnis, wie man das mit ihrem beachtlichen kreativen Design kombiniert Talent.
5. Zaggy
Zaggy ist ein brillantes Beispiel dafür, wie ein wirklich einfaches Stück Illustration das Gefühl einer ansonsten ziemlich einfachen Site völlig verändern kann. Ich liebe diese effektive Verwendung einfacher Illustrationen. Es erinnert einen Designer wie mich daran, dass weniger mehr ist! Dies ist oft der Fall und ich denke, diese Seite zeigt dies sehr gut.
Dies ist auch ein gutes Beispiel dafür, wie Illustration den Ton und die Persönlichkeit einer Site beeinflussen kann. Auf dieser Seite vermitteln die Illustrationen ein persönliches und unbeschwertes Gefühl, das es sonst nicht geben würde.
6. Mädcheneffekt
Wenn Sie Illustrationen in Ihrem Site-Design verwenden, ist es eine gute Idee, ernsthaft über die Farbgebung nachzudenken. Wie ich oben sagte, ist weniger oft mehr und dies ist das gleiche, wenn Farbe verwendet wird. Normalerweise würde ich eine kleine Palette von zwei oder drei Farben wählen. Mädchen-Effekt Verwendet drei Farben pro Seite, einschließlich Schwarzweiß (cremefarben). Jeder Abschnitt der Website hat eine Hauptfarbe, die den Abbildungen auf jeder Seite ein einzigartiges Gefühl verleiht und dem Benutzer hilft, zu erkennen, wo sie sich auf der Website befinden. Es schafft auch visuelle Wirkung.
7. Studio zehneinhalb
Ich denke die Homepage der Grafikdesignberatung Studio Zehneinhalb ist nicht wirklich ein Beispiel für reine Illustration, sondern ein Beispiel für illustrative Typografie. Die riesigen zehneinhalb Änderungen der Schrift beim Aktualisieren und in Kombination mit dem reinen Schwarzweiß erzeugen eine wirklich starke Wirkung. Ich liebe den Stil dieser Seite. Ich würde es an meine Wand kleben, wenn ich einen anständigen Ausdruck davon hätte!
8. BountyBev
Kopfgeld Bev verwendet diese wirklich unterhaltsame Roadmap-Illustration, die die Webseite hinunterläuft und den Benutzer direkt zum Ende der Seite führt. Die gesamte Website hat eine Art Erzählqualität, wobei die Straßenillustration den Weg weist. Die Site wird auch von einer schönen blauen Textur unterstützt, die zum erfolgreichen visuellen Design und zur illustrativen Qualität der Site beiträgt.
9. Flug der Conchords
Ich habe aufgenommen flightoftheconchords.co.nz Nur weil es Spaß macht! Es ist ein Stück illustrativen Druckdesigns im Retro-Stil, aber online! Es gibt auch einen interaktiven Kostümwechsler für Bret und Jemaine… was sehr amüsant ist!
10. Spannung: Fashion Amplified 2011
Diese Seite für die führende Rock- und Modenschau des amerikanischen Mittelwestens ist wirklich kreativ. Der Inhalt besteht aus einer Reihe von illustrativen und typografischen Postern. Es ist eine horizontale Bildlaufseite, die in diesem Fall gut funktioniert. Es ist ein großartiges Beispiel für einen Designer, der das Webdesign kreativ vorantreibt. Es ist wichtig, dass einige Designer die kreativen Grenzen des Webs wirklich erweitern, damit wir uns alle von ihnen inspirieren lassen und das Webdesign auf unsere eigene Weise vorantreiben können.
Kennen Sie andere großartige Beispiele für Illustrationen im Internet? Lassen Sie uns wissen, was Sie der Liste in den Kommentaren hinzufügen würden!
