Découvrez comment naviguer entre les différentes vues d’un lien vers des spécifications techniques.

Le partage des liens de développement a été enrichi par l’inclusion d’informations interactives sur les prototypes avec les spécifications techniques. Cliquez sur l’icône Voir les spécifications  dans le lien partagé pour basculer entre une vue des spécifications et une vue du prototype.  La nouvelle expérience offre les avantages suivants : 

  • Les designers peuvent désormais communiquer plus efficacement l’objectif de leurs conceptions et fournir toutes les ressources nécessaires aux développeurs via un seul lien partagé.
  • Les développeurs, quant à eux, pourront comprendre plus facilement les interactions et les comportements souhaités et gagner un temps précieux en évitant de passer constamment d’un lien vers des prototypes et spécifications techniques à l’autre. 
  • Les développeurs peuvent facilement basculer entre les modes Grille et Flux pour afficher les spécifications techniques.

Mode Grille et mode Flux

Pour obtenir une vue holistique de votre flux de conception avec toutes les informations de disposition du plan de travail, vous pouvez choisir de basculer entre les modes Grille et Flux

Efficace pour la navigation, le mode Grille est un format de grille simple des informations de mise en page du plan de travail, alors que le mode Flux préserve la mise en page et son architecture.

Pour passer au mode Grille, cliquez sur le nom du lien ou sur l’icône Grille  dans l’angle supérieur gauche. Pour basculer entre le mode Grille et le mode Flux, cliquez sur l’icône Flux  dans l’angle supérieur droit de l’écran. 

Mode Grille
Mode Grille
Mode Flux
Mode Flux

En mode Grille, vous pouvez :

  • Voir la représentation miniature de tous les écrans,
  • Voir le nombre de commentaires sur un plan de travail donné,
  • Rechercher un plan de travail spécifique par son nom,
  • Afficher les écrans liés d’un plan de travail donné.

En mode Flux, vous pouvez :

  • Communiquer la hiérarchie de conception et de mise en page, et
  • Survoler un plan de travail pour afficher ses plans de travail liés.

N’hésitez pas à partager vos commentaires sur la nouvelle expérience avec la voix utilisateur Adobe XD.

Vue Spécifications

La vue Spécifications affiche les détails du plan de travail, les couleurs, les styles de caractères et les cibles utilisés. Vous pouvez utiliser la flèche réductible pour développer et réduire chaque section.

Dans le panneau Propriétés, vous pouvez visualiser les éléments suivants :

  • Les détails du plan de travail, les couleurs uniques et les styles de caractères utilisés sur ce plan de travail, ainsi que le plan de travail cible auquel ils sont liés.
  • Les fragments de code CSS pour vos conceptions que les développeurs peuvent copier-coller directement dans leur code.
  • Les instances où les couleurs et les styles de caractère ont été utilisés lorsque vous les survolez avec le pointeur.
  • Les codes de couleurs hexadécimales et les étiquettes personnalisées pour les couleurs utilisées dans le plan de travail.
  • Les détails des différentes interactions telles que les transitions, les superpositions, les interactions vocales et les animations automatiques. 
  • Les commentaires liés au plan de travail. 

Au bas de l’écran, vous trouverez des touches fléchées et une icône d’accueil. La flèche vers la gauche renvoie au plan de travail précédent, la flèche vers la droite au plan de travail suivant, et l’icône Accueil au plan de travail d’accueil.

Pour connaître les raccourcis clavier spécifiques aux spécifications techniques, consultez la section Raccourcis clavier.

Remarque :

Vous ne pouvez afficher les étiquettes personnalisées que si le designer a attribué des noms aux étiquettes de couleur dans le panneau Actifs.

Vue Spécifications
Vue Spécifications

Ce produit est distribué sous licence Creative Commons Attribution - Pas d’utilisation commerciale - Partage à l’identique 3.0 non transposé  Les publications Twitter™ et Facebook ne sont pas couvertes par les dispositions Creative Commons.

Mentions légales   |   Politique de confidentialité en ligne