Grundwissen: Digital Signage

Vorab solltest Du Dir ein wenig Grundwissen zum Modul Digital Signage aneignen. Hier findest Du Informationen zu den auswählbaren Themes, nützliche Tipps zu den verschiedenen Formaten, Empfehlungen zu passenden Schriftartkombinationen und Schriftgrößen sowie alles Wichtige zum Thema Navigation.

Themes

Dein Präsentationskanal ist in der Farbgebung unter den Einstellungen des Corporate Design anpassbar. Um die Pflege des Kanals zu vereinfachen, stellen wir Dir zwei voreingestellte Farbpaletten zur Verfügung. Alternativ kannst Du im Custom Theme Dein eigenes Farbschema einstellen.

Dark & Light Theme

In den beiden Themes Dark und Light orientieren sich sämtliche Farben an der ausgewählten Hauptfarbe und passen sich automatisch an. Beide Themes setzen auf einen hohen Kontrast und eine gute Lesbarkeit.

Dark Theme

Elegantes Schwarz und helle Texte: Dieses Theme wirkt besonders mit hellen Unternehmensfarben hochwertig und extravagant. Sieh selbst:

Light Theme

Lass Deinen Präsentationskanal mit den hellen Farbwerten dieses Themes strahlen: Reines Weiß in Kombination mit hellen Grautönen lässt Deine Unternehmensfarben in den Vordergrund rücken. Sieh selbst:

Custom Theme

Du hast die freie Wahl: Stelle alle verwendeten Farben nach Deinem Geschmack ein. Einzig transparente Flächen auf Bildern werden automatisch generiert. Farbige Überschriften, Hintergründe oder Texte sind mit diesem Theme kein Problem. Gib dieser Seite einen neuen Anstrich. Sieh selbst:

Bildformate

Der Präsentationskanal ist für die Darstellung auf einem Monitor mit einem Seitenverhältnis von 16:9 oder 4:3 optimiert. Beide Formate werden jeweils im Hoch- oder Querformat unterschiedlich dargestellt. Damit die Bilddateien korrekt angezeigt werden, kannst Du Dich an die folgenden Vorgaben halten. So ist garantiert, dass immer genau der richtige Teil im Blickfeld der Betrachter steht.

Die Bildformate im Überblick

Format 16:9

Einsatzbereich Art Min. Maße (px) Ausschnitt Safe area
Bild mit Text Landscape 3840 × 2160 Original (skaliert auf Miniaturansicht) Volle Auflösung
Bild mit Text Portrait 2160 × 3840 Original (skaliert auf Miniaturansicht) Volle Auflösung
Speise hervorgehoben – Voll Landscape 3840 × 2160 Original (skaliert auf Miniaturansicht) Volle Auflösung
Speise hervorgehoben – Voll Portrait 2160 × 3840 Original (skaliert auf Miniaturansicht) Volle Auflösung
Speise hervorgehoben – Listenansicht Landscape 3840 × 2880 Original (skaliert auf Miniaturansicht) Volle Auflösung
Speise hervorgehoben – Listenansicht Portrait 2880 × 3840 Original (skaliert auf Miniaturansicht) Volle Auflösung
Aktuelles Landscape 2840 × 1316 Original (skaliert auf Miniaturansicht) Volle Auflösung
Aktuelles Portrait 1580 × 2840 Original (skaliert auf Miniaturansicht) Volle Auflösung
Galerie Landscape 2840 × 2160 Original (skaliert auf Miniaturansicht) Volle Auflösung
Galerie Portrait 2160 × 2840 Original (skaliert auf Miniaturansicht) Volle Auflösung

Format 4:3

Einsatzbereich Art Min. Maße (px) Ausschnitt Safe area
Bild mit Text Landscape 3840 × 2880 Original (skaliert auf Miniaturansicht) Volle Auflösung
Bild mit Text Portrait 2880 × 3840 Original (skaliert auf Miniaturansicht) Volle Auflösung
Speise hervorgehoben – Voll Landscape 3840 × 2880 Original (skaliert auf Miniaturansicht) Volle Auflösung
Speise hervorgehoben – Voll Portrait 2880 × 3840 Original (skaliert auf Miniaturansicht) Volle Auflösung
Speise hervorgehoben – Listenansicht Landscape 3840 × 2438 Original (skaliert auf Miniaturansicht) Volle Auflösung
Speise hervorgehoben – Listenansicht Portrait 3011 × 3840 Original (skaliert auf Miniaturansicht) Volle Auflösung
Aktuelles Landscape 2840 × 1803 Original (skaliert auf Miniaturansicht) Volle Auflösung
Aktuelles Portrait 2228 × 2840 Original (skaliert auf Miniaturansicht) Volle Auflösung
Galerie Landscape 2840 × 2880 Original (skaliert auf Miniaturansicht) Volle Auflösung
Galerie Portrait 2880 × 2840 Original (skaliert auf Miniaturansicht) Volle Auflösung

