Passez en mode Prototype. Sur le plan de travail, sélectionnez l’objet auquel vous souhaitez ajouter un lien d’ancrage.
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 créer des liens d’ancrage pour améliorer l’expérience de navigation dans un plan de travail.
Adobe XD permet de créer des liens d’ancrage lors du prototypage et de faire défiler l’affichage pour accéder à des sections spécifiques d’un plan de travail. Les liens d’ancrage accélèrent la navigation et augmentent la convivialité lors de la conception de longs formulaires ou articles.
Vous voulez simuler votre expérience de défilement en accédant rapidement à des sections spécifiques d’un plan de travail ? Pour commencer, procédez comme suit :
-
-
Faites glisser le fil de prototypage vers le bas sur votre plan de travail jusqu’à ce que vous atteigniez le point vers lequel vous souhaitez créer un lien.
-
Cliquez sur le fil de prototypage pour afficher le panneau Interaction qui figure dans l’Inspecteur Propriétés et définissez les options suivantes :
- Déclencheur : définissez la valeur sur Appui.
- Type d’action : définissez la valeur sur Défilement. Vous souhaitez affecter plusieurs actions à un seul déclencheur ? Pour plus d’informations, lisez cet article.
- Destination : sélectionnez le calque de destination.
- Décalage Y : entrez la valeur de décalage Y par rapport au haut de l’objet lié. Faites glisser la poignée de décalage Y vers la gauche du plan de travail et observez le changement de la valeur de décalage Y. Toute valeur au-dessus de l’objet lié est un décalage négatif et toute valeur en dessous de l’objet est un décalage positif.
- Rythme : sélectionnez une option pour simuler des effets de type accélération/décélération. Par exemple, sélectionnez Décélération pour que vos animations disparaissent de votre prototype au ralenti.
- Durée : saisissez une durée. La durée maximale que vous pouvez définir pour la transition entre deux plans de travail est de cinq secondes.
A. Sélectionnez le type de déclencheur. B. Sélectionnez le type d’action Défilement C. Sélectionnez le plan de travail de destination. D. Saisissez la valeur de décalage Y E. Sélectionnez des effets de rythme F. Saisissez la durée
-
Pour prévisualiser l’effet de défilement sur votre plan de travail, cliquez sur .
En savoir plus
« Utilisez des liens d’ancrage pour créer une adorable page d’entrée pour un livre animalier avec une interaction de type Retour au début ». Howard Pinksy, expert spécialiste XD chez Adobe.
Regardez cette vidéo pour en savoir plus.
Temps de visionnage : 3 minutes
Maintenant que vous savez comment créer des liens d’ancrage, téléchargez l’exemple de kit d’interface utilisateur contenant plusieurs exemples de conceptions Web d’une seule page et essayez-les par vous-même.
Et après ?
Vous avez commencé à ajouter des liens de navigation dans votre conception. Continuez et découvrez comment ajouter plusieurs interactions à votre conception à l’aide de lectures et de commandes vocales.
Vous avez une question ou une suggestion ?
Si vous avez une question à poser ou une idée à partager, rejoignez la communauté Adobe XD. Nous serions ravis de vous compter parmi nous et de découvrir vos créations.
Accéder à votre compte