Benutzerhandbuch Abbrechen

Erstellen zeitgesteuerter Übergänge

Erfahren Sie, wie Sie mithilfe von Triggern zeitgesteuerte Übergänge definieren.

Mit dem Trigger „Zeitgesteuert“ können Sie basierend auf zeitlicher Verzögerung und Dauer einen Übergang zwischen zwei Zeichenflächen erstellen.  

Sie können den Trigger Zeitgesteuert mit Aktionen kombinieren, um eine Vielzahl von Effekten wie Animationsschleifen, eine Fortschrittsanzeige und andere mehr zu erstellen. Hier ein Beispiel, in dem der Trigger Zeitgesteuert mit Auto-Animate kombiniert wurde, um einen Schleifeneffekt zu erzeugen.

Animierte Zähler für zeitliche Übergänge
Animierte Zähler für zeitliche Übergänge

Um einen einfachen zeitgesteuerten Übergang zu erstellen, führen Sie die folgenden Schritte aus:

  1. Klicken Sie im Prototypmodus auf den Titel der Ausgangszeichenfläche und verdrahten Sie sie mit der Zielzeichenfläche. 

  2. Klicken Sie auf die Verbindungslinie, um das Fenster Interaktion anzuzeigen, das im Eigenschafteninspektor erscheint, und legen Sie die folgenden Optionen fest:

    • Trigger: Wählen Sie Zeitgesteuert aus. Ist die Option Zeitgesteuert nicht verfügbar, haben Sie möglicherweise in Schritt 1 nicht die gesamte Zeichenfläche samt Titel ausgewählt.  
    • Verzögerung: Geben Sie die Zeitverzögerung ein, nach der der Übergang gestartet wird. Der akzeptable Bereich liegt zwischen 0,2 und 5 Sekunden.
    • Aktion: Wählen Sie die Option Übergang aus. Sie können den Trigger Zeitgesteuert auch mit anderen Aktionen wie Auto-Animate, Overlay oder Sprachwiedergabe kombinieren, um verschiedene Effekte zu erzielen. Im Abschnitt Beispiele und Beispieldateien lernen Sie u. a., wie Sie eine Animationsschleife erstellen.
    • Ziel: Zeigt die in Schritt 1 verdrahtete Zielzeichenfläche an, die Sie bei Bedarf ändern können.
    • Easing: Wählen Sie den Easing-Effekt aus, der auf die Quell-Zeichenfläche angewendet werden soll.
    • Dauer: Geben Sie die Dauer des Easing-Effekts an, d. h. wie lange der Effekt anhalten soll. Der akzeptierte Bereich liegt zwischen 0,2 und 5 Sekunden. 

    XD speichert Ihre Attribute auf der Zeichenfläche und schlägt sie als Standard für weitere Bildschirme vor.

  3. Um den zeitgesteuerten Übergang zu testen, klicken Sie auf .

Beispiele und Beispieldateien

In unserer XD Support-Community finden Sie weitere Tutorials und Beispieldateien.

Tipps und Tricks

Wussten Sie, dass Sie den Übergang Zeitgesteuert mit Auto-Animate und Overlay kombinieren können, um interaktive Effekte erstellen? Im folgenden Video erhalten Sie weitere Informationen zu Auto-Animate.

Dauer: 8 Minuten, 33 Sekunden.


Verwandte Ressourcen

Kontaktaufnahme

Fragen Sie die Community

Wenn Sie noch Fragen haben oder eigene Ideen weitergeben möchten, beteiligen Sie sich an unserer Adobe XD Community. Wir freuen uns schon auf Ihre Beiträge und Kreationen.

Schneller und einfacher Hilfe erhalten

Neuer Benutzer?