Source: https://cd.union-investment.de/anwendungen/Digitalmedien/app-icons-favicons
Die Gestaltung von App-Icons basiert auf dem charakteristischen Stil der Content-Icons . Durch den Einsatz der Bildmarke im unteren Bereich lässt sich Union Investment als Absender für den Nutzer klar zuordnen.
Für Favicons wird die UI-Bildmarke eingesetzt. Nur für interne Anwendungen können auch Icons im Stil der Content-Icons eingesetzt werden.
App-Icons
Anwendungsprinzipien
Abrundungen
Favicons
Downloads
Bitte beachten: Digitale Anwendungen wie auch Apps für den Endverbraucher unterliegen dem Barrierefreiheitsgesetz und müssen entsprechend aufbereitet werden. Das gilt für die technische Aufbereitung, die inhaltliche Aufbereitung wie auch die visuelle Darstellung. Das Solid Design System von Union Investments folgt bereits den Richtlinien. Nutzen Sie dies als Basis und überprüfen Sie eigenständig, ob die verwendeten Kontraste den Standards entsprechen. Die Einhaltung der Richtlinien obliegt in der finalen Umsetzung dem Ersteller der jeweiligen Oberfläche.
Ob Desktop, Tablet, Smartphone oder Smartwatch: App-Icons sind für Nutzer digitaler Geräte oft der erste Kontaktpunkt zu einer Marke. Durch die Platzierung der Bildmarke und einem wiederkehrenden Layoutprinzip ist Union Investment immer klar als Absender erkennbar.
Im oberen Bildbereich wird ein Content-Icon platziert, dessen Aussage einen klaren Verweis auf den Inhalt der App gibt.
Der Aufbau dieses Content-Icons orientiert sich an den Vorgaben für Iconstil und Basiselemente. Allerdings wird beim Einsatz innerhalb des App-Icons eine größere Strichstärke (6 Pixel) verwendet. Dadurch sind sie auch bei kleiner Darstellung optimal erkennbar. In der Vorlage ist der Bereich, in dem ein Content-Icon eingesetzt werden kann, durch Hilfslinien gekennzeichnet.
Bitte beachten Sie, dass sich aufgrund von Barrierefreiheit der UI-Grün Wert (#2D9D00) in Digitalmedien geändert hat. Diese Änderung betrifft auch digitale Anwendungen/Apps, da auch diese unter das Barrierefreiheitsgesetz fallen.
Da die Einhaltung der Richtlinien über das Solid Design System und die CD-Toolbox nicht garantiert werden kann, obliegt die finale, richtlinienkonforme Umsetzung dem Ersteller der jeweiligen Oberfläche.
Beachten Sie die übergreifenden Prinzipien der Basiselemente , insbesondere den Iconstil .
Viele Medien und Betriebssysteme erfordern App-Icons mit abgerundeten Kanten, selten werden sogar runde App-Icons benötigt. Die Gestaltungsvorlage ist deshalb darauf angelegt sowohl mit einer Abrundung, als auch im Kreis- und quadratischen Format zu funktionieren.
Um als Union Investment immer klar und prägnant sichtbar zu sein, wird für die Favicons von externen und internen Anwendungen die UI-Bildmarke eingesetzt.
Für interne Anwendungen können neben der UI-Bildmarke auch Content-Icons im UI-Iconstil verwendet werden. Dies hilft, unterschiedliche Anwendungen bereits in den Tabs zu differenzieren.
Sie haben Fragen zur zur Gestaltung von App-Icons oder anderen Punkten unseres Corporate Designs? Gerne hilft Ihnen unser Corporate Design-Team weiter.
Vorheriges Kapitel Komponentenbibliothek Nächstes Kapitel Digitale Einladungen, Newsletter und Online-Banner
