Guide d'utilisation Annuler

Aperçu sur appareils mobiles

  1. Guide de l’utilisateur d’Adobe XD
  2. Introduction
    1. Nouveautés d’Adobe XD
    2. Questions fréquentes
    3. Design, création de prototypes et partage avec Adobe XD
    4. Configuration requise
      1. Configuration matérielle et logicielle requise
      2. Adobe XD, Big Sur et Apple Silicon | macOS 11
    5. Notions de base concernant l’espace de travail
    6. Changement de langue dans l’application Adobe XD
    7. Accès aux kits de conception d’interface utilisateur
    8. Accessibilité dans Adobe XD
    9. Raccourcis clavier
    10. Conseils et astuces
    11. Options d’abonnement à Adobe XD
    12. Modifications apportées à la formule de lancement d’Adobe XD
  3. Conception
    1. Plans de travail, repères et calques
      1. Prise en main des plans de travail
      2. Utilisation des guides et des grilles
      3. Création de plans de travail défilants
      4. Utilisation de calques
      5. Création de groupes de défilement
    2. Formes, objets et chemins
      1. Sélection, redimensionnement et rotation d’objets
      2. Déplacement, alignement, répartition et disposition d’objets
      3. Regroupement, verrouillage, duplication, copie et retournement d’objets
      4. Application d’un contour, d’un fond ou d’une ombre portée à un objet
      5. Création d’éléments répétés
      6. Création de designs en perspective avec des transformations 3D
      7. Modification d’objets à l’aide d’opérations booléennes
    3. Texte et polices
      1. Utilisation d’outils de dessin et de texte
      2. Polices dans Adobe XD
    4. Composants et états
      1. Utilisation de composants
      2. Utilisation de composants imbriqués
      3. Ajout de plusieurs états aux composants
    5. Masquage et effets
      1. Création d’un masque avec des formes
      2. Utilisation des effets de flou
      3. Création et modification de dégradés
      4. Application des effets de fusion
    6. Mise en page
      1. Redimensionnement réactif et contraintes
      2. Définition d’un remplissage fixe pour des composants et des groupes
      3. Création de conceptions dynamiques avec des piles
    7. Vidéos et animations Lottie
      1. Utilisation de vidéos
      2. Création de prototypes avec des vidéos
      3. Utilisation d’animations Lottie
  4. Prototypage
    1. Création de prototypes interactifs
    2. Animation des prototypes
    3. Propriétés d’objet prises en charge pour l’animation automatique
    4. Création de prototypes avec clavier et manette de jeu
    5. Création de prototypes à l’aide de la lecture et des commandes vocales
    6. Création de transitions temporisées
    7. Ajouter des incrustations
    8. Conception de prototypes de voix
    9. Création de liens d’ancrage
    10. Création d’hyperliens
    11. Aperçu de designs et de prototypes
  5. Partage, exportation et révision
    1. Partage des plans de travail sélectionnés
    2. Partage de conceptions et de prototypes
    3. Définition des autorisations d’accès pour les liens
    4. Utilisation de prototypes
    5. Révision de prototypes
    6. Utilisation des spécifications techniques
    7. Partage de spécifications techniques
    8. Inspection de spécifications techniques
    9. Navigation dans les spécifications techniques
    10. Révision des spécifications techniques et commentaires
    11. Exportation d’actifs de conception
    12. Exportation et téléchargement de fichiers à partir de spécifications techniques
    13. Partage de groupe pour les entreprises
  6. Chartes graphiques
    1. Chartes graphiques et bibliothèques Creative Cloud
    2. Utilisation d’actifs de document dans Adobe XD
    3. Utilisation des bibliothèques Creative Cloud dans Adobe XD
    4. Migration d’actifs liés vers les bibliothèques Creative Cloud
    5. Utilisation des jetons de conception 
    6. Utilisation d’actifs provenant de bibliothèques Creative Cloud
  7. Documents en ligne
    1. Documents en ligne dans Adobe XD
    2. Collaboration et cocréation de conceptions
    3. Cocréation de documents partagés
  8. Intégrations et plug-ins
    1. Utilisation d’actifs externes
    2. Utilisation d’actifs de création provenant de Photoshop
    3. Copier-coller d’actifs depuis Photoshop
    4. Importation ou ouverture de conceptions Photoshop
    5. Utilisation des fichiers Illustrator dans Adobe XD
    6. Ouverture et importation de conceptions Illustrator
    7. Copie de vecteurs d’Illustrator vers XD
    8. Plug-ins pour Adobe XD
    9. Création et gestion des plug-ins
    10. Intégration Jira pour XD
    11. Plug-in Slack pour XD
    12. Plug-in Zoom pour XD
    13. Publication de designs depuis XD vers Behance
  9. XD pour iOS et Android
    1. Aperçu sur appareils mobiles
    2. FAQ concernant Adobe XD pour mobile
  10. Résolution des problèmes
    1. Problèmes connus et résolus
      1. Problèmes connus
      2. Problèmes résolus
    2. Installation et mises à jour
      1. XD semble incompatible avec Windows
      2. Code d’erreur 191
      3. Code d’erreur 183
      4. Problèmes d’installation des modules externes XD
      5.  Invitation à désinstaller et réinstaller Adobe XD sur Windows 10
      6. Problèmes liés à la migration des préférences
    3. Lancement et blocage
      1.  XD se bloque au lancement sur Windows 10
      2.  XD se ferme lorsque vous vous déconnectez de Creative Cloud
      3. Problème lié à l’état d’un abonnement sur Windows
      4. Avertissement d’application bloquée lors du lancement de XD sur Windows
      5. Génération du fichier de vidage sur Windows
      6. Collecte et partage de journaux d’incidents
    4. Documents en ligne et bibliothèques Creative Cloud
      1. Problèmes liés aux documents en ligne XD
      2. Problèmes relatifs aux composants liés
      3. Problèmes relatifs aux bibliothèques et aux liens
    5. Prototype, publication et révision
      1. Impossible d’enregistrer les interactions de prototypes sur macOS Catalina
      2. Problèmes liés aux workflows de publication
      3. Les liens publiés n’apparaissent pas dans les navigateurs
      4. Les prototypes ne s’affichent pas correctement dans les navigateurs
      5. Le panneau de commentaires s’affiche soudainement sur les liens partagés
      6. Impossible de publier des bibliothèques
    6. Importation, exportation et utilisation d’autres applications
      1. Importation et exportation dans XD
      2. Fichiers Photoshop dans XD
      3. Fichiers Illustrator dans XD
      4. Exportation dans After Effects à partir de XD
      5. Fichiers Sketch dans XD
      6. ++Applications tierces non visibles lors de l’exportation

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 :

 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 :

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.

Aperçu de prototypes en temps réel sur un appareil
Aperçu de prototypes en temps réel sur un appareil

  1. 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.

     

    • 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.
  2. Ouvrez Adobe XD sur votre appareil.

  3. 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.

  4. 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. 

  1. Assurez-vous que votre document XD est enregistré en tant que document cloud sur votre poste de travail.

  2. Ouvrez Adobe XD sur votre appareil mobile.

  3. 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.

  4. 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.

     Si vous avez activé l’accessibilité du zoom, utilisez deux doigts pour tapoter deux fois au lieu de la pression à trois doigts standard.

  5. 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

  6. 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.

     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.
  • 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 non Adobe
    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.

Vue agrandie
Pincer pour effectuer un zoom

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.

pinch-to-see
Plan de travail d’accueil

  1. Pincez l’écran pour afficher les options dans un plan de travail Accueil
  2. Utilisez les touches fléchées pour naviguer vers l’écran sur lequel vous souhaitez insérer des commentaires. 
  3. Appuyez sur l’icône de commentaire  pour commenter les prototypes ou designs partagés. 
comment-first
Commentez d’abord, puis connectez-vous

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. 

Logo Adobe

Accéder à votre compte