Apps : App-Grafiken Anleitung

Einleitung

Für die Erstellung der nativen Apps (moApp) für iOS und Android werden Grafiken benötigt. Diese sind fix und können nur durch einen erneuten Upload in die App Stores wieder geändert werden.

1. Grafiken iOS-App (iPhone & iPad)

Nr	Beschreibung	Beispiel	Ausmasse (in Pixel)	Dateiname	Format
1	Master Icon		1024 x 1024	master_icon_ios.png	PNG Transparenz für Hintergrund ist möglich

Die abgerundeten Kanten und der Spiegeleffekt werden von der App automatisch erstellt

2. Grafiken android-App

Nr	Beschreibung	Beispiel	Ausmasse (in Pixel)	Dateiname	Format
1	Master Icon Es kann das gleiche Master Icon benutzt werden wie für die iOS-App		1024 x 1024	master_icon_android.png	PNG Transparenz für Hintergrund ist möglich
2	Benachrichtigungs Icon Das Sujet muss monochrom sein, optimalerweise nicht zu komplex, da es nur relativ klein dargestellt wird		96 x 96	notif_xxxhdpi.png?	PNG Transparenter Hintergrund!
3	Store Icon		180 x 120	android_werbegrafik_store.png	PNG
4	Funktionshintergrund		1024 x 500	android_funktionsgrafik_store.png	PNG

3. Grafiken Web-App

Nr	Beschreibung	Beispiel	Ausmasse (in Pixel)	Dateiname	Format
1	Logo Header		360 x 87	logo_header_retina.png	PNG Transparenter Hintergrund!
2	Master Icon Falls anders als bei den Apps oben		1024 x 1024	master_icon_web.png	PNG Transparenz für Hintergrund ist möglich
3	Stimmungsbilder		mind. 2000 x ... Typischerweise sind die panoramamässig dimensioniert	keine Vorgabe	JPG Auf Basis des angelieferten Bildes werden die Miniaturansichten (Thumbnails) für kleine Geräte automatisch erstellt. Die Masse (Verhältnis Breite/Höhe) der Stimmungsbilder sind frei wählbar, die Breite sollte jedoch nicht kleiner als der Vorgabewert sein. Sehr hohe oder quadratische Bilder werden nicht empfohlen, da sonst der Inhaltsbereich zu wenig Platz bekommt und in der Regel nicht optimal dargestellt werden kann.

4. Farbwerte (Hexacodes)

Der korrekte Farbwert (Hexacode) für die Kopfzeile ist für die Erstellung der App notwendig, da auf dieser Basis die Screenshots für den App Store erstellt werden. Nicht empfohlen sind weiss oder zu helle Farben da die Buttons automatisch die Hintergrund-farbe des Headers verwenden. Der Farbverlauf wird vom Betriebssystem (iOS) automatisch erstellt.

4.1 Kopfzeile

Die untenstehenden Angaben sind für die Erstellung der Apps nicht notwendig und können auch zur Laufzeit direkt via moPage-CMS verändert werden.

4.2 Inhaltsbereich (optional)

4.3 Navigation moPage (optional)

4.4 Navigation iOS/android-App (optional)