Avtek Sign Dokumentation
EN PL DE

Inhaltsverzeichnis

Übersicht

Der Plattform­-Layout‑Editor ist der Ort, an dem Sie den Inhalt entwerfen, der auf Ihren Bildschirmen erscheint. Sie können Text, Medien, Apps, Wiedergabelisten und mehr zu einem einzigen, visuell ansprechenden Layout kombinieren – ohne Design­erfahrung. Mit dem neu gestalteten Layout‑Editor wird alles schneller, intuitiver und benutzerfreundlicher. Die Benutzeroberfläche wurde den modernen Design‑Tools angepasst, sodass Sie sich auf Kreativität und Effizienz konzentrieren können.

Diese Anleitung enthält alles, was Sie wissen müssen, um von der Erstellung Ihres ersten Layouts über das Hinzufügen und Anpassen von Elementen bis zur Verwaltung Ihres Inhalts zu starten.

Layout‑Editor‑Umriss

Wenn Sie ein Layout öffnen, ist der Editor in vier Hauptbereiche unterteilt:

  • Linkes Seitenmenü (1): Fügen Sie Text, Bilder, Videos, Formen, Cliparts, Apps und Wiedergabelisten zu Ihrem Layout hinzu.
  • Canvas‑Frame (Center) (3): Der Hauptdesignbereich, in dem Sie Elemente platzieren, anordnen und skalieren.
  • Top Navigation Bar (2): Verwalten Sie den Layoutnamen, die Auflösung, die Hintergrundfarbe, Rückgängig/Erneuern und die Ebenen.
  • Toolbar (Contextual): Tritt bei Auswahl eines Elements auf und bietet spezifische Bearbeitungs­optionen für dieses Element.
Layout Editor-Übersicht mit Hervorhebungen

Schritt 1 – Erstellen eines neuen Layouts

Sie können ein neues Layout von Grund auf neu erstellen oder mit einer vorgefertigten Vorlage starten. Im Abschnitt Layouts des Dashboards Ihrer Plattform können Sie entweder:

  1. Erstellen einer neuen blanken Vorlage: Unter dem My Layouts Tab klicken Sie entweder auf die Schaltfläche „Create New Layout“, wenn Sie bereits andere Vorlagen haben, oder auf + Create Template, wenn Sie keine haben. Diese Option gibt Ihnen volle Kontrolle über Ihre Vorlage.
  2. Erstellen eines neuen blanken markenbezogenen Templates (nur verfügbar bei den Premium/Enterprise‑Plänen): Unter dem Branded Templates Tab klicken Sie auf die Schaltfläche + Create Template. Mit dieser Option können Sie und Ihr Team schnell und in großem Umfang markenbezogene Inhalte erstellen.
  3. Auswählen einer fertigen Vorlagen­­­‑gestaltung zur Personalisierung: Unter dem Discover Templates Tab wählen Sie jede vorgekreierte Vorlage, die Sie mögen, und passen sie an Ihre Bedürfnisse an.
Alle verfügbaren Layout‑Erstellungsoptionen

Schließlich, sobald Sie auf die Layout‑Seite gelangen (entweder neu oder fertig), müssen Sie es benennen indem Sie den vordefinierten Namen oben links ändern.

💡Hinweis: Vorlagen sind ideal, um schnell ein professionelles Signage zu erstellen. Sie können sie später jederzeit anpassen, um Ihre Marke widerzuspiegeln.

Schritt 2 – Erkundung des linken Seitenmenüs

Das Linke Seitenmenü ist der Ort, an dem Sie alles finden, was Sie zu Ihrem Layout hinzufügen können, sowie einige Layout‑Einstellungen.

  • Medien: Laden Sie Bilder, Videos, Audio, Dokumente und Webseiten hoch oder wählen Sie sie aus Ihrer Bibliothek aus.
  • Apps: Fügen Sie dynamische Widgets wie Uhren, Wetter und mehr ein.
  • Wiedergabelisten: Fügen Sie bestehende Wiedergabelisten in Ihr Design ein.
  • Text: Fügen Sie Textrahmen mit anpassbaren Schriftarten, Größen, Farben und Ausrichtungen hinzu.
  • Elemente (Shapes & Clipart): Hinzufügen von visuellen Elementen zur Hervorhebung von Inhalten.
  • Einstellungen: Verwalten Sie die Layouts, Hintergrund‑Audio, die Snap‑to‑Grid‑Option, Sperren und Verfügbarkeit.
