Layouts erstellen | easyCMS Digital Signage

Ein Layout ist das, was ein Bildschirm zeigt: ein Hintergrund und alles, was darauf angeordnet ist. Wenn Sie nur ein Vollbild-Bild oder -Video benötigen, deckt Ihr erstes Layout das in wenigen Minuten ab. Dieser Artikel behandelt den nächsten Schritt, ein Design mit mehreren Dingen gleichzeitig auf dem Bildschirm, und das Arbeiten im Editor, ohne gegen ihn ankämpfen zu müssen.

Der Editor ist eine Arbeitsfläche, kein Raster

Ältere Signage-Tools zwangen Sie, den Bildschirm zunächst in feste Boxen zu unterteilen. easyCMS nicht. Sie erhalten eine Arbeitsfläche in der Größe Ihres Layouts und ziehen Elemente aus der Toolbox darauf, um sie dann frei zu verschieben, in der Größe zu ändern und zu drehen. Elemente können nebeneinander liegen oder sich absichtlich überlappen, ein Logo über einem Video sind einfach nur zwei gestapelte Elemente.

Drei Arten von Dingen kommen aus der Toolbox:

Bibliotheksmedien, die Bilder, Videos und Audiodateien, die bereits in Ihrer Medienbibliothek vorhanden sind.
Widgets, Inhalte, die etwas abrufen oder erzeugen: Uhren, Wetter, RSS-Ticker, Webseiten, DataSet-gesteuerte Tabellen.
Elemente, die Design-Bausteine, mit denen Sie gestalten: Text, Formen und Ähnliches.

Wählen Sie ein beliebiges Element aus, und das Panel Eigenschaften zeigt dessen Einstellungen. Im Tab Erweitert überschreiben Sie, wie lange dieses Element den Bildschirm belegt.

Ein Design mit mehreren Teilen erstellen

Ein durchgearbeitetes Beispiel, ein Hauptvisual mit einem Ticker-Streifen unten und einem Logo in der Ecke:

Legen Sie die Auflösung des Layouts im Eigenschaften-Panel fest, ohne dass etwas ausgewählt ist, und legen Sie eine Hintergrundfarbe oder ein Hintergrundbild fest.
Ziehen Sie Ihr Hauptbild oder -video hinein und ziehen Sie dann an dessen Anfassern, um den oberen Bereich auszufüllen. Verwenden Sie die Schaltflächen Einrasten an, unten rechts, um es an den Rändern der Arbeitsfläche auszurichten.
Ziehen Sie ein Ticker- oder Text-Widget auf den unteren Streifen und passen Sie es an die volle Breite an.
Fügen Sie das Logo zuletzt hinzu, damit es obenauf liegt.

Um mehrere Elemente in einem Bereich rotieren zu lassen, platzieren Sie dort stattdessen eine Playlist. Positionieren und dimensionieren Sie sie wie alles andere, und fügen Sie dann die Elemente hinzu, die darin durchlaufen sollen. Das ist der Punkt, den viele übersehen: Eine Playlist ist kein separat vorab definierter Bildschirmbereich, sondern einfach ein weiteres Element, das Sie platzieren.

Ebenen, Gruppieren und Auswählen

Sich überlappende Elemente brauchen eine Reihenfolge. Der Ebenen-Manager, unten links, listet alles auf der Arbeitsfläche mit seiner Ebene und Dauer auf, und Sie ordnen per Ziehen neu an. Ein Rechtsklick auf ein Element auf der Arbeitsfläche bietet dieselben Optionen.

Zwei Gewohnheiten, die bei einem vollen Design Zeit sparen:

Ziehen Sie ein Rechteck über die Arbeitsfläche, um mehrere Elemente gleichzeitig auszuwählen und sie gemeinsam zu verschieben, ohne ihre Ausrichtung zu verlieren.
Halten Sie Umschalt gedrückt, klicken Sie auf jedes Element, dann Rechtsklick und wählen Sie Elemente gruppieren, um eine Gruppe dauerhaft zusammenzuhalten.

Auflösung und Ausrichtung

Passen Sie die Layout-Auflösung an den Bildschirm an. 1920×1080 für die meisten Querformat-Displays, 1080×1920 für einen vertikal montierten Bildschirm, wobei die Arbeitsfläche selbst dann hochformatig wird und Sie direkt in diesem Format gestalten.

Ein Layout, das auf einem Bildschirm mit anderem Format abgespielt wird, wird passend skaliert, was schwarze Balken bedeutet. Erstellen Sie separate Hoch- und Querformat-Versionen für alles Wichtige. Bildschirmauflösung und Ausrichtung behandelt die schwierigen Fälle.

Vorschau, bevor es auf einem Bildschirm landet

Die Schaltfläche Wiedergabe, unten links, führt das Layout in Ihrem Browser aus. Sie deckt auf, was auf einem echten Bildschirm offensichtlich, beim Entwerfen aber unsichtbar ist: Text, der zu klein ist, um quer durch einen Raum gelesen zu werden, ein Element, das ein anderes überlappt, ein Video im falschen Format. Weitaus günstiger, als es erst auf der Verkaufsfläche zu bemerken.

Veröffentlichen und Bearbeiten von bereits live geschaltetem Inhalt

Ein Layout hat zwei Zustände, und nur einer davon wird jemals abgespielt.

Ein Entwurf kann frei bearbeitet werden und erscheint auf keinem Bildschirm. Ein veröffentlichtes Layout ist dasjenige, das die Displays abspielen. Das Veröffentlichen finden Sie im Drei-Linien-Menü oben rechts.

Wenn Sie ein bereits veröffentlichtes Layout bearbeiten, erstellt easyCMS eine Entwurfskopie und lässt die live laufende Version unangetastet weiterspielen. Ihre Änderungen erreichen die Displays erst, wenn Sie erneut veröffentlichen, daher ist die Überarbeitung eines laufenden Layouts mitten am Arbeitstag sicher.

Achtung Eine Änderung, die niemand auf dem Bildschirm sieht, ist sehr oft ein Layout, das bearbeitet, aber nie erneut veröffentlicht wurde.

Es lesbar machen

Text wird aus mehreren Metern Entfernung gelesen. Wählen Sie eine deutlich größere Schrift, als auf Ihrem Monitor richtig wirkt.
Hoher Kontrast gewinnt, besonders in einer hellen Verkaufsfläche oder in der Nähe eines Fensters.
Eine Botschaft pro Layout. Lassen Sie mehrere Layouts abwechseln, statt eines zu überladen.