Bild

Das Bildelement erlaubt es, ein zusätzliches Bild auf jeden Schritt in einem Schritt-für-Schritt-Leitfaden oder zu jedem beliebigen Zeitstempel in interaktiven Demos und Videos zu legen. Dies ist nützlich, um ergänzende Visualisierungen wie Anmerkungen oder gebrandete Assets direkt auf einen Schritt einzufügen, ohne neu aufgenommen zu müssen.

Wie man ein Bildelement fügt

Bild zu einer Schritt-für-Schritt-Anleitung hinzufügen

1. Navigiere zum Hinzufügen von Elementen im rechten Fenster.
2. Bild anklicken. Wenn bereits ein oder mehrere Bildelemente hinzugefügt wurden, klicken Sie auf Neue hinzufügen, um ein weiteres einzufügen.
3. Aktivieren Sie den Umschalter "Andere Elemente ausblenden ", um während der Konfiguration des Bildes vorübergehend alle anderen Elemente im aktuellen Schritt auszublenden. Andere Elemente sind vorübergehend versteckt und werden nicht gelöscht.
4. Um ein Bild hochzuladen, klicken Sie auf Bild. Wählen Sie aus den verfügbaren vordefinierten Bild-Assets.

5. Klicken Sie auf Einfügen , um das ausgewählte Bild hinzuzufügen.
6. Unter Größe und Positionwählen Sie einen Platzierungsmodus:
   • Freeform – Größe und Position frei anpassen. Geben Sie einen genauen Wert im Winkelfeld ein oder verwenden Sie Drehen nach links oder Drehen nach rechts , um manuell anzupassen.
   • Auf den Bildschirm anpassen – Das Bild füllt standardmäßig den Bildbereich des Schrittes aus.
7. Alternativ kannst du die Ränder des Bildes ziehen, um es zu vergrößern.
8. Klicken Sie auf das Symbol "Zurücksetzen auf Originalgröße und Position" über dem Bild, um mit einem Klick zur ursprünglichen Größe und Position zurückzukehren.
9. Klicken Sie auf das Dreh-Symbol und ziehen Sie, um das Bild zu drehen.
10. Verwenden Sie das Lock-Seitenverhältnis , um die Proportionen zu erhalten und zu verhindern, dass das Bild gedehnt oder verzerrt wirkt. Fixieren Sie die Proportionen vor der Größenänderung, um sicherzustellen, dass das Bild gleichmäßig skaliert.
11. Klicken Sie auf Anwenden , um das Bildelement zu speichern.

Bild zu einem Video / interaktiven Demo hinzufügen

1. Navigiere zum Hinzufügen von Elementen im rechten Fenster.
2. Bild anklicken. Wenn ein Bild bereits existiert, klicke auf Neu hinzufügen.
3. Aktiviere Hide other Elements, um alle anderen Elemente zu verbergen, während du das Bild konfigurierst.
4. Setze den Zeitstempel mit dem Zeitfeld oder ziehe den Video-Slider.
5. Um ein Bild hochzuladen, klicken Sie auf Bild auswählen. Wählen Sie aus den verfügbaren vordefinierten Bild-Assets.

6. Klicken Sie auf Einfügen , um das ausgewählte Bild hinzuzufügen.
7. Unter Größe und Positionwählen Sie einen Platzierungsmodus:
   • Freeform – Größe und Position frei anpassen. Geben Sie einen genauen Wert im Winkelfeld ein oder verwenden Sie Drehen nach links oder Drehen nach rechts , um manuell anzupassen.
   • Bildschirmanpassung – Das Bild füllt den Bildbereich des Schrittes aus.
8. Alternativ kannst du die Ränder des Bildes ziehen, um es zu vergrößern.
9. Klicken Sie auf das Symbol "Zurücksetzen auf Originalgröße und Position" über dem Bild, um mit einem Klick zur ursprünglichen Größe und Position zurückzukehren.
10. Zum Drehen klicken Sie auf das Drehen-Symbol und ziehen Sie.
11. Verwenden Sie das Lock-Seitenverhältnis , um die Proportionen zu erhalten und zu verhindern, dass das Bild gedehnt oder verzerrt wirkt.
12. Unter Behaviourkonfigurieren Sie, wie das Bild angezeigt wird:
    • Bleiben für – Sichtbar für eine festgelegte Zeit.
    • Nächster Button – Sichtbar, bis der Nutzer auf Nächst klickt.
    • CTA – An einen Aufruf zum Handeln gebunden.
    • Anzeigen bis – Das Bild wird angezeigt, bis eine bestimmte Zeit erreicht ist.
13. Um die Voice-Erzählung hinzuzufügen, schalte den KI-Voice-Over-Schalterein.
    • Wählen Sie die gewünschte Stimme aus und geben Sie den Inhalt im Textfeld ein.
    • Klicken Sie auf den Play-Button neben dem Inhalt, um ihn in der ausgewählten Stimme vorzuschauen.
14. Klicken Sie auf Anwenden , um das Bildelement zu speichern.

Verwaltung von Bildelementen

Alle hinzugefügten Bilder erscheinen im Bildpanel mit einer Vorschau und einem Namen.

• Fügen Sie ein weiteres Bild hinzu – Klicken Sie oben im Panel auf Neu hinzufügen .
• Ein Bild bearbeiten – Klicken Sie auf ein beliebiges Bild in der Liste, um es zu bearbeiten. Ändere es bei Bedarf und klicke dann auf Speichern anwenden oder Abbrechen , um zurückzugehen. Benutze das Löschen-Symbol , um es zu entfernen.
• Ein Bild löschen – Fahre mit der Maus über ein Bild, klicke auf das Dreipunktmenü und wähle Löschen.

Best Practices

• Proportionen vor der Größenänderung sperren – Im Freeform-Modus verhindert das Aktivieren der Seitenverhältnissperre Verzerrung.
• Verwenden Sie das Winkelfeld für die exakte Ausrichtung – Wenn ein Overlay in einem bestimmten Winkel liegen muss, wie ein diagonales Banner oder ein rotiertes Abzeichen, geben Sie den Wert direkt ein, anstatt manuell zu drehen.
• Reserve Fit zur Überprüfung von Hintergrundersatz – Für die meisten Overlay-Anwendungsfälle bietet Freeform mehr Kontrolle. Fit to Screen funktioniert am besten nur, wenn man den vollständigen Step-Hintergrund ersetzt.
• Halte die Überlagerungen für den Schritt relevant – Unzusammenhängende oder übermäßige Bilder können die Betrachter ablenken und die Klarheit verringern.
• Vorschau vor der Veröffentlichung – Nach der Anwendung prüfen Sie Positionierung und Größe, um sicherzustellen, dass das Bild für Endnutzer wie vorgesehen erscheint.