Optionen des linken Seitenmenüs

Um ein Element hinzuzufügen, müssen Sie zuerst eine der Menüoptionen auswählen und dann:

  • Entweder klicken Sie auf ein Element, um es auf dem Canvas‑Frame einzufügen.
  • Oder ziehen und ablegen ein Element direkt an die gewünschte Stelle auf dem Canvas‑Frame.

💡Pro‑Hinweis: Häufig verwendete Formen und Grafiken erscheinen im Abschnitt “Recently Used” für schnellen Zugriff.

Schritt 3 – Gestalten im Canvas‑Frame

Der Canvas Frame ist der Ort, an dem Sie Ihr Layout visuell aufbauen. Jedes Element, das Sie hinzufügen, kann bewegt, skaliert und gestapelt werden.

  • Elemente bewegen: Klicken Sie und ziehen Sie sie an die gewünschte Position.
  • Elemente skalieren: Ziehen Sie die Eckschalter, um die Größe zu erhöhen oder zu verringern.
  • Präzise ausrichten: Verwenden Sie die Funktion “Snap to Grid” für pixelgenaue Platzierung.
Canvas mit zwei Elementen und zusätzlichen Anpassungs­optionen für das ausgewählte Element

Schritt 4 – Ihr Layout anpassen

Wenn Sie ein Element auf dem Canvas‑Frame auswählen, erscheint eine Toolbar mit Bearbeitungs- und Anpassungs­optionen, die für diesen Inhaltstyp spezifisch sind, an der Oberseite.

  • Schriftart und Größe
  • Text- und Hintergrundfarbe
  • Fett, kursiv, unterstrichen
  • Ausrichtung und Abstände
  • Positionierungs‑Anpassungen des Components auf den Ebenen des Canvas‑Frames
  • Duplizieren, sperren, rotieren oder löschen
Text‑Optionen
  • Medien ersetzen
  • Anpassungsmodus: Fill, Fit oder Stretch
  • Transparenzschalter
  • Erweiterte Bildbearbeitung über Pixie Editor
  • Positionierungs‑Anpassungen des Components auf den Ebenen des Canvas‑Frames
  • Duplizieren, sperren oder löschen
Media‑Optionen
  • Farbe und Strich‑Einstellungen
  • Flip‑ und Drehoptionen
  • Positionierungs‑Anpassungen des Components auf den Ebenen des Canvas‑Frames
Elemente (Shapes & Clipart) Optionen

💡Pro‑Hinweis: Nutzen Sie die Mehrfachauswahl -Funktion (Shift + Click), um mehrere Elemente gleichzeitig auszuwählen und zu bearbeiten; ein wesentlicher Zeit‑Sparer bei der Anpassung von Layouts mit vielen Elementen.

Schritt 5 – Layout‑Einstellungen in der oberen Navigationsleiste anpassen

Sie können mehrere globale Einstellungen in der Top Navigation Bar steuern:

  • Layout Name: Layouts inline umbenennen.
  • Resolution & Aspect Ratio: Wählen Sie aus vordefinierten Größen (Full HD, 4K, etc.) oder legen Sie eine eigene fest.
  • Background Color: Verwenden Sie den integrierten Farbwähler, um sofort einen einfarbigen Hintergrund einzustellen.
  • Undo/Redo: Rückgängig machen oder Änderungen erneut durchführen.
  • Layers Panel: Elemente neu anordnen, ausblenden oder sperren.
Optionen der Top Navigation Bar

Schritt 6 – Ihr Layout vorab ansehen

