Framework

Druck

Temporärer Startscreen

Der Startbildschirm ist der erste Eindruck der App und Ort für die Präsentation der Marke. Die folgenden Informationen zeigen, wie er aussieht:
 
Der Startbildschirm wird nach dem Öffnen der App angezeigt und verschwindet automatisch, sobald die App geladen wurde oder nach einer definierten Zeit, in der der Benutzer den angezeigten Text lesen können sollte. Wenn Sie lange Ladezeiten erwarten, verwenden Sie einen Ladespinner. Entwerfen Sie Ihren Startscreen wie ein Deckblatt. Das Logobalken-Feld kann entweder weiß sein, eine geeignete Deckkraft haben oder vollständig weggelassen werden.
Druck

Optionale Transparenz

Unruhige oder farbige Hintergründe können das Lesen des Textes erschweren. Um dies zu vermeiden, können Sie den Titeltext auf einem weißen Logobalken-Feld platzieren.

Wählen Sie die Deckkraft für das Logobalken-Feld aus, die sowohl der Lesbarkeit Ihrer Textelemente als auch der gewünschten Sichtbarkeit des Hintergrundbildes entspricht, das durch das Logobalken-Feld angezeigt wird.

startscreen_logostreifenbox.jpg
Druck

Login

Der Login-Screen wird nach dem temporären Startscreen angezeigt und nimmt die Farben des Startscreens auf.

Es enthält Eingabefelder und eine Login-Schaltfläche, Links zu rechtlichen Hinweisen, Haftungsausschluss und Datenschutz erscheinen am unteren Rand des Ansichtsfensters.

Details:

  • die Eingabefelder und die Login-Schaltfläche befinden sich in einer Spalte.
  • der Login-Buttons-Text ist „Login“.
Startscreen_Login.jpg
Druck

Navigationsleiste

Die Navigationsleiste befindet sich oben im Ansichtsfenster.

Die bevorzugte Hintergrundfarbe ist die definierte Unternehmensfarbe.

Die bevorzugte Struktur des Balkens enthält:

  • eine Pfeiltaste „zurück“ auf der linken Seite
  • eine zentrierte Standort-ID
  • das Menü oder einzelne Symbole (z. B. filtern, teilen, gefällt mir) auf der rechten oder linken Seite
Druck

Werkzeugleiste

Die Werkzeugleiste wird am unteren Rand des Ansichtsfensters platziert. Die bevorzugte Hintergrundfarbe ist die definierte Unternehmensfarbe.

Sie enthält Symbole mit Beschriftungen.

Die maximale Anzahl der angezeigten Werkzeuge beträgt 5.

Wenn es mehr als 5 Werkzeuge gibt:

  • die 4 Hauptwerkzeuge werden angezeigt
  • der Rest wird im 3-Punkte-Icon zusammengefasst
Framework_ToolBar.jpg
Druck

Menü

Die bevorzugte Hintergrundfarbe ist die definierte Unternehmensfarbe.

Menüstruktur:

  • Logo zentriert an der Spitze
  • „Schließen“-Symbol in der oberen rechten Ecke
  • Menüelemente werden durch eine Zeile getrennt sind
  • Menüelemente werden links ausgerichtet
  • Pfeile der Menüpunkte rechts ausgerichtet

Links zum Impressum, Haftungsausschluss und Datenschutz befinden sich am unteren Rand des Ansichtsfensters.

 

Framework_Menu.jpg
Druck

Sprachauswahl

Empfehlung: Verwenden Sie die Sprachauswahl direkt nach dem Login-Screen, wenn der Benutzer die App zum ersten Mal öffnet.

Die bevorzugte Hintergrundfarbe ist die definierte Unternehmensfarbe.

Struktur der Sprachauswahl:

  • „Schließen“ Symbol in der oberen rechten Ecke (nicht, wenn die Sprachauswahl direkt nach dem Anmeldebildschirm angezeigt wird)
  • Sprachen sind durch eine Zeile getrennt 
  • Sprachen sind links ausgerichtet
  • Pfeile der Sprachen sind rechts ausgerichtet

Links zum Impressum, Haftungsausschluss und Datenschutz befinden sich am unteren Rand des Ansichtsfensters.

Framework_Languageselector.jpg

 

Contact and feedback

The team Brand Consultancy is happy to support you in case of questions: contact.
Please let us know what you think about our Brand Portal: Feedback.