Grafiken

Hier findest Du eine grafische Übersicht zu den Bildformaten und kannst diese als Vorlage herunterladen:

Begriffserklärung: Safe area

Als Safe area (deutsch: Schutzbereich) bezeichnet man den Bereich innerhalb einer Grafik, der, wenn diese auf einer Website zum Einsatz kommt, garantiert sichtbar und lesbar ist. Indem Du Dich also an die Vorgaben der Safe area hältst, stellst Du sicher, dass keine Informationen verloren gehen.

Hintergrund des Einsatzes der Safe area ist die Tatsache, dass Homepages auf vielen unterschiedlichen Endgeräten mit unterschiedlichen Auflösungen betrachtet werden, sodass überall eine andere Darstellung erfolgt. Die Safe area garantiert aber, dass die wesentlichen Informationen, die innerhalb des Bereichs liegen, immer im Fokus stehen und nicht abgeschnitten werden.

Schriftarten – Empfohlene Kombinationen

Schriftgrößen

Die Schriftgrößen werden automatisch und dynamisch an das jeweilige Endgerät angepasst, um eine optimale Lesbarkeit und Übersicht zu garantieren. Du musst somit keine Schriftgrößen festlegen. Die folgenden Informationen dienen rein zur Veranschaulichung und zum Verständnis.

Bereich Schriftschnitt Desktop Tablet Mobil
H1 Bold 70 70 35
H2 Bold 35 35 25
H3 Bold 25 25 20
Fließtext Regular 16 16 15
Zusatztext Regular 14 14 12
Button Bold 16 16 16
Navigation (mobil) Bold - 40 30

Steuerelemente

Die Steuerelemente und die Navigationsleiste dienen in erster Linie der Steuerung Deines Präsentationskanals und der Orientierung. Die Steuerung ist an die gängigen Schaltflächen angelehnt, die man aus dem multimedialen Sektor kennt. Starte oder stoppe die Präsentation, wechsle zum Vollbild, richte einen Zoom ein oder springe in den Inhalten vor und zurück.

Orientierung

Über die Navigationsleiste siehst Du die aktuelle Position ein, in der sich die Präsentation aktuell befindet. Die Länge variiert, je nach aktueller Komponente, die angezeigt wird.

Über die Schaltflächen Play bzw. Pause kannst Du die Präsentation starten und stoppen. (Dieses Symbol verändert sich, je nachdem, ob die Präsentation aktuell läuft oder angehalten wurde.) Alternativ kannst Du auch die Leertaste nutzen, wenn eine Tastatur angeschlossen ist.

Über die Dreiecke, die mit einem Strich enden, kannst Du zwischen einzelnen Komponenten wechseln, zum Beispiel von Speisekarte zu Speisekarte, und überspringst alle Inhaltselemente einer Komponente. Alternativ kannst Du auch die Pfeiltasten links und rechts nutzen, wenn eine Tastatur angeschlossen ist.

Über die doppelten Dreiecke wechselst Du zum nächsten Inhaltselement einer Komponente. Alternativ kannst Du auch die Pfeiltasten oben und unten nutzen, wenn eine Tastatur angeschlossen ist.

Spalten umschalten

Wechsle in der Ansicht zwischen verschiedenen 2-/3-spaltig bzw. 1-/2-spaltig – wenn die Bedingungen dafür erfüllt sind (das Verhältnis zwischen Bildschirmbreite und -höhe liegt über 1,5).

Zoom

Bei bestimmten Betrachtungsabständen oder Textlängen ist es durchaus nötig, die Text- und Elementgröße anzupassen. Nutze dafür unsere vorgegebenen Zoomstufen, indem Du auf die Lupe mit dem Minus-Symbol oder Plus-Symbol klickst/tippst.

Vollbild

Um zum Vollbild zu wechseln, nutze die Schaltfläche mit dem aufgeteilten Quadrat rechts. Erneutes Klicken/Tippen wechselt zurück in die Fensteransicht.

Digital Signage-App

Was ist die Digital Signage-App?