Vor der Veröffentlichung können Sie Ihr Layout in der Vorschau sehen, um genau zu erkennen, wie es auf dem Bildschirm aussehen wird.

  1. Klicken Sie auf Preview in der oberen rechten Ecke.
  2. Ein neues Fenster öffnet sich und zeigt Ihr Layout, wie es im Player angezeigt würde.
  3. Bearbeiten Sie beliebige Elemente, falls nötig, und Speichern Sie Ihre Änderungen.
Layout‑Vorschaufenster

⚠️Browser‑Hinweis: Wenn beim Klicken auf „Preview“ nichts passiert, blockiert Ihr Browser möglicherweise Pop‑Ups. Erlauben Sie Pop‑Ups für app.platformName.com um Vorschauen zu ermöglichen.

Schritt 7 – Ihre Layouts verwalten

Wenn Ihre Layouts fertig sind, können Sie sie im Layouts‑Bereich verwalten:

  • Bearbeiten: Öffnen und bearbeiten Sie ein beliebiges Layout.
  • Duplizieren: Erstellen Sie eine Kopie zum Testen oder Versionieren.
  • Verschieben: Übertragen Sie Layouts zwischen Arbeitsbereichen (nur Enterprise).
  • Löschen: Entfernen Sie ein Layout dauerhaft.
  • Zur Wiedergabeliste hinzufügen: Fügen Sie das ausgewählte Layout einer bestehenden Wiedergabeliste hinzu.
  • Auf Bildschirm setzen: Setzen Sie dieses Layout direkt auf den Bildschirm Ihrer Wahl.
  • Als Vorlage speichern: Speichern Sie dieses Layout als Vorlage, die auch im Branded Templates‑Tab für Ihr Team und für zukünftige Vorhaben verfügbar ist.
  • Detailinformationen: Sie können die Layout‑Details und -Logs mit Datum und Uhrzeit der Erstellung und Modifikation überprüfen.
Verwalten von Layouts

💡Pro‑Hinweis: Insgesamt können Sie Ihre Layouts mithilfe von Ordnern und der Suchfunktion weiter organisieren, um Ihre Bibliothek strukturiert zu halten.

Beste Praktiken für ein Großartiges Layout

  • Passendes Seitenverhältnis: Verwenden Sie immer ein Layout, das dem Auflösungsformat Ihres Anzeigegeräts entspricht, um Streckungen oder schwarze Balken zu vermeiden.
  • Layer strategisch verwenden: Belassen Sie wichtige Elemente oben und gruppieren Sie verwandte Elemente.
  • Markenkonsistenz bewahren: Verwenden Sie die Farben, Schriftarten und Logos Ihres Unternehmens.
  • Vor dem Veröffentlichen testen: Sehen Sie sich immer Layouts in der Vorschau an, um Fehler vor dem Live‑Schalten aufzuspüren.

Häufig gestellte Fragen

Haben Sie Fragen? Wir haben Antworten! Dieser Abschnitt behandelt häufig gestellte Fragen zum Layout‑Editor Ihrer Plattform.

Kann ich Hintergrund‑Audio abspielen, während Videos laufen?
Ja — aber Hintergrund‑Audio hat die Vorrang. Sobald es aktiviert ist, läuft es weiter und überschreibt jeglichen Ton aus Videos auf dem Bildschirm.

Kann ich Hintergrund‑Audio während der Wiedergabe stoppen?
Derzeit nicht. Um Audio von Ihrem Video zu hören, müssen Sie die Hintergrund‑Audio‑Einstellung im Layout deaktivieren.

Was passiert, wenn ich mein Layout verkleinere?
Ihr Inhalt passt sich der neuen Auflösung an, aber Sie müssen möglicherweise Elemente neu anordnen oder skalieren, um das bestmögliche Resultat zu erzielen.

Kann ich ein Layout duplizieren und erneut verwenden?
Auf jeden Fall. Das Duplizieren von Layouts ist eine großartige Möglichkeit, Konsistenz zu wahren, während Sie experimentelle Designänderungen vornehmen.

Was passiert, wenn Hintergrund‑Audio aktiviert ist?
Es wird jeglichen Ton aus Videos oder anderem Medien überschreiben. Derzeit gibt es keine Möglichkeit, automatisch zur Video‑Audio während der Wiedergabe zurückzukehren.