Branchez votre appareil mobile sur le port USB de l’ordinateur sur lequel est installé le programme Adobe XD pour postes de travail. Assurez-vous que la dernière version de XD disponible sur Creative Cloud est installée sur l’ordinateur.
Dernière mise à jour le
9 mai 2024
Prévisualisez vos designs mobiles en temps réel ou ouvrez vos fichiers XD enregistrés à partir de Creative Cloud, à l’aide de l’application XD sur un appareil mobile. Vous pouvez également prévisualiser tous les prototypes publiés dans un navigateur mobile lors de vos déplacements.
Avec l’application mobile Adobe XD, vous pouvez :
- Connecter, à l’aide d’un câble USB, votre appareil mobile à l’ordinateur sur lequel est installé Adobe XD, modifier vos designs et prototypes sur le poste de travail et les prévisualiser en temps réel sur l’appareil mobile connecté. Pour plus d’informations, consultez la section Aperçu de prototypes en temps réel sur les appareils mobiles.
- Inviter des personnes à examiner vos prototypes à l’aide d’un lien privé partageable. Pour plus d’informations, consultez la section Utilisation d’invitations privées sur le web et sur les mobiles.
- Afficher et commenter le design ou les prototypes qui sont enregistrés dans l’écosystème en mode cloud dans XD sur votre appareil mobile, et les partager avec les autres en déplacement. Pour plus d’informations, consultez la section Commentaire sur les designs et les prototypes dans les navigateurs mobiles.
Annotation
Si votre appareil exécute Adobe XD sous Windows 10, la fonction Aperçu en temps réel via USB n’est pas prise en charge sur les appareils Android.
Conditions requises pour prévisualiser sur un appareil mobile
Pour prévisualiser en temps réel ou en ouvrant des fichiers XD à partir de Creative Cloud :
- Application mobile Adobe XD
Pour obtenir la liste des versions iOS et Android prises en charge, consultez la section FAQ concernant Adobe XD pour mobile.
Pour prévisualiser des prototypes publiés :
- Navigateur mobile.
Pour obtenir la liste des navigateurs mobiles pris en charge, consultez la section Navigateurs pris en charge.
Aperçu de prototypes en temps réel sur appareils mobiles
Prévisualisez vos designs en temps réel sur un appareil mobile raccordé à votre poste de travail à l’aide d’un câble USB.
Annotation
- Veillez à utiliser des câbles USB permettant le transfert de données. Certains câbles USB servent seulement à recharger les appareils et ne permettent pas de transférer des données.
- Vous cherchez à brancher votre iPhone sur une machine Windows ? Assurez-vous d’avoir installé iTunes pour Windows pour prévisualiser votre design ou votre prototype sur votre iPhone.
Ouvrez Adobe XD sur votre appareil.
Le plan de travail sélectionné (actif) dans Adobe XD pour ordinateur s’affiche également sur l’appareil. Toutes les modifications que vous apportez à vos designs se répercutent en temps réel sur l’appareil mobile.
Si vous avez ajouté des liens pour créer des interactions en mode Prototype, vous pouvez les voir à l’œuvre, de la même manière que dans la fenêtre Aperçu sur l’ordinateur.
Appuyez trois fois sur l’écran de l’application mobile pour accéder à plus d’options :
- Parcourir les plans de travail : pour parcourir tous les plans de travail de votre design.
- Partager cet écran en tant qu’image : pour partager un plan de travail en tant que fichier PNG par e-mail, Slack ou autres canaux.
- Conseils sur les zones réactives : pour activer les conseils sur les zones réactives lorsque vous consultez un prototype.
- Navigation par balayage : pour vous empêcher de balayer lorsque vous interagissez avec un prototype.
- Options d’affichage : pour visualiser votre conception en différentes tailles.
Aperçu des documents XD enregistrés en tant que documents cloud
Vous pouvez prévisualiser vos documents XD en les enregistrant en tant que documents cloud sur votre poste de travail.
Assurez-vous que votre document XD est enregistré en tant que document cloud sur votre poste de travail.
Ouvrez Adobe XD sur votre appareil mobile.
Dans Documents XD, vous pouvez voir tous les documents XD dans votre dossier Documents cloud. Vous pouvez rechercher des fichiers par nom, puis les trier par ordre croissant ou décroissant (par ordre alphabétique ou en fonction de la date de dernière modification). Une fois que vous avez trouvé le fichier souhaité, appuyez dessus pour l’afficher.
Lorsque l’aperçu est affiché, appuyez trois fois pour accéder aux options de prototype :
- Parcourir les plans de travail : pour rechercher et accéder directement aux plans de travail souhaités dans votre design.
- Partager cet écran en tant qu’image : pour partager un plan de travail en tant que fichier PNG par e-mail, sur les réseaux sociaux ou via toute autre option de partage disponible sur votre appareil.
- Conseils sur les zones réactives : pour activer les conseils sur les zones réactives lorsque vous consultez un prototype.
- Navigation par balayage : pour activer le balayage lorsque vous interagissez avec un prototype.
- Options d’affichage : pour visualiser votre conception en différentes tailles.
Annotation
Si vous avez activé l’accessibilité du zoom, utilisez deux doigts pour tapoter deux fois au lieu de la pression à trois doigts standard.
Une fois que vous avez vérifié le design sur votre application mobile, vous pouvez partager le prototype avec des réviseurs.
Avant de partager le prototype, assurez-vous que les conseils sur les zones réactives sont activés. Appuyez trois fois sur l’écran de l’appareil mobile et activez l’option Conseils sur les zones réactives.
Partagez le lien du prototype par e-mail, sur les médias sociaux ou via toute autre option de partage disponible sur votre appareil. Appuyez trois fois sur l’écran de l’appareil mobile et appuyez sur Partager pour révision.
Annotation
Un prototype ne peut être partagé depuis un mobile que s’il a déjà été partagé au moins une fois depuis l’application XD pour ordinateur.
Polices sur appareils mobiles
Voici quelques moyens de gérer les polices sur votre mobile :
- Lorsque cela est possible, les polices sont envoyées sur votre appareil quand vous affichez un aperçu sur mobile. Cependant, certains fournisseurs de polices n’autorisent pas le transfert, l’affichage et la distribution de leurs polices. Vous êtes tenu de respecter le contrat de licence des polices établi entre vous et le fournisseur concerné.
- Lorsque vous consultez un prototype sur un appareil mobile qui ne comporte pas la police requise, vous recevez un message d’alerte. Les polices manquantes sont remplacées par des polices disponibles.
- Polices Adobe Fonts
Les polices Adobe Fonts s’activent automatiquement et s’affichent correctement lors de la prévisualisation d’un document en ligne XD dans les applications mobiles XD iOS ou Android. - Polices hors Adobe Fonts
iOS 13.0 prend en charge l’installation de polices personnalisées. Les utilisateurs peuvent installer des polices personnalisées au travers d’applications tierces à l’aide des méthodes fournies par Apple ou en utilisant l’application mobile Creative Cloud iOS (iOS 13.1 et versions ultérieures).
Suppression de fichiers XD téléchargés sur votre appareil
Pour gérer l’espace de stockage de votre appareil mobile, vous pouvez supprimer les fichiers téléchargés. Pour ce faire, appuyez sur Paramètres > Préférences.
De là, vous pouvez connaître la quantité d’espace local utilisée, puis appuyer sur Supprimer les documents hors ligne pour supprimer les documents XD téléchargés sur votre appareil.
Vous pouvez également supprimer des fichiers en les sélectionnant un par un et en désactivant l’option Disponible hors ligne.
Aperçu de prototypes publiés dans des navigateurs mobiles
Lorsque vous ouvrez un lien de partage dans un navigateur mobile, vous pouvez afficher le prototype avec un plan de travail agrandi. Si les plans de travail du prototype ne sont pas liés, balayez vers la gauche ou vers la droite pour naviguer d’un plan de travail à l’autre.
Lorsque vous ouvrez le prototype pour la première fois, la fenêtre du navigateur peut rester inactive pendant trois secondes, puis une icône de pincement s’affiche. Cette icône ne réapparaitra ensuite plus dans ce navigateur, même si vous ouvrez un autre prototype publié. Utilisez le mouvement de pincement sur le plan de travail pour afficher la conception en vue panoramique.
Utilisez les options suivantes en vue panoramique :
Icône pour accéder au plan de travail d’accueil. 
Flèches pour naviguer parmi les plans de travail. 
Icône pour commenter les designs et les prototypes.
Utilisez le mouvement de pincement pour effectuer un zoom et afficher le prototype à sa taille d’origine. Vous pouvez effectuer un zoom avant jusqu’à 200 % et un zoom arrière jusqu’à 25 % sans perdre la qualité du contenu.
Apport de commentaires aux designs et aux prototypes dans les navigateurs mobiles
Vous pouvez commenter les designs et prototypes publics sans vous connecter à la première instance.
- Pincez l’écran pour afficher les options dans un plan de travail Accueil.
- Utilisez les touches fléchées pour naviguer vers l’écran sur lequel vous souhaitez insérer des commentaires.
- Appuyez sur l’icône de commentaire pour commenter les prototypes ou designs partagés.
4. Appuyez sur l’icône d’envoi 
et connectez-vous avec votre Adobe ID et votre mot de passe pour envoyer vos commentaires ou répondre aux commentaires existants.
Vous pouvez également vous connecter en tant qu’invité pour publier un commentaire. Si vous avez un lien web privé, vous aurez besoin d’un Adobe ID pour vous connecter.
Prévisualisation des conceptions à différentes résolutions
Adaptation à la taille de l’écran
Adaptez votre conception à la largeur ou à la hauteur de votre appareil, de manière à ce que votre conception ne soit pas coupée. Les plans de travail ne seront mis à l’échelle que jusqu’à deux fois leur résolution nominale.
Affichage à 100 %
Affichez votre conception à la résolution que vous avez conçue, sans aucune mise à l’échelle. Si votre conception n’apparaît pas entièrement à l’écran, utilisez deux doigts pour réaliser un panoramique.
Forme libre
Effectuez un zoom et un panoramique sur vos plans de travail, en utilisant le pincement à deux doigts pour zoomer, et deux doigts pour effectuer un panoramique. Les plans de travail ne seront mis à l’échelle que jusqu’à deux fois leur résolution nominale. Les interactions continueront de fonctionner dans cette vue.
Concevoir des prototypes UX avec Adobe XD
Créez des maquettes interactives pour sites web et applications mobiles.
