Branchez votre appareil mobile sur le port USB de l’ordinateur sur lequel est installé le programme Adobe XD pour ordinateur. Assurez-vous que la dernière version de XD disponible sur Creative Cloud est installée sur l’ordinateur.
- 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
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.
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.
-
Remarque :
- 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.
Remarque :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.
Remarque :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.
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.