In diesem Artikel erkunden wir alle Optionen zum Erstellen und Hinzufügen von Formen und Elementen im Designer.
Das Hinzufügen von Formen und Elementen zu einem Design ist ganz einfach, aber mit dem Designer gibt es unzählige Optionen, um Ihre Worte wirklich hervorzuheben. Von
Weitere Informationen zu den grundlegenden Elementen des Designers finden Sie in unserem Leitfaden Erste Schritte mit dem Designer.
Formen und Elemente hinzufügen
Die Option Formen ermöglicht es Ihnen, vorgefertigte Formen oder Elemente zum Design hinzuzufügen.
Die Auswahl von Formen im oberen Menü öffnet die Registerkarte Elemente im Seitenmenü:
Hier können Sie zwischen Formen und Elementen wählen, die Sie dem Design hinzufügen möchten. Es gibt eine große Anzahl davon, also wählen Sie diejenigen aus, die Ihren Bedürfnissen entsprechen.
Durch Klicken auf eine Form oder ein Element wird es dem Design hinzugefügt:
Formen sind reaktiv und können beliebig in der Größe verändert oder gedreht werden:
Form- und Elementoptionen
Die Form oder das Element selbst hat eine vollständige Reihe von Optionen:
- Duplizieren - Erstellt ein exaktes Duplikat der ausgewählten Form oder des Elements
- Löschen - Entfernt die ausgewählte Form oder das Element aus dem Design
-
Mehr
- Kopieren - Kopiert die ausgewählte Form oder das Element zum späteren Einfügen
- Stil kopieren - Kopiert den Stil der ausgewählten Form oder des Elements zur Übertragung auf eine andere Form oder ein anderes Element
- Einfügen - Fügt Element aus der Zwischenablage über der ausgewählten Form oder dem Element ein
- Duplizieren - Erstellt ein exaktes Duplikat der ausgewählten Form oder des Elements
- Komponente hinzufügen -
- Löschen - Entfernt die ausgewählte Form oder das Element aus dem Design
-
Ebene - Optionen zum Ändern der Ebene der ausgewählten Form oder des Elements
- Nach vorne bringen - Bringt die ausgewählte Form oder das Element eine Ebene nach oben
- In den Vordergrund - Bringt die ausgewählte Form oder das Element auf die oberste Ebene
- Nach hinten bringen - Bringt die ausgewählte Form oder das Element eine Ebene nach unten
- In den Hintergrund - Bringt die ausgewählte Form oder das Element auf die unterste Ebene
-
Elemente ausrichten - Optionen zum Ändern der Ausrichtung der ausgewählten Form oder des Elements
- Links
- Zentriert
- Rechts
- Oben
- Mitte
- Unten
- Link - Fügt eine URL zur ausgewählten Form oder zum Element hinzu.
- Animieren - Fügt eine Animation zur ausgewählten Form oder zum Element hinzu.
Durch Klicken auf die Form oder das Element wird das obere Menü geändert und direkt auf die Auswahl angewendet:
Farben
Die Auswahl der Option Farben öffnet den Farbbereich im Seitenmenü. Die Auswahl einer dieser Farben wird sie auf die ausgewählte Form oder das Element anwenden:
Hier wählen Sie zwischen vordefinierten Farben, bereits in diesem Design verwendeten Farben oder über die Option Farbwähler.
Farbwähler
- Farbauswahl
- Aktuell ausgewählte Farbe
- Farbschieberegler
- Deckkraft-/Transparenz-Schieberegler
- Farbcode-Eingabe
- Code-Umschalter - Wechseln zwischen hexadezimal, RGB und HSLA Farbcodes
- Zuvor verwendete Farben
| HINWEIS |
| Der Deckkraft-/Transparenz-Schieberegler gilt für das Element, auf das der Farbwähler angewendet wird, sei es Form, Text, Hintergrund oder einer der anderen Bereiche, in denen ein Farbwähler verwendet werden kann. |
Das Farb-Pipetten-Tool ermöglicht es Ihnen, jede Farbe einfach auszuwählen.
| HINWEIS |
| Der Farbwähler ist in bestimmten Browsern nicht verfügbar. |
Hintergrund
Die Auswahl der Option Hintergrund öffnet den Hintergrundbereich im Seitenmenü. Die Auswahl einer dieser Farben wird sie auf den Hintergrund Ihrer Form oder Ihres Elements anwenden:
Hier wählen Sie zwischen vordefinierten Farben, bereits in diesem Design verwendeten Farben oder über die Option Farbwähler.
Link
Die Auswahl der Option Link ermöglicht es Ihnen, Ihre Form oder Ihr Element in einen Hyperlink zu verwandeln. Es öffnet den Bereich Link-Optionen im Seitenmenü:
Durch Klicken auf Link hinzufügen werden Sie aufgefordert, eine URL einzugeben oder ein Asset auszuwählen:
Sobald ein Link oder Asset ausgewählt wurde, erscheinen weitere Optionen im Bereich Link-Optionen:
Durch Erweitern des Bereichs Skalierung wird diese Option für Ihr Asset bereitgestellt:
Hier wählen Sie, wie das Bild skaliert werden soll. Es gibt drei Optionen:
- Anpassen (Standard) - Passt das Bild an den Bildschirm an.
- Dehnen - Dehnt das Bild, um den gesamten Bildschirm zu füllen.
- Zoomen - Zoomt in das Bild hinein, um den gesamten Bildschirm zu füllen. Nicht empfohlen für kleine Bilder auf großen Displays, da dies zu Unschärfe führt.
| HINWEIS |
| Wenn eine URL bereitgestellt wird, erscheint die Option Skalierung nicht. Nur die Auswahl einer Datei/eines Assets bietet diese Option. |
Durch Erweitern des Bereichs Einstellungen werden diese Optionen für Ihre URL oder Ihr Asset bereitgestellt:
- Dauer (Sekunden) - Wenn der Link angeklickt oder angetippt wird, wie lange der Link oder das Asset angezeigt wird, bevor zum Hauptdesign zurückgekehrt wird.
- Vorladen - Wenn aktiviert, wird die Website oder das Bild beim Laden des Designs geladen. Dies reduziert die Zeit, die benötigt wird, bis die Website erscheint, wenn der Link angeklickt wird. Allerdings kann das Laden zahlreicher Links zu Verzögerungen führen.
Durch Erweitern des Bereichs Schließen- & Navigationsleiste-Styler werden diese Optionen für Ihre URL oder Ihr Asset bereitgestellt:
Dieser Bereich bezieht sich auf die Schaltfläche, die auf Ihren Bildschirmen erscheint, wenn sie dorthin übertragen wird. Durch Klicken oder Tippen auf diese Schaltfläche kehren Sie zum ursprünglichen Design zurück.
- Symbol-Position - Zeigt an, wo dieses Symbol erscheint. Standard ist Unten Mitte, kann aber überall oben oder unten platziert oder vollständig deaktiviert werden.
- Symbol-Stil - Ermöglicht die Einstellung des Symbolstils. Wählen Sie zwischen Label, Solid, Rund oder Standard (siehe oben)
- Symbolgröße - Ermöglicht die Änderung der Symbolgröße. Wählen Sie zwischen Klein, Mittel, Groß oder Standard (siehe oben)
- Symbolfarbe - Ändern Sie die hexadezimale HTML-Farbe des Symbols, um es besser an Ihr Design anzupassen.
- Hintergrundfarbe - Ändern Sie die hexadezimale HTML-Farbe des Symbolhintergrunds, um ihn besser an Ihr Design anzupassen.
- Deckkraft - Mit dem Schieberegler können Sie ändern, wie deckend oder transparent der Symbolhintergrund ist.
- Navigationsleiste anzeigen - Wenn aktiviert, werden kleine Navigationspfeile zum Symbol hinzugefügt. Ermöglicht die schnelle Navigation durch mehrere Links. Sieht so aus:
Einstellungen
Die Auswahl der Schaltfläche Einstellungen öffnet den Bereich Datenzuordnung im Seitenmenü:
Durch Klicken auf Datenzuordnung erstellen können Sie die ausgewählte Form oder das Element dynamisch machen und einer Ihrer vorhandenen Datenquellen zuordnen. Weitere Informationen finden Sie in unserem Artikel über Dynamische Datenquellen mit OptiSync.
Effekte
Die Auswahl der Option Effekte ermöglicht es Ihnen, verschiedene Aspekte Ihrer Form oder Ihres Elements zu ändern. Es öffnet den Bereich Effekte im Seitenmenü:
Hier haben Sie zahlreiche Optionen. Wir werden jede einzelne durchgehen.
Durch Erweitern des Bereichs Farbe können Sie der Form oder dem Element Farbe hinzufügen.
Dies ist funktional identisch mit der Option Farben im oberen Menü für Formen und Elemente. Hier wählen Sie zwischen vordefinierten Farben, bereits in diesem Design verwendeten Farben oder über die Option Farbwähler.
Durch Erweitern des Bereichs Hintergrund können Sie eine bestimmte Hintergrundfarbe für die Form oder das Element festlegen.
Dies ist ebenfalls funktional identisch mit der Option Hintergrund im oberen Menü für Formen und Elemente. Hier wählen Sie zwischen vordefinierten Farben, bereits in diesem Design verwendeten Farben oder über die Option Farbwähler:
Durch Erweitern des Bereichs Deckkraft können Sie die Deckkraft des ausgewählten Bereichs - Hintergrund und Form/Element - variieren.
Dies kann mit einem Schieberegler angepasst werden. Unten wird halbe Deckkraft gezeigt:
| HINWEIS |
| Der Deckkraft-Schieberegler gilt für das gesamte ausgewählte Element im Gegensatz zu nur der Form oder dem Hintergrund. Um die Deckkraft der Form oder des Hintergrunds zu ändern, tun Sie dies über den Farbwähler. |
Durch Erweitern des Bereichs Kontur können Sie der Form oder dem Element eine Kontur hinzufügen, aber nicht dem Hintergrund.
Sie können eine Farbe aus einem Dropdown-Menü auswählen oder hexadezimale HTML-Codes verwenden und mit dem Schieberegler die Dicke ändern:
Durch Erweitern des Bereichs Schatten können Sie einen Schatten über Ihre Form oder Ihr Element erstellen. Standardmäßig sind alle Schieberegler weiß.
Das Anwenden einer Farbe erzeugt einen Schatten:
Durch Ändern der Schieberegler können Sie die Unschärfe ändern und den Schatten entlang der X- oder Y-Achse versetzen.
Mit einem transparenten Hintergrund gilt der Schatten nur für die Form oder das Element selbst:
Durch Erweitern des Bereichs Verlauf werden mehrere Verlaufsoptionen für Ihre Form oder Ihr Element angezeigt. Durch Klicken auf eine dieser Verlaufsoptionen wird sie auf Ihre Form oder Ihr Element angewendet.
Durch Erweitern des Bereichs Textur werden mehrere Texturoptionen für Ihre Form oder Ihr Element angezeigt. Durch Klicken auf eine dieser Texturoptionen werden sie auf Ihre Form oder Ihr Element angewendet.
Animieren
Durch Klicken auf die Schaltfläche Animieren wird der Bereich Animieren im Seitenmenü geöffnet:
Weitere Informationen zu den Animationsfunktionen des Designers finden Sie in unserem Animations-Artikel.
Position
Die Auswahl der Schaltfläche Position öffnet den Bereich Position im Seitenmenü.
- In den Vordergrund - Bringt die ausgewählte Form oder das Element auf die oberste Ebene
- Nach vorne bringen - Bringt die ausgewählte Form oder das Element eine Ebene nach oben
- In den Hintergrund - Bringt die ausgewählte Form oder das Element auf die unterste Ebene
- Nach hinten schicken - Bringt die ausgewählte Form oder das Element eine Ebene nach unten
-
An Seite ausrichten - Optionen zum Ändern der Ausrichtung der ausgewählten Form oder des Elements
- Links
- Zentriert
- Rechts
- Oben
- Mitte
- Unten
-
Gleichmäßig verteilen - Richtet die Form oder das Element innerhalb des größeren Bereichs aus
- Vertikal
- Horizontal
-
Spiegeln - Spiegelt die ausgewählte Form oder das Element
- Horizontal
- Vertikal
- Position - Ermöglicht die spezifische Platzierung von Form oder Element im Design
- Größe ändern - Ermöglicht die präzise Größenänderung der ausgewählten Form oder des Elements
Sperren & Stil kopieren
Das Drücken der Schaltfläche Sperren sperrt die ausgewählte Form oder das Element an Ort und Stelle und verhindert, dass Änderungen daran vorgenommen werden.
Dies ist nützlich, wenn Sie mit vielen Elementen arbeiten, nachdem Sie die Form oder das Element genau dort positioniert haben, wo Sie es haben möchten.
Die Schaltfläche Stil kopieren ermöglicht es Ihnen, den Stil der ausgewählten Form oder des Elements schnell auf ein anderes anzuwenden.
Dies ist nützlich für die schnelle Formatierung zahlreicher Elemente.
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.