In diesem Artikel behandeln wir die grundlegenden Funktionen und Features der OptiSigns Designer-App.
- Designer öffnen
- Designer-App-Übersicht
- Arbeitsfläche
- Oberes Menü - Grundfunktionen
- Rechte Spalte - Positionierung
- Seitenmenü - Erweiterte Funktionen
- Wechsel zwischen Designer 2.0 und Designer 1.0
Die OptiSigns Designer-App ist unsere funktionsreichste Anwendung, die die vollständige Erstellung von Inhalten für die Anzeige auf digitalen Displays ermöglicht. Diese Anleitung hilft Ihnen beim Einstieg in die Erstellung von Inhalten innerhalb der OptiSigns-Plattform.
Designer öffnen
Um Designer zu öffnen, klicken Sie auf Dateien/Assets, dann auf App.
Klicken Sie anschließend auf Designer. Dies öffnet die Designer-App.
Designer-App-Übersicht
Die Designer-App ist in 4 Hauptbereiche unterteilt:
- Oberes Menü - Grundfunktionen
- Arbeitsfläche
- Werkzeugleiste - Positionierung
- Seitenmenü - Erweiterte Funktionen
Wir werden jeden Bereich der Reihe nach durchgehen.
Arbeitsfläche
Die Designer-Arbeitsfläche ist der Ort, an dem Ihr Design entsteht. Jedes Element ist innerhalb des Fensters sichtbar und auswählbar.
Von hier aus können Elemente verschoben, in der Größe verändert, gelöscht und vieles mehr durchgeführt werden.
Oberes Menü - Grundfunktionen
Das obere Menü des Design-Fensters enthält die grundlegenden Funktionen. Dazu gehören das Hinzufügen von Bildern, Text, Formen, Hintergründen, Filtern, Animationen und Rahmen, das Benennen Ihres Designs, das Zeichnen und die Größenanpassung Ihres Designs.
Ihr Design benennen
Standardmäßig wird jedes neue Design mit "Your new untitled design" betitelt, wie unten gezeigt.
Wir empfehlen, diesen Namen so schnell wie möglich zu ändern, da es zwar möglich ist, ein Design mit dem Standardnamen zu speichern, es aber schwer zu identifizieren sein wird in Ihrem Assets-Ordner.
Sobald dem Design ein Name gegeben wurde, erscheint er dort während des gesamten Design-Prozesses.
Funktionen für Verschieben, Speichern, Neues Design und Download
Die Funktionen Verschieben, Speichern, Neues Design und Download befinden sich rechts neben dem Namen.
Diese funktionieren wie in den meisten anderen Anwendungen:
Verschieben - Ermöglicht es Ihnen, das Design-Asset in verschiedene Ordner zu verschieben. Beim Klicken auf diese Schaltfläche erscheint ein Popup, in dem Sie Ordner auswählen können.
Sie können hier bei Bedarf auch einen neuen Ordner erstellen.
Speichern - Speichert Ihr Design-Asset. Dies überschreibt alle früheren Versionen des Assets, es sei denn, Sie geben ihm einen anderen Namen.
| HINWEIS |
| Das Klicken auf Speichern bei einem leeren Design löst eine Warnung aus, die Sie darauf hinweist, dass Sie ein leeres Design speichern. Das Design wird nicht gespeichert. |
Jedes Mal, wenn eine Änderung an Ihrem Design ohne Speichern vorgenommen wird, erscheint eine Benachrichtigung im oberen Menü, die Sie darauf hinweist, dass Sie ungespeicherte Änderungen haben:
Neues Design - Verlässt das aktuelle Design und erstellt ein neues. Das Neues Design-Panel erscheint in der linken Seitenleiste:
Hier können Sie die Ausrichtung und Größe des neuen Designs festlegen.
Download - Lädt das aktuelle Design auf Ihr lokales Gerät herunter. Sie können die Datei umbenennen und zwischen den Dateitypen PNG und JPG wählen.
Bild
Die Option Bild ermöglicht es Ihnen, Bilder in Ihr Design hochzuladen.
Beim Klicken erhalten Sie zwei Optionen: Mein Gerät und Bild-Assets.
Ein Klick auf "Mein Gerät" ermöglicht es Ihnen, ein Bild vom aktuell verwendeten Gerät hochzuladen, während "Bild-Assets" es Ihnen ermöglicht, ein Bild direkt aus Ihrer Dateien/Assets-Bibliothek hochzuladen.
Weitere Informationen finden Sie in unserem Artikel Bilder / Fotos in Designer.
Text
Die Option Text ermöglicht es Ihnen, Text in das Design einzufügen.
Text kann entweder über das obere Menü oder das Seitenmenü ausgewählt werden. Beide öffnen das Seitenmenü für weitere Optionen:
Ein Klick auf Textfeld hinzufügen oder eine der vordefinierten Textoptionen fügt ein Textfeld zur Designer-Ansicht hinzu:
Tun Sie, was die Aufforderung sagt, und zahlreiche Optionen stehen Ihnen zur Verfügung. Erstens hat der Text selbst eine vollständige Palette von Optionen:
Das Anklicken des Textes verändert auch das obere Menü:
Doppelklicken oder Auswählen des Textes ermöglicht es Ihnen, Text direkt einzugeben.
Ein einfacher Klick auf den Text, dann das Gedrückthalten der Maustaste und Ziehen ermöglicht es Ihnen, den Text neu zu positionieren.
Für eine vollständige Aufschlüsselung der Textfunktion siehe unseren Artikel Text in Designer.
Formen
Die Option Formen ermöglicht es Ihnen, vorgefertigte Formen oder Elemente zum Design hinzuzufügen.
Die Auswahl von Formen aus dem oberen Menü öffnet die Registerkarte Elemente im Seitenmenü:
Hier können Sie zwischen Formen und Elementen wählen, die zum Design hinzugefügt werden sollen. Es gibt eine große Anzahl davon, also wählen Sie diejenigen aus, die Ihren Bedürfnissen entsprechen.
Das Anklicken einer Form oder eines Elements fügt es zum Design hinzu:
Formen sind reaktiv und können nach Belieben in der Größe verändert oder gedreht werden:
Das Anklicken der Form oder des Elements ändert das obere Menü und wird direkt auf die Auswahl angewendet:
Schließlich hat die Form oder das Element selbst eine vollständige Palette von Optionen:
Für eine vollständige Aufschlüsselung der Formen und Elemente siehe unseren Artikel Formen und Elemente.
Hintergrund
Die Option Hintergrund ermöglicht es Ihnen, die Hintergrundfarbe Ihres Designs zu ändern.
Ein Klick darauf öffnet den Bereich Arbeitsflächenhintergrund im Seitenmenü:
Die Auswahl einer der Farben wendet sie auf Ihr Design an:
Wenn keine der Standardfarben Ihren Bedürfnissen entspricht, können Sie auch aus dem Farbwähler auswählen und dann per Drag-and-Drop Farben auswählen oder HEX-, RGBA- oder HSLA-Farbcodes mit den Pfeilen verwenden.
Rahmen
Die Auswahl der Option Rahmen ermöglicht es Ihnen, einen Rahmen um Ihr Design hinzuzufügen
Ein Klick darauf öffnet den Bereich Rahmen im Seitenmenü:
Das Anklicken eines dieser Rahmen wendet ihn auf Ihr Design an:
Filter
Die Auswahl der Option Filter ermöglicht es Ihnen, einen von mehreren Filtern auf das Design anzuwenden.
Ein Klick darauf öffnet das Filter-Panel im Seitenmenü:
Diese Filter können auf das gesamte Design oder auf einzelne Bild- oder Hintergrundelemente angewendet werden, wie folgt:
Bestimmte Filter werden automatisch angewendet. Andere haben Schieberegler, die eine Feinabstimmung ermöglichen. Schließlich kann jeder Filter mit anderen gestapelt werden.
Zeichnen
Die Auswahl der Option Zeichnen ermöglicht freihändiges Zeichnen auf Ihrem Design.
Ein Klick darauf öffnet das Zeichnen-Panel im Seitenmenü:
Hier haben Sie einige Optionen:
- Zeichnen beenden - Hält das Zeichnen-Panel offen, ermöglicht aber Anpassungen am Bild. Wenn angeklickt, ändert sich dies zu Zeichnen starten.
- Pinseltyp - Wählt aus, welcher Pinseltyp beim Zeichnen verwendet werden soll.
- Pinselgröße - Ermöglicht es Ihnen, die Größe Ihres Pinsels anzupassen.
- Pinselfarbe - Wählen Sie die Pinselfarbe aus einer Reihe von Standardfarben oder über den Farbwähler.
Sobald die gewünschten Optionen ausgewählt wurden, können Sie alles zeichnen, was Sie möchten, auf dem Design:
Diese gezeichneten Elemente können wie jedes andere Element des Designs ausgewählt und bearbeitet werden.
Größe ändern
Die Auswahl der Option Größe ändern ermöglicht es Ihnen, die Größe des Designs zu ändern.
Ein Klick darauf öffnet den Bereich Größe ändern im Seitenmenü:
Hier haben Sie einige Optionen:
- Ausrichtung - Wechseln zwischen Quer- und Hochformat.
- Neue Größe - Ermöglicht es Ihnen, die Breite und Höhe des Designs zu ändern. Die Standard- oder benutzerdefinierten Zahlen werden getauscht, um sich an die ausgewählte Ausrichtung anzupassen.
- Seitenverhältnis beibehalten - Wenn aktiviert, wird jede Änderung der Breite oder Höhe vom anderen Wert gespiegelt.
- Prozentsätze verwenden - Ändert die Breiten- und Höhenwerte von Pixeln zu Prozentsätzen. Die Ausrichtungsauswahl wird ausgegraut.
- Nur Arbeitsflächengröße ändern - Wenn aktiviert, wird nur die Größe der Arbeitsfläche geändert, nicht die der im Design vorhandenen Elemente. Wenn nicht aktiviert, werden alle Elemente des Designs an die Arbeitsfläche angepasst.
Sobald Sie die gewünschten Anpassungen vorgenommen haben, klicken Sie auf die Schaltfläche Größe ändern und die Größe Ihres Designs wird geändert.
Animieren
Die Auswahl der Schaltfläche Animieren ermöglicht es Ihnen, Animationen zu Ihren Design-Elementen hinzuzufügen.
Ein Klick darauf öffnet den Bereich Animieren im Seitenmenü:
Um Animationen hinzuzufügen, müssen Sie ein Element Ihres Designs auswählen. Klicken Sie dann auf Hinzufügen:
Es gibt zahlreiche Optionen zum Hinzufügen von Animationen zu Ihrem Design. Weitere Informationen hierzu finden Sie in unserem Artikel Animationen.
Vorschau und an Bildschirme senden
Diese Optionen ermöglichen es Ihnen, eine Vorschau davon zu sehen, wie das Design aussehen wird, wenn es auf einem Bildschirm angezeigt wird, oder das Design sofort an einen Bildschirm zu senden.
Vorschau
Die Schaltfläche Vorschau zeigt, wie Ihr Design aussehen wird, wenn es an einen Bildschirm gesendet wird.
Bitte beachten Sie, dass diese Vorschau je nach der Hardware, die Sie zum Ausführen von OptiSigns verwenden, und verschiedenen anderen Faktoren möglicherweise leicht von der tatsächlichen Anzeige abweicht.
An Bildschirme senden
Hier können Sie das Asset einem Bildschirm oder Tag zuweisen. Weitere Informationen finden Sie in unserem Artikel über Inhalte an Bildschirme senden.
Schließen
Das Klicken auf die Schaltfläche Schließen schließt das Design. Wenn diese Schaltfläche angeklickt wird, bevor das Design gespeichert wurde, erscheint das folgende Popup:
Dies gibt Ihnen die Möglichkeit, die Bearbeitung fortzusetzen, Änderungen zu verwerfen oder Änderungen zu speichern und zu schließen.
Rückgängig/Wiederholen
Die Option Rückgängig macht genau das, was sie verspricht - sie macht die letzte Aktion rückgängig. Wenn diese Schaltfläche versehentlich gedrückt wird, behebt die Schaltfläche Wiederholen das Problem.
| HINWEIS |
| Der Rückgängig-Befehl kann auch mit STRG+Z auf einem Windows-Computer oder Cmd+Z auf einem Mac ausgeführt werden. Wiederholen kann mit STRG+Y unter Windows oder Cmd+UMSCHALT+Z auf Mac ausgeführt werden. |
Werkzeugleiste - Positionierung
Die Werkzeugleiste auf der rechten Seite wird hauptsächlich zur Positionierung von Elementen Ihres Designs über die Funktionen Zoom, Ebene, Verlauf und das Hand-Werkzeug verwendet.
Zoom
Zeigt die Zoom-Stufe des Designs an. Kann mit den Schaltflächen '+' oder '-' angepasst werden.
Kann mit den Schaltflächen '+' oder '-' angepasst werden.
Ebenen
Die Schaltfläche Ebenen ermöglicht es Ihnen, die Ebenenanordnung der Elemente in Ihrem Design zu ändern.
Beim Anklicken öffnet sich das Fenster Position im Seitenmenü unter der Registerkarte Ebenen.
Hier werden die verschiedenen Elemente Ihres Designs von der obersten Ebene zur untersten Ebene angeordnet. Sie können per Drag-and-Drop neu angeordnet werden, wie folgt:
Beachten Sie, dass Widgets nicht neu angeordnet werden können und immer über dem Design eingeblendet werden.
Verlauf
Die Auswahl der Schaltfläche Verlauf ermöglicht es Ihnen, den Verlauf aller am Design vorgenommenen Änderungen anzuzeigen.
Ein Klick darauf öffnet das Fenster Position im Seitenmenü unter der Registerkarte Verlauf:
Dies zeigt die durchgeführten Aktionen in absteigender Reihenfolge an, von dem Zustand, wie das Design beim ersten Öffnen war, bis zu jeder einzelnen Änderung. Ein Klick auf jede bringt das Design zu diesem Punkt zurück:
Bitte beachten Sie, dass die Registerkarte Verlauf jedes Mal gelöscht wird, wenn das Design geschlossen und wieder geöffnet wird.
Hand-Werkzeug
Die Auswahl des Hand-Werkzeugs ermöglicht es Ihnen, das gesamte Design zu verschieben, im Gegensatz zu nur einzelnen Elementen davon.
Wenn ausgewählt, wird das Hand-Werkzeug-Symbol grün und Ihr Cursor ändert sich zu einer Hand. Die Arbeitsfläche kann dann verschoben werden:
Seitenmenü - Zusätzliche Funktionen
Das Seitenmenü ist der Ort, an dem die meisten zusätzlichen Funktionen für die OptiSigns Designer-App zu finden sind.
Diese Funktionen ermöglichen es Ihnen, Ihr Design von einem einfachen, statischen Bild in dynamische Beschilderung zu verwandeln mit:
- Unserer umfangreichen Vorlagenbibliothek
- Ihre Vorlagen und Komponenten
- Widgets
- Fotos, GIFs, Sticker / Emojis und QR-Codes
- Dynamische Datenquellen & Repeater mit OptiSync
- Text
- Formen & Elemente
- Brand-Kit
Jede dieser Hauptfunktionen wird in den jeweiligen Artikeln, die oben verlinkt sind, ausführlicher behandelt.
Wechsel zwischen Designer 2.0 und Designer 1.0
Um zur alten Version 1.0 von Designer zurückzukehren, klicken Sie einfach auf die Schaltfläche Designer 1.0 verwenden in der oberen rechten Ecke des Bildschirms.
| HINWEIS |
| Designer 1.0 soll bis Ende 2025 obsolet werden, und alle zukünftig erstellten Designs werden Designer 2.0 verwenden. |
Das ist alles!
OptiSigns ist der führende Anbieter von Digital Signage-Software. Wenn Sie weitere Fragen, Bedenken oder Feedback zu OptiSigns haben, wenden Sie sich gerne an unser Support-Team unter support@optisigns.com.