Passez en mode Prototype.
Dernière mise à jour le
- Guide de l’utilisateur d’Adobe XD
- Introduction
- Nouveautés d’Adobe XD
- Questions fréquentes
- Design, création de prototypes et partage avec Adobe XD
- Gestion des couleurs
- Configuration requise
- Notions de base concernant l’espace de travail
- Changement de langue dans l’application Adobe XD
- Accès aux kits de conception d’interface utilisateur
- Accessibilité dans Adobe XD
- Raccourcis clavier
- Conseils et astuces
- Conception
- Plans de travail, repères et calques
- Formes, objets et chemins
- Sélection, redimensionnement et rotation d’objets
- Déplacement, alignement, répartition et disposition d’objets
- Regroupement, verrouillage, duplication, copie et retournement d’objets
- Application d’un contour, d’un fond ou d’une ombre portée à un objet
- Création d’éléments répétés
- Création de designs en perspective avec des transformations 3D
- Modification d’objets à l’aide d’opérations booléennes
- Texte et polices
- Composants et états
- Masquage et effets
- Mise en page
- Vidéos et animations Lottie
- Prototypage
- Création de prototypes interactifs
- Animation des prototypes
- Propriétés d’objet prises en charge pour l’animation automatique
- Création de prototypes avec clavier et manette de jeu
- Création de prototypes à l’aide de la lecture et des commandes vocales
- Création de transitions temporisées
- Ajouter des incrustations
- Conception de prototypes de voix
- Création de liens d’ancrage
- Création d’hyperliens
- Aperçu de designs et de prototypes
- Partage, exportation et révision
- Partage des plans de travail sélectionnés
- Partage de conceptions et de prototypes
- Définition des autorisations d’accès pour les liens
- Utilisation de prototypes
- Révision de prototypes
- Utilisation des spécifications techniques
- Partage de spécifications techniques
- Inspection de spécifications techniques
- Navigation dans les spécifications techniques
- Révision des spécifications techniques et commentaires
- Exportation de ressources de design
- Exportation et téléchargement de fichiers à partir de spécifications techniques
- Partage de groupe pour les entreprises
- Sauvegarde et transfert de ressources XD
- Chartes graphiques
- Chartes graphiques et bibliothèques Creative Cloud
- Utilisation de ressources de document dans Adobe XD
- Utilisation des bibliothèques Creative Cloud dans Adobe XD
- Migration de ressources liées vers les bibliothèques Creative Cloud
- Utilisation des jetons de conception
- Utilisation de ressources provenant de bibliothèques Creative Cloud
- Documents en ligne
- Intégrations et plug-ins
- Utilisation de ressources externes
- Utilisation de ressources de design provenant de Photoshop
- Copier-coller de ressources depuis Photoshop
- Importation ou ouverture de conceptions Photoshop
- Utilisation des fichiers Illustrator dans Adobe XD
- Ouverture et importation de conceptions Illustrator
- Copie de vecteurs d’Illustrator vers XD
- Plug-ins pour Adobe XD
- Création et gestion des plug-ins
- Intégration Jira pour XD
- Plug-in Slack pour XD
- Plug-in Zoom pour XD
- Publication de designs depuis XD vers Behance
- XD pour iOS et Android
- Résolution des problèmes
- Problèmes connus et résolus
- Installation et mises à jour
- Lancement et blocage
- XD se bloque au lancement sur Windows 10
- XD se ferme lorsque vous vous déconnectez de Creative Cloud
- Problème lié à l’état d’un abonnement sur Windows
- Avertissement d’application bloquée lors du lancement de XD sur Windows
- Génération du fichier de vidage sur Windows
- Collecte et partage de journaux d’incidents
- Documents en ligne et bibliothèques Creative Cloud
- Prototype, publication et révision
- Impossible d’enregistrer les interactions de prototypes sur macOS Catalina
- Problèmes liés aux workflows de publication
- Les liens publiés n’apparaissent pas dans les navigateurs
- Les prototypes ne s’affichent pas correctement dans les navigateurs
- Le panneau de commentaires s’affiche soudainement sur les liens partagés
- Impossible de publier des bibliothèques
- Importation, exportation et utilisation d’autres applications
Découvrez comment concevoir et créer des prototypes avec des commandes vocales, de la lecture vocale et de la lecture audio.
Vous pouvez utiliser des commandes vocales pour déclencher une interaction entre les plans de travail ou les états de composant, ou pour une lecture vocale, audio, vidéo ou Lottie.
Définissez Voix comme déclencheur et entrez la commande vocale. Comme type d’action, choisissez Transition, Animation automatique, Superposition, Défilement, Plan de travail précédent, Lecture audio, Lecture vocale, Lecture vidéo ou Lecture Lottie. Par exemple, si vous intégrez la recherche vocale dans une application mobile, vous pouvez utiliser les commandes vocales et la lecture vocale pour effectuer automatiquement la transition entre les plans de travail.
Ajout d’une commande vocale à un prototype
-
-
Pour définir une interaction, cliquez sur le connecteur bleu sur l’objet source, l’état du composant ou le plan de travail. Définissez les options suivantes dans l’Inspecteur Propriétés :
- Déclencheur : définissez l’option sur Voix.
- Commande : entrez la commande vocale sous forme de texte.
- Action : définissez l’action sur Transition.
- Destination : définissez le plan de travail de destination ou l’état du composant.
- Animation : configurez les animations en fonction des options disponibles.
- Accélération : configurez le rythme en fonction des options disponibles.
- Durée : définissez la durée en secondes.
Définition des déclencheurs vocaux pour les plans de travail A. Définir le déclencheur sur Voix B. Saisir la commande vocale sous forme de texte
Définir des déclencheurs vocaux pour les états des composants A. Définir le déclencheur sur Voix B. Saisir la commande vocale sous forme de texte C. Définir la destination sur un état de composant
-
Procédez comme suit pour définir plusieurs interactions pour un objet, un état de composant ou un plan de travail :
- Sélectionnez-le et cliquez sur l’icône +. Alternativement, cliquez sur l’icône + dans l’Inspecteur Propriétés.
- Définissez des propriétés de texte dans l’Inspecteur Propriétés.
Vous pouvez appliquer les déclencheurs de type Appuyer, Faire glisser, Survoler et Temporisé une seule fois et les déclencheurs Voix et Touches/Manette à plusieurs reprises. 
Utilisation de plusieurs déclencheurs pour définir plus d’interactions -
Pour visualiser les modifications mises à jour, sélectionnez le bouton Aperçu sur ordinateur
. -
Pour prévisualiser la transition vers le plan de travail ou l’état de composant suivant, maintenez la barre d’espace enfoncée et répétez la commande vocale.
Ajout d’une option de lecture à un prototype
Ajout d’une option de lecture audio
Utilisez l’action Lecture audio pour ajouter des effets sonores à vos prototypes. Par exemple, une confirmation audio après la livraison réussie d’un e-mail. Vous pouvez importer un fichier audio sous forme de fichier MP3 ou WAV.
Pour ajouter une option de lecture audio à un objet ou un plan de travail, procédez comme suit :
-
En mode Prototype, sélectionnez l’objet ou le plan de travail.
-
Dans l’Inspecteur Propriétés, définissez les options suivantes :
- Cliquez sur + pour ajouter l’interaction.
- Déclencheur : définissez sur Appuyer.
- Action : définissez sur Lecture audio, puis naviguez jusqu’au fichier audio pour l’ajouter.
La lecture automatique d’un fichier audio ne fonctionne dans Safari que si vous avez activé la lecture automatique dans les paramètres de Safari. Pour activer la lecture automatique du son associé aux liens de prototypes XD, consultez la section Activation de la lecture automatique du son dans Safari.
Ajout de plusieurs actions sur un seul déclencheur
Vous pouvez ajouter une action non transitoire telle que Lecture audio avec une action transitoire principale telle que Transition ou Animation automatique sur un seul déclencheur. Par exemple, le son du clic de la souris lorsque vous passez d’un plan de travail à un autre.
Pour ajouter plusieurs actions à votre prototype, procédez comme suit :
-
En mode Prototype, sélectionnez l’objet ou le plan de travail auquel vous souhaitez ajouter plusieurs actions.
-
Dans l’Inspecteur Propriétés, définissez les options suivantes :
- Cliquez sur + pour ajouter l’interaction.
- Déclencheur : définissez sur Appuyer.
- Définissez le premier bouton Action + (action transitoire) sur Transition, Animation automatique, Superposition, Défilement ou Plan de travail précédent.
- Définissez le deuxième bouton Action + (action non transitoire) sur Lecture audio ou Lecture vocale.
Définir plusieurs actions sur un objet ou un plan de travail Le deuxième bouton Action + dans l’Inspecteur Propriétés n’est activé que lorsque vous définissez le déclencheur Appuyer. En outre, si vous définissez une action non transitoire telle que Lecture audio ou Lecture vocale comme première action, le deuxième bouton Action + n’est pas activé.
Ajout d’une option de lecture vocale
Pour ajouter une lecture vocale à un objet ou un plan de travail, procédez comme suit :
-
Reliez les plans de travail source et cible.
-
Pour ajouter une lecture vocale, dans l’Inspecteur Propriétés, sélectionnez l’une des options suivantes :
- Déclencheur : définissez sur Délai.
- Délai : définissez le délai (en secondes) pour spécifier à quel moment la lecture vocale doit démarrer.
- Action : définissez sur Lecture vocale.
- Voix : choisissez une voix pour la lecture vocale.
- Voix : entrez le texte que vous souhaitez pour la lecture vocale.
Utilisation de la lecture vocale A. Définir le déclencheur sur Délai B. Définir le délai en secondes C. Définir l’action sur Lecture vocale D. Définir la voix E. Entrez le texte que vous souhaitez pour la lecture vocale.
-
Pour prévisualiser les modifications, sélectionnez le bouton Aperçu sur ordinateur
. -
Pour prévisualiser la transition de la lecture vocale vers le plan de travail suivant, maintenez la barre d’espace enfoncée et répétez la commande vocale.
Prévisualisation de la lecture vocale
Ajout d’une narration vocale à un prototype
-
En mode Prototype, sélectionnez l’écran d’accueil où le début du flux est défini et cliquez sur le bouton Aperçu sur ordinateur.
-
Sélectionnez la flèche déroulante à côté du bouton d’enregistrement et sélectionnez l’option Activer le microphone (macOS). Si vous êtes sur Windows, activez le microphone via un contrôle au niveau du système d’exploitation dans Gamecenter. Lors de l’enregistrement, vérifiez que l’icône rouge clignote bien sur l’interface.
-
Enregistrez l’enregistrement sous forme de fichier MP4, et partagez-le avec les parties concernées ou publiez-le dans les réseaux sociaux.
Cela ne capture pas directement la sortie audio depuis XD, comme la lecture vocale. Le micro entend ou enregistre la sortie en fonction de la configuration de l’utilisateur (le micro du système entend les haut-parleurs du système reproduire la lecture vocale).
Partage et consultation du lien du prototype ou des spécifications techniques sur le web
-
Dans l’application sur ordinateur, cliquez sur l’icône Partager dans le coin supérieur droit et choisissez Vérification du design (pour les prototypes) ou Développement (pour les spécifications techniques).
-
Lors de la prévisualisation d’un prototype sur l’un des appareils ou outils suivants, procédez comme suit :
- Ordinateur de bureau ou portable : maintenez la barre d’espace enfoncée.
- Application mobile Adobe XD (iOS/Android) : effectuez un appui long n’importe où sur l’écran. Placez votre doigt sur l’écran (sans le bouger), puis utilisez la commande vocale avant de soulever votre doigt.
- Navigateur mobile sur un smartphone : maintenez l’icône du micro située dans le coin inférieur droit de l’écran.
-
Lors de la prévisualisation de spécifications techniques, les développeurs peuvent lire ou afficher les commandes vocales et la lecture vocale sous forme de texte.
Les spécifications techniques ne prennent pas en charge les interactions vocales.
Par défaut, la lecture automatique du son est désactivée dans Safari. Pour activer la lecture automatique du son dans les liens de prototypes XD, effectuez les étapes suivantes :
- Ouvrez un lien de prototype XD dans Safari.
- Dans la barre de menus macOS, accédez à Safari > Préférences.
- Dans l’onglet Sites Web, sélectionnez Lecture automatique dans le volet de gauche.
- Dans la fenêtre Autoriser les sites Web ci-dessous à lire automatiquement les médias, choisissez Autoriser toutes les lectures automatiques en regard de xd.adobe.com
Ce paramètre garantit le fonctionnement automatique du son associé aux liens de prototypes XD.
Lorsque vous exécutez un prototype dans Chrome, si vous recevez un message d’erreur indiquant qu’il y a eu un problème avec l’action de lecture, activez le son dans les paramètres de Chrome.
Effectuez les étapes ci-dessous pour activer le son des liens de prototypes XD dans les paramètres de Chrome :
- Dans la barre d’adresse de Chrome, saisissez chrome://settings/content/sound. Appuyez sur Entrée.
- Dans la section Comportements personnalisés, cliquez sur Ajouter à côté d’Autorisé à diffuser du son, et ajoutez https://xd.adobe.com.
Ce paramètre permettra la lecture du son associé aux liens de prototypes XD.
Résolution des problèmes d’interactions vocales à l’aide de notifications
Vous pouvez maintenant résoudre les problèmes d’interactions par commande vocale depuis l’aperçu de prototype sur ordinateur et sur le web. Les collaborateurs qui examinent les spécifications techniques peuvent également utiliser cette fonctionnalité pour mieux comprendre comment interagir avec votre prototype dans Adobe XD.
Avant de parler à votre prototype pendant l’aperçu, assurez-vous que l’option de menu Afficher les notifications est activée. Par défaut, cette option de menu est activée lorsque vous démarrez Adobe XD.
Chaque commande que vous donnez à XD est comparée à tous les déclencheurs vocaux présents sur le plan de travail ou le composant en question. Si aucune correspondance n’est trouvée, vous recevez une notification indiquant Aucune correspondance trouvée pour : {la commande que vous avez donnée}. Voir ce que XD a entendu vous aide à déterminer pourquoi une correspondance n’est pas trouvée à chaque fois que vous parlez.
Il peut y avoir différentes raisons pour lesquelles aucune correspondance ne peut être trouvée. Peut-être que la commande vocale donnée n’est utilisée dans aucune interaction de ce plan de travail ou l’état du composant actuel. Ou peut-être que le service de conversion de parole en texte a renvoyé un résultat inattendu.
Par exemple, vous pouvez décider d’ajouter la phrase deux dollars comme commande vocale dans une interaction. Mais lorsque vous donnez la commande, le service de conversion de parole en texte peut renvoyer le résultat 2,00 $. Les chiffres ayant remplacé les mots dans la notification, vous savez maintenant qu’il faut modifier l’interaction pour utiliser des chiffres au lieu de mots.
Accéder à votre compte