Illustrationsstil

Der Illustrationsstil von Union Investment ist reduziert, flächig und besteht aus einfachen Grundformen. Das Verhältnis zwischen Rundungen und Ecken ist ausgewogen. Auf eine Ausarbeitung von Details wird verzichtet.

Anwendungsbeispiele

Anwendungsprinzipien

Stilistik von Illustrationen
 

Bauen Sie illustrierte Bilder aus geometrischen, flächigen Grundformen auf und vermeiden Sie eine verspielte Anmutung. Verzichten Sie ebenso auf detailgetreue Elemente, zum Beispiel bei Menschen, Gegenständen und Gebäuden.

Sie können bei speziellen Anforderungen auch auf andere Illustrationsstile zurückgreifen. Stimmen Sie sich hierfür bitte mit unserem Corporate Design- Team ab.

Räumliche Tiefe
in Illustrationen
 

Räumliche Tiefe in Illustrationen erzeugen Sie durch Farbabstufungen im Flat Design: Stellen Sie Elemente im Hintergrund hierfür heller oder dunkler dar und verzichten Sie auf Farbverläufe.

Lässt sich räumliche Tiefe alleine durch Farbabstufungen nicht abbilden, können Sie flächige Schattierungen und Aufheller einsetzen.

Farbigkeit von Illustrationen
 

Es gelten die Prinzipien für Farbigkeit aus den Basiselementen.

Mit Ausnahme der Risikofarben steht Ihnen das komplette UI-Farbspektrum für Illustrationen zur Verfügung, mit einem zusätzlichen Farbset an Haut- und Haartönen. Eine leichte Dominanz der Primärfarben im Gesamtbild kann die Markenwahrnehmung unterstützen.

Zusatzfarben für Illustrationen

Name CMYK RGB HEX
Braun100 4 - 18 - 25 - 0 245 - 217 - 194 #f5d9c2
Braun200 14 - 29 - 37 - 4 217 - 184 - 158 #d9b89e
Braun300 22 - 34 - 42 - 10 191 - 161 - 138 #bfa18a
Braun400 34 - 46 - 54 - 26 148 - 117 - 97 #947561
Braun500 50 - 56 - 66 - 52 89 - 71 - 56 #594738
Rot100 0 - 30 - 15 - 0 255 - 200 - 200 #ffc8c8
Rot200 0 - 56 - 30 - 0 240 - 142 - 148 #f08e94
Rot 0 - 94 - 64 - 0 228 - 36 - 68 #e42444
Rot400 22 - 100 - 67 - 16 172 - 25 - 56 #ac1938
Rot500 30 - 100 - 64 - 42 125 - 20 - 45 #7d142d
Orange100 0 - 24 - 66 - 0 255 - 203 - 107 #ffcb6b
Orange 0 - 43 - 97 - 0 255 - 166 - 5 #ffa605
Orange300 0 - 55 - 98 - 0 247 - 137 - 1 #f78901

Illustrative Infografiken

Für illustrative Infografiken kombinieren Sie Illustrationen wahlweise mit Diagrammen oder mit Schaubildern: So vermitteln Sie Informationen anschaulich und unterhaltsam.

Aufbau von illustrativen Infografiken
 

Um die Zusammengehörigkeit von Illustration und Schaubild oder Diagramm besser zu verdeutlichen, hilft es, beide Elemente leicht zu überlagern. Achten Sie jedoch darauf, wichtige Elemente nicht zu verdecken.

Animation von Illustrationen

Die Illustrationen eignen sich in animierter Form sehr gut für den Einsatz in Bewegtbild-Medien, z. B. Erklärfilmen.

Achten Sie darauf, dass die Figuren in ihrer Bewegung und Interaktion möglichst natürlich und lebendig wirken.

Die Darstellung verschiedener Mimiken verstärken die emotionale Wirkung.

Eine animierte Kombination von Figuren mit grafischen Elementen schafft eine spannende und lebendige Darstellung komplexer Inhalte. 

Wenn eine bestimmte Umgebung gezeigt wird, sollte diese möglichst reduziert wirken, damit der Fokus auf den Animationen bleibt. Durch leichte Zoom-Effekte erhält man mit einfachen Mitteln eine zusätzliche räumliche Wirkung.

 

Interaktion: lebendig und natürlich

Menschliche Darstellung von Emotionen durch die Mimik

Kombination von Illustration und grafischen Elementen

Bewegung und Kamerazoom in Umgebung

Illustrator-Vorlagen

Für benötigte Illustrator-Vorlagen wenden Sie sich bitte an Ihren Ansprechpartner bei Union Investment.