Videodateiformat
Zuletzt aktualisiert am
12. April 2022
Hier erfahren Sie, wie Sie Videos in Adobe XD verwenden, um ansprechende Design-Erlebnisse zu erstellen.
Mit XD können Sie Videos importieren, grundlegende Videoeinstellungen anpassen und die Wiedergabe steuern. Nachdem Sie die Videowiedergabe eingestellt und Ihren Prototyp verdrahtet haben, können Sie ihn testen, bevor Sie ihn freigeben.
Was Sie zu diesem Thema lesen sollten
Videointeraktionen erstellen und freigeben – in 4 einfachen Schritten
Beginnen Sie, indem Sie Ihr Video importieren und die Videoeinstellungen anpassen. Legen Sie dann eine Wiedergabeoption fest, testen Sie den Prototyp und geben Sie ihn für ein Review durch Stakeholder frei.
Um Ihr Video in XD zu importieren, ziehen Sie es auf eine Zeichenfläche. Sie können auch Datei > Importieren wählen.
|
|
MP4 |
|
Videokomprimierung (Codec) |
H.264 |
|
Audio-Codec |
AAC |
|
Höchstgröße |
25 MB |
|
Maximale Auflösung |
4 K |
Wenn Ihr Video nicht den in der Tabelle angegebenen Anforderungen entspricht, erhalten Sie beim Importieren in XD eine Fehlermeldung.
Konvertieren oder schneiden Sie Ihr Video so, dass es diesen Anforderungen entspricht. Adobe Media Encoder ist sehr zu empfehlen.
Um Ihr Video schnell und einfach für den Import in XD vorzubereiten, verwenden Sie am besten Adobe Media Encoder.
Adobe Media Encoder herunterladen
Führen Sie die folgenden Schritte aus:
Führen Sie im Fenster Exporteinstellungen die folgenden Schritte aus:
- Stellen Sie sicher, dass das Format auf H.264 gesetzt ist.
- Um Ihre Videogröße auf unter 15 MB zu reduzieren, schneiden Sie das Video oder wählen Sie eine Vorgabe mit niedrigerer Auflösung. Wenn Sie das Video schneiden oder verschiedene Vorgaben ausprobieren, finden Sie die geschätzte Dateigröße rechts unten im Fenster. Eine empfohlene Vorgabe ist High Quality 720p HD.
- Klicken Sie auf OK.
Eine empfohlene Vorgabe ist High Quality 720p HD.
Nach dem Import wird der erste Frame des Videos auf der Arbeitsfläche angezeigt. Wenn Sie das Video im Designmodus auswählen, wird links oben ein Wiedergabesymbol angezeigt.
Um eine Vorschau des Videos anzuzeigen oder die Einstellungen anzupassen, klicken Sie auf die Schaltfläche im Bereich Video des Eigenschafteninspektors. Das Heads-Up-Display (HUD) wird geöffnet. Im HUD gilt:
- Sie können das Video in der Vorschau anzeigen, indem Sie auf „Wiedergabe“ klicken.
- Sie können Videos zuschneiden, Miniaturansichten ändern, die Wiedergabe auf Endlosschleife einstellen oder den Ton deaktivieren.
Schneiden des Videos
- Klicken Sie auf „Video schneiden“ .
- Wählen Sie einen Clip aus, indem Sie die Start- und Stopppunkte auf dem Schieberegler ziehen.
- Klicken Sie auf das Häkchen , um den Clip zu speichern.
Frames werden beim Zuschneiden nicht gelöscht. Klicken Sie erneut auf „Zuschneiden“ , um die Frames wiederherzustellen.
Ändern der Größe der Videominiatur
- Klicken Sie auf das Miniaturansicht-Symbol , um den Explorer zu öffnen.
- Wählen Sie ein Bild aus.
- Klicken Sie auf Importieren.
Um eine Miniaturansicht zu löschen , klicken Sie auf „Löschen“.
In Schleife abspielen
Mit dem Schalter „In Schleife abspielen“ können Sie die Wiedergabe des Videos in einer Schleife aktivieren bzw. deaktivieren.
Ton aktivieren bzw. deaktivieren
Klicken Sie auf das Lautsprechersymbol (), um den Soundtrack im Video stummzuschalten bzw. um die Stummschaltung aufzuheben.
Nachdem Sie die Videoeinstellungen angepasst haben, können Sie festlegen, wann Ihr Videos abgespielt wird, indem Sie eine Wiedergabeoption auswählen.
Wählen Sie im Designmodus im Bereich Video des Eigenschafteninspektors eine der folgenden Vorgaben aus:
- Per Antippen abspielen (Standardeinstellung)
- Automatisch abspielen
- Keine Wiedergabe
Wenn Sie im Designmodus eine Wiedergabeoption auswählen, werden im Prototypmodus automatisch Interaktionen für Ihr Video erstellt.
Weitere Informationen zu den Videowiedergabeoptionen und Anpassungen finden Sie unter Erstellen von Prototypen, die Videos verwenden.
Verwenden Sie nach dem Verdrahten Ihres Prototyps eine der folgenden Möglichkeiten, um ihn zu testen:
Wenn Ihr Design fürs Review bereit ist, legen Sie die Zugriffsberechtigungen fest, veröffentlichen Sie den Prototyp oder den Link zur Design-Spezifikation und geben Sie ihn frei.
- Sie können nur MP4-Videos in XD importieren, wobei kein Video mehr als 25 MB haben darf.
- Sie können höchstens 20 unterschiedliche Videos in ein XD Dokument importieren.
- Videoassets können über Datei > Exportieren nicht exportiert werden. Videos sind auch in Design-Spezifikationen verfügbar.
- Es ist nicht möglich, mehrere Videos gleichzeitig wiederzugeben.
- Wenn der Aktionstyp nicht „Auto-Animate“ ist, stoppt das Auslösen eines anderen Triggers die Videowiedergabe.
- Wenn Sie Videos automatisch abspielen lassen, kann dies zu einem Konflikt mit zeitgesteuerten Triggern für Zeichenflächen oder Lottie-Animationen führen.
- Videos in einem Wiederholungsraster können nicht überschrieben werden.
- Abgesehen vom ersten Video wird für andere Videos in einem Wiederholungsraster standardmäßig keine Wiedergabe eingestellt.
- Spiegeloptionen sind für Videos im Abschnitt „Transformieren“ des Eigenschafteninspektors deaktiviert.
- Flächen- und Rahmeneigenschaften sind für Videos nicht verfügbar.
- Abgerundete Ecken sind für Videos im Abschnitt „Erscheinungsbild“ des Eigenschafteninspektors nicht verfügbar.
Verwandte Ressourcen
Noch Fragen oder Ideen?
Haben Sie eine Frage oder eine Idee, die Sie uns mitteilen möchten? Werden Sie Teil der Adobe XD Community. Wir freuen uns schon auf Ihre Beiträge und Kreationen!
Entwerfen von UX-Prototypen mit Adobe XD
Erstelle interaktive Modelle für Websites und mobile Apps.
