In diesem Artikel werden wir alle Optionen zum Erstellen und Hinzufügen von Text in der OptiSigns Designer App erkunden.
Das Hinzufügen von Textelementen zu einem Design ist einfach, aber mit Designer gibt es unzählige Optionen, um Ihre Wörter wirklich hervorzuheben.
Weitere Informationen zu den grundlegenden Elementen von Designer finden Sie in unserem Erste Schritte mit Designer Leitfaden.
Text hinzufügen
Die Option Text ermöglicht es Ihnen, Text in das Design einzufügen.
Die Auswahl von Text im oberen Menü wird im Seitenmenü gespiegelt und öffnet es für weitere Optionen:
Ein Klick auf Textfeld hinzufügen oder eine der vordefinierten Textoptionen fügt ein Textfeld zur Designer-Ansicht hinzu:
Text bearbeiten
Durch Doppelklicken oder Auswählen des Textes können Sie Text direkt eingeben.
Ein einfacher Klick auf das Textelementfeld, gefolgt vom Gedrückthalten der Maustaste und Ziehen, ermöglicht es Ihnen, den Text neu zu positionieren.
Bei Auswahl hat der Text selbst eine vollständige Optionspalette:
- Duplizieren - Erstellt ein exaktes Duplikat des ausgewählten Textes
- Löschen - Entfernt den ausgewählten Text aus dem Design
-
Mehr
- Kopieren - Kopiert den ausgewählten Text zum späteren Einfügen
- Stil kopieren -
- Einfügen - Fügt Element aus der Zwischenablage in den Text ein
- Duplizieren - Erstellt ein exaktes Duplikat des ausgewählten Textes
- Komponente hinzufügen -
- Löschen - Entfernt den ausgewählten Text aus dem Design
-
Ebene - Optionen zum Ändern der ausgewählten Textebene
- Nach vorne bringen - Bringt ausgewählten Text eine Ebene nach oben
- In den Vordergrund - Bringt ausgewählten Text in die oberste Ebene
- Nach hinten bringen - Bringt ausgewählten Text eine Ebene nach unten
- In den Hintergrund - Bringt ausgewählten Text in die unterste Ebene
-
Elemente ausrichten - Optionen zum Ändern der ausgewählten Textausrichtung
- Links
- Zentriert
- Rechts
- Oben
- Mitte
- Unten
- Link - Fügen Sie eine URL zum ausgewählten Text hinzu.
- Animieren - Fügen Sie eine Animation zum ausgewählten Text hinzu.
Zusätzliche Elementoptionen
Ein Klick auf den Text verändert das obere Menü:
Das obere Menü hat zusätzliche Optionen:
Schriftarten
Ein Klick auf die Option Schriftart (standardmäßig wird die Schriftart als Roboto angezeigt) öffnet den Bereich Schriftarten im Seitenmenü.
Designer verfügt über Hunderte von Schriftartoptionen, wobei Google Fonts auswählbare Schriftstärken bietet. Ein Klick auf eine beliebige Schriftart wählt sie aus und bietet Optionen für ihre Darstellung:
Die Schriftgröße kann durch Klicken auf die Optionen '-' oder '+' oder durch Klicken auf die Schriftgrößennummer geändert werden.
Ein Klick auf die Schriftgrößennummer ermöglicht es Ihnen, aus einer Reihe voreingestellter Schriftgrößen zu wählen oder eine benutzerdefinierte Größe einzugeben.
Wir bieten auch Benutzerdefinierte Schriftarten über das Brand Kit an.
Farben
Die Auswahl der Option Farben öffnet den Farbbereich im Seitenmenü.
Hier können Sie zwischen voreingestellten Farben, bereits in diesem Design verwendeten Farben oder über die Option Farbauswahl wählen:
Farbauswahl
- Farbwähler
- Aktuell ausgewählte Farbe / Pipettenwerkzeug
- Farbregler
- Deckkraft-/Transparenzregler
- Farbcode-Eingabe
- Code-Umschalter - Wechsel zwischen hexadezimal, RGB und HSLA Farbcodes
- Zuvor verwendete Farben
| HINWEIS |
| Der Deckkraft-/Transparenzregler gilt für das Element, auf das die Farbauswahl angewendet wird, sei es Text, Hintergrund oder einer der anderen Bereiche, in denen eine Farbauswahl verwendet werden kann. |
Das Pipettenwerkzeug ermöglicht es Ihnen, jede Farbe einfach auszuwählen.
| HINWEIS |
| Das Pipettenwerkzeug ist in bestimmten Browsern nicht verfügbar. |
Textgestaltung
Die Auswahl von Fett, Kursiv, Unterstrichen oder Durchgestrichen wendet diese Eigenschaften auf den ausgewählten Text an. Diese Effekte können übereinander gestapelt und in beliebiger Kombination verwendet werden.
Groß-/Kleinschreibung
Die Auswahl von Groß-/Kleinschreibung öffnet ein Untermenü:
Hier können Sie zwischen verschiedenen Schreibweisen für die Anzeige wählen:
- GROSSBUCHSTABEN - Ermöglicht ausschließlich die Eingabe in Großbuchstaben.
- kleinbuchstaben - Ermöglicht ausschließlich die Eingabe in Kleinbuchstaben.
- Satzanfang groß - Formatiert Text automatisch mit Großbuchstaben am Satzanfang.
- Anfangsbuchstaben Groß - Formatiert Text automatisch mit Großbuchstaben am Wortanfang.
Ausrichtung
Die Auswahl der Option Ausrichtung öffnet ein weiteres Untermenü:
Hier können Sie zwischen Linksbündig, Zentriert, Rechtsbündig oder Blocksatz wählen.
Abstand
Die Auswahl der Option Abstand öffnet noch ein weiteres Untermenü:
Hier können Sie den Abstand zwischen Ihren Buchstaben und Ihren Zeilen anpassen.
Link
Die Auswahl der Option Link ermöglicht es Ihnen, Text in ein interaktives Element zu verwandeln, das hauptsächlich für Kiosks verwendet wird. Es öffnet den Bereich Link-Optionen im Seitenmenü:
Ein Klick auf Link hinzufügen fordert Sie auf, eine URL einzugeben oder ein Asset auszuwählen:
Sobald ein Link oder Asset ausgewählt wurde, erscheinen weitere Optionen im Link-Optionen-Bereich:
Das Erweitern des Bereichs Skalierung bietet diese Option für Ihr Asset:
Hier können Sie wählen, wie das Bild skaliert wird. Es gibt drei Optionen:
- Anpassen (Standard) - Passt das Bild an den Bildschirm an.
- Strecken - Streckt das Bild, um den gesamten Bildschirm auszufüllen.
- Zoom - Zoomt in das Bild hinein, um den gesamten Bildschirm auszufüllen. Nicht empfohlen für kleine Bilder auf großen Displays, da dies zu Unschärfe führt.
| HINWEIS |
| Wenn eine URL angegeben wird, erscheint die Option Skalierung nicht. |
Das Erweitern des Bereichs Einstellungen bietet diese Optionen für Ihren Link:
- Dauer (Sekunden) - Wenn der Link angeklickt oder angetippt wird, wie lange der Link oder das Asset angezeigt wird, bevor zum Hauptdesign zurückgekehrt wird. Dies beginnt ab der letzten Berührung des Bildschirms oder dem Zeitpunkt, an dem der Link angeklickt wurde.
- Vorladen - Wenn aktiviert, wird die Website geladen, wenn das Design geladen wird. Dies reduziert die Zeit, die die Website benötigt, um zu erscheinen, wenn der Link angeklickt wird. Das Laden zahlreicher Links kann jedoch zu Verzögerungen führen.
Das Erweitern des Bereichs Schließen- & Navigationsleisten-Gestalter bietet diese Optionen für Ihren Link:
Dieser Bereich bezieht sich auf die Schaltfläche, die auf Ihren Bildschirmen erscheint, wenn sie darauf übertragen wird. Das Klicken oder Antippen dieser Schaltfläche führt Sie zurück zum ursprünglichen Design.
- Symbol-Position - Zeigt, wo dieses Symbol erscheint. Standardmäßig Unten Mitte, kann aber überall oben oder unten platziert oder vollständig ausgeschaltet werden.
- Symbol-Stil - Ermöglicht die Einstellung des Symbol-Stils. Wählen Sie zwischen Beschriftung, Solide, 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 - Der Schieberegler ermöglicht es Ihnen zu ändern, wie deckend oder transparent der Symbolhintergrund ist.
- Navigationsleiste anzeigen - Wenn aktiviert, werden dem Symbol kleine Navigationspfeile 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ü:
Ein Klick auf Datenzuordnung erstellen ermöglicht es Ihnen, den ausgewählten Text dynamisch zu machen und ihn einer Ihrer vorhandenen Datenquellen zuzuordnen. Weitere Informationen finden Sie in unserem Artikel über Dynamische Datenquellen mit OptiSync.
Effekte
Die Auswahl der Option Effekte ermöglicht es Ihnen, verschiedene Aspekte Ihres Textes zu ändern. Es öffnet den Bereich Effekte im Seitenmenü:
Hier haben Sie zahlreiche Optionen. Wir werden jede einzelne durchgehen.
Das Erweitern des Bereichs Farbe ermöglicht es Ihnen, dem Text Farbe hinzuzufügen.
Dies ist funktional dasselbe wie die Farboption im Text-Obermenü. Wählen Sie aus voreingestellten Farben, in diesem Design verwendeten Farben oder über die Farbauswahl.
Das Erweitern des Bereichs Hintergrund ermöglicht es Ihnen, eine bestimmte Hintergrundfarbe für den Text festzulegen.
Diese kann aus voreingestellten Farben, bereits dem Design zugewiesenen Farben oder über die Farbauswahl ausgewählt werden:
Das Erweitern des Bereichs Deckkraft ermöglicht es Ihnen, die Deckkraft des ausgewählten Bereichs zu variieren - Hintergrund und Text zusammen.
Dies kann über einen Schieberegler angepasst werden. Unten ist halbe Deckkraft dargestellt:
| HINWEIS |
| Der Deckkraft-Schieberegler gilt für das gesamte ausgewählte Element im Gegensatz zu nur dem Text oder Hintergrund. Um die Deckkraft der Form oder des Hintergrunds zu ändern, tun Sie dies über die Farbauswahl. |
Das Erweitern des Bereichs Kontur ermöglicht es Ihnen, dem Text eine Kontur hinzuzufügen.
Sie können eine Farbe aus einem Dropdown-Menü auswählen oder hexadezimales HTML verwenden und den Schieberegler verwenden, um die Dicke zu ändern:
Das Erweitern des Bereichs Schatten ermöglicht es Ihnen, einen Schatten über Ihr Textfeld zu erstellen. Standardmäßig sind alle Schieberegler weiß.
Das Anwenden einer Farbe erstellt einen Schatten:
Das Ändern der Schieberegler ermöglicht es Ihnen, die Unschärfe zu ändern und den Schatten entlang der X- oder Y-Achse zu versetzen.
Ohne Hintergrund gilt der Schatten nur für den Text selbst:
Das Erweitern des Bereichs Verlauf zeigt mehrere Verlaufsoptionen für Ihren Text. Ein Klick auf eine dieser Verlaufsoptionen wendet sie auf Ihren Text an.
Das Erweitern des Bereichs Textur zeigt mehrere Texturoptionen für Ihren Text. Ein Klick auf eine dieser Texturoptionen wendet sie auf Ihren Text an.
Animieren
Ein Klick auf die Schaltfläche Animieren öffnet den Bereich Animieren im Seitenmenü:
Weitere Informationen zu den Animationsfunktionen von Designer finden Sie in unserem Artikel über Animationen.
Position
Die Auswahl der Schaltfläche Position öffnet den Bereich Position im Seitenmenü.
- In den Vordergrund - Bringt ausgewählten Text in die oberste Ebene
- Nach vorne bringen - Bringt ausgewählten Text eine Ebene nach oben
- In den Hintergrund - Bringt ausgewählten Text in die unterste Ebene
- Nach hinten senden - Bringt ausgewählten Text eine Ebene nach unten
-
An Seite ausrichten - Optionen zum Ändern der ausgewählten Textausrichtung
- Links
- Zentriert
- Rechts
- Oben
- Mitte
- Unten
-
Gleichmäßig verteilen - Richtet den Text innerhalb des größeren Textfelds aus
- Vertikal
- Horizontal
-
Spiegeln - Spiegelt den ausgewählten Text
- Horizontal
- Vertikal
- Position - Ermöglicht die spezifische Platzierung des Textelements im Design
- Größe ändern - Ermöglicht die präzise Größenänderung des ausgewählten Textelements
Sperren & Stil kopieren
Ein Klick auf die Schaltfläche Sperren sperrt das ausgewählte Textelement an Ort und Stelle und verhindert, dass Änderungen daran vorgenommen werden.
Dies ist nützlich, wenn Sie mit vielen Elementen arbeiten, nachdem Sie den Text genau dort platziert haben, wo Sie ihn haben möchten.
Die Schaltfläche Stil kopieren ermöglicht es Ihnen, schnell den Stil des ausgewählten Textelements auf ein anderes anzuwenden.
Dies ist nützlich für die schnelle Formatierung zahlreicher Textelemente.
Das ist alles!
OptiSigns ist führend in Digital Signage Software. Wenn Sie weitere Fragen, Bedenken oder Feedback zu OptiSigns haben, wenden Sie sich bitte an unser Support-Team unter support@optisigns.com.