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 des 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 postes de travail. 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.

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.

     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 l’option « Conseils sur les zones réactives » est activée. 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 postes de travail.

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
    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 par le biais 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 naviguer vers le plan de travail d’accueil. 
  • Flèches  pour naviguer à travers 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.

pincer pour voir
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. 
commentaire en premier
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 effectuer un commentaire. Si vous avez un lien Web privé, vous aurez besoin d’un Adobe ID pour vous connecter.