Format de fichier vidéo
Dernière mise à jour le
12 avr. 2022
Découvrez comment utiliser des vidéos dans Adobe XD pour créer de expériences de design immersives.
XD vous permet d’importer des vidéos, d’ajuster les paramètres vidéo de base et de contrôler la lecture. Après avoir réglé la lecture vidéo et relié votre prototype, vous pouvez le prévisualiser avant de le partager.
Lectures suggérées
4 étapes pour créer et partager des interactions vidéo
Pour commencer, importez une vidéo et ajustez ses paramètres. Définissez ensuite une option de lecture, prévisualisez le prototype et partagez-le avec les intervenants pour qu’ils l’examinent.
Pour importer une vidéo dans XD, faites-la glisser vers un plan de travail. Vous pouvez également choisir Fichier > Importer.
|
|
MP4 |
|
Compression vidéo (codec) |
H.264 |
|
Module de compression/décompression des données audio |
AAC |
|
Taille maximale |
25 Mo |
|
Résolution maximale |
4 K |
Si votre vidéo ne respecte pas les exigences indiquées dans le tableau, vous obtenez une erreur lors de son importation dans XD.
Convertissez ou découpez la vidéo pour qu’elle respecte les critères définis. Adobe Media Encoder est fortement recommandé.
Vous pouvez utiliser Adobe Media Encoder pour préparer rapidement et facilement votre vidéo avant de l’importer dans XD.
Télécharger Adobe Media Encoder
Suivez les étapes ci-dessous :
Dans la fenêtre Paramètres d’exportation, procédez comme suit :
- Assurez-vous que le champ Format est défini sur H.264.
- Pour réduire la taille de votre vidéo à moins de 15 Mo, rognez la vidéo ou choisissez un préréglage avec une résolution inférieure. Lorsque vous rogne la vidéo ou essayez différents préréglages, vous pouvez voir la taille estimée du fichier dans le coin inférieur droit de la fenêtre. Le préréglage recommandé est Haute qualité 720p HD.
- Cliquez sur OK.
Le préréglage recommandé est Haute qualité 720p HD.
Une fois importée, la première image de la vidéo est affichée sur la zone de travail. Lorsque vous sélectionnez la vidéo en mode Design, vous voyez une icône de lecture dans son coin supérieur gauche.
Pour prévisualiser la vidéo ou ajuster ses paramètres, cliquez sur le bouton dans la section Vidéo de l’Inspecteur Propriétés. L’affichage tête haute (HUD) s’ouvre. Dans l’affichage tête haute :
- Vous pouvez prévisualiser la vidéo en cliquant sur Lecture .
- Vous pouvez couper la vidéo, modifier sa miniature, définir la lecture en boucle ou désactiver l’audio.
Rognage de la vidéo
- Cliquez sur Rogner .
- Sélectionnez une séquence en faisant glisser les points de départ et d’arrêt sur le curseur.
- Cliquez sur la coche pour enregistrer la séquence.
Les images ne sont pas supprimées lorsque vous les rognez. Cliquez à nouveau sur Rogner pour récupérer les images.
Modification de la miniature de vidéo
- Cliquez sur l’icône Miniature pour ouvrir l’explorateur.
- Parcourez et choisissez une image.
- Cliquez sur Importer.
Pour supprimer une miniature, cliquez sur Supprimer .
Définir la lecture en boucle
Utilisez le bouton Lire en boucle pour activer ou désactiver la lecture en boucle de la vidéo.
Activer ou désactiver l’audio
Cliquez sur l’icône de haut-parleur ( | ) pour activer ou désactiver le son de la bande-son de la vidéo.
Après avoir ajusté les paramètres vidéo, contrôlez à quel moment votre vidéo sera lue en choisissant une option de lecture.
En mode Design, dans la section Vidéo de l’Inspecteur Propriétés, choisissez un préréglage :
- Appuyer pour lire (par défaut)
- Lire automatiquement
- Pas de lecture
Le choix d’une option de lecture en mode Design crée automatiquement des interactions pour votre vidéo en mode Prototype.
Pour en savoir plus sur les options de lecture vidéo et les personnalisations, consultez la section Création de prototypes avec des vidéos.
Après avoir relié le prototype, utilisez l’une des options suivantes pour le prévisualiser :
Lorsque votre design est prêt à être partagé avec les intervenants, définissez les autorisations d’accès appropriées, puis publiez le lien vers le prototype ou les spécifications techniques et partagez-le.
- Seules des vidéos MP4 peuvent être importées dans XD, chaque vidéo ne devant pas excéder 25 Mo.
- Vous pouvez importer jusqu’à 20 vidéos uniques dans un document XD.
- Les actifs vidéo ne peuvent pas être exportés depuis le menu Fichier > Exporter. Cependant, la vidéo sera disponible dans les spécifications techniques.
- Une seule vidéo peut se lancer à la fois.
- Lorsque le type d’action n’est pas Animation automatique, le lancement d’un autre déclencheur arrête la lecture vidéo.
- La lecture automatique des vidéos peut entraîner un conflit avec les déclencheurs Temps d’un plan de travail ou d’une animation Lottie.
- Il n’est pas possible de remplacer une vidéo dans une grille de répétition.
- À l’exception de la première vidéo, l’option Pas de lecture est définie par défaut pour les autres vidéos de la grille de répétition.
- Les options de retournement sont désactivées pour les vidéos dans la section Transformation de l’Inspecteur Propriétés.
- Les propriétés Fond et Bordure ne sont pas disponibles pour les vidéos.
- Les angles arrondis ne sont pas disponibles pour les vidéos dans la section Apparence de l’Inspecteur Propriétés.
Ressources associées
Vous avez une question ou une suggestion ?
Vous avez une question à poser ou une idée à partager ? Venez participer à la communauté Adobe XD. Nous serions ravis de vous compter parmi nous et de découvrir vos créations !
Concevoir des prototypes UX avec Adobe XD
Créez des maquettes interactives pour sites web et applications mobiles.