Die Gastronovi Digital Signage-App ist eine schnelle und unkomplizierte Lösung, um die Inhalte des Digital Signage-Moduls auf geeigneten Geräten wiederzugeben. Die App ist verfügbar für Android und Android TV und damit vielseitig auf Android-basierten Mobilgeräten, Streaming-Sticks und Smart-TVs einsetzbar. Du benötigst lediglich die entsprechenden IDs und kannst Dich sofort einloggen.

Wo bekomme ich die App?

Die App findest Du im offiziellen Google Play Store: https://play.google.com/store/apps/details?id=com.gastronovi.tv Lade die App herunter und installiere die App auf dem gewünschten Gerät.

Falls Du dazu Fragen haben solltest, nutze das externe Support-Portal von Google: support.google.com/googleplay

Solltest Du mit Deinem Gerät die App nicht im AppStore finden, ist das Gerät nicht geeignet.

Wie melde ich mich an?

Nachdem die App erfolgreich installiert wurde, kannst Du diese öffnen und Dich anmelden.

Wie nutze ich die App?

Nachdem Du Dich angemeldet hast, läuft die Präsentation auf dem Gerät selbstständig. Über die Steuerelemente kannst Du die Präsentation steuern.

Steuerelemente

Die Steuerelemente und die Navigationsleiste dienen in erster Linie der Steuerung Deines Präsentationskanals und der Orientierung. Die Steuerung ist an die gängigen Schaltflächen angelehnt, die man aus dem multimedialen Sektor kennt. Starte oder stoppe die Präsentation, wechsle zum Vollbild, richte einen Zoom ein oder springe in den Inhalten vor und zurück.

Orientierung

Über die Navigationsleiste siehst Du die aktuelle Position ein, in der sich die Präsentation aktuell befindet. Die Länge variiert, je nach aktueller Komponente, die angezeigt wird.

Über die Schaltflächen Play bzw. Pause kannst Du die Präsentation starten und stoppen. (Dieses Symbol verändert sich, je nachdem, ob die Präsentation aktuell läuft oder angehalten wurde.) Alternativ kannst Du auch die Leertaste nutzen, wenn eine Tastatur angeschlossen ist.

Über die Dreiecke, die mit einem Strich enden, kannst Du zwischen einzelnen Komponenten wechseln, zum Beispiel von Speisekarte zu Speisekarte, und überspringst alle Inhaltselemente einer Komponente. Alternativ kannst Du auch die Pfeiltasten links und rechts nutzen, wenn eine Tastatur angeschlossen ist.

Über die doppelten Dreiecke wechselst Du zum nächsten Inhaltselement einer Komponente. Alternativ kannst Du auch die Pfeiltasten oben und unten nutzen, wenn eine Tastatur angeschlossen ist.

Spalten umschalten

Wechsle in der Ansicht zwischen verschiedenen 2-/3-spaltig bzw. 1-/2-spaltig – wenn die Bedingungen dafür erfüllt sind (das Verhältnis zwischen Bildschirmbreite und -höhe liegt über 1,5).

Zoom

Bei bestimmten Betrachtungsabständen oder Textlängen ist es durchaus nötig, die Text- und Elementgröße anzupassen. Nutze dafür unsere vorgegebenen Zoomstufen, indem Du auf die Lupe mit dem Minus-Symbol oder Plus-Symbol klickst/tippst.

Vollbild

Um zum Vollbild zu wechseln, nutze die Schaltfläche mit dem aufgeteilten Quadrat rechts. Erneutes Klicken/Tippen wechselt zurück in die Fensteransicht.

Wie wechsle ich den Präsentationskanal?

Um den Präsentationskanal zu wechseln, beende die App zuerst. Wenn Du diese anschließend neu startest, läuft ein Countdown herunter. Innerhalb des Countdowns musst Du eine Taste drücken oder auf den Bildschirm tippen, um den Countdown zu unterbrechen. Anschließend gelangst Du zurück zur Startseite, auf der Du Dich erneut anmelden kannst. (Die zuletzt eingegebenen Daten bleiben gespeichert.)


Hier findest Du weitere Visualisierungen, Beispiele und Tipps: Demoseite – Digital Signage

Und hier findest Du unseren Quick Guide zum Thema Website & Digital Signage: gn-quick-guide-website-de.pdf

Die Informationen sind allgemeiner Art und stellen keine Rechtsberatung dar.
Das Supportportal erhebt keinen Anspruch auf Vollständigkeit. Änderungen bleiben ohne Vorankündigung jederzeit vorbehalten. Es wird an dieser Stelle darauf hingewiesen, dass die ausschließliche Verwendung der männlichen Form geschlechtsunabhängig verstanden werden soll.