Pour obtenir un récapitulatif des fonctionnalités introduites dans les versions antérieures d’Adobe XD, reportez-vous à la section Résumé des fonctionnalités | Versions antérieures.
Adobe XD est un outil vectoriel permettant le design et le prototypage d’interfaces utilisateur pour le web et les applications mobiles. Basculez facilement entre la maquette fonctionnelle (wireframe), le design visuel, le design d’interactions, le prototypage, l’aperçu et le partage, le tout dans un même outil très puissant.
XD est fait pour tous les types de créateurs : designers UX/UI, designers d’interaction, designers d’expérience, designers produit, webdesigners, designers d’applications, designers visuels, entrepreneurs, etc.
La version de mars 2019 d’Adobe XD inclut les nouvelles fonctionnalités suivantes :
- Résolution des problèmes de polices manquantes
- Prise en charge du mouvements par glisser dans les navigateurs web
Les améliorations incluent :
.png "Activation depuis Adobe Fonts")
La dernière version d’Adobe XD apporte une simplification du chargement des polices manquant à partir de la Bibliothèque Adobe Fonts ainsi que de la gestion des polices ne provenant pas d’Adobe : ces actions se font désormais directement depuis l’application.
Pour vous garantir une utilisation simple et efficace des polices Adobe, XD active automatiquement les polices manquantes disponibles dans la Bibliothèque Adobe Fonts sur votre ordinateur sans votre intervention.
Lorsque vous êtes en ligne et que vous ouvrez un document contenant des polices manquantes disponibles dans Adobe Fonts (auquel vous avez accès via votre abonnement Creative Cloud), XD les active automatiquement sur votre ordinateur.
Les polices activées à partir d’Adobe Fonts sont marquées d’une icône d’activation bleue. Dès qu’elles sont prêtes à être utilisées, elles sont disponibles dans votre document sans que vous ayez à faire quoi que ce soit.
A. Polices manquantes B. Activation de polices
Pour plus d’informations, reportez-vous à la section Gestion des actifs et des symboles.
Vous pouvez maintenant expérimenter de manière optimale le comportement de vos prototypes si vous avez conçu ceux-ci pour des effets de glissement lors de la visualisation ou du partage sur le Web. Dans les versions précédentes, les mouvements par glisser étaient pris en charge sur les applications de bureau mais étaient désactivés par défaut sur le Web. Avec cette mise à jour, vous pouvez aussi déplacer vos prototypes en les faisant glisser sur un navigateur Web.
Pour plus d’informations, reportez-vous à la section Création de prototypes à l’aide de l’animation automatique.
Vous pouvez maintenant copier le contenu vectoriel XD vers votre presse-papiers, puis le coller en tant que calques modifiables dans Adobe Illustrator. Dans les versions précédentes, Illustrator ne prenait en charge que le copier/coller d’images aplaties à partir de XD. La fonctionnalité a été mise à niveau pour évoluer vers un transfert vectoriel basé sur le format SVG.
Cette fonctionnalité est compatible avec Illustrator version 23.0.2 ou ultérieure.
Pour en savoir plus, reportez-vous à la section Utilisation d’actifs externes.
Vous pouvez désormais définir la visibilité des contrôles de pagination et de navigation de vos prototypes Web afin de créer un environnement plus contrôlé pour les utilisateurs devant tester vos prototypes.
Vous pouvez activer ou désactiver l’option Afficher les contrôles de navigation sous Partager. Si les contrôles sont :
- activés (réglage par défaut) : l’application Web du prototype affiche les mêmes boutons Accueil, Retour et Suivant ;
- désactivés : les contrôles de navigation de l’application Web du prototype ainsi que les numéros des plans de travail ne sont pas visibles. Vous pouvez utiliser les zones réactives définies pour interagir avec des prototypes et accéder à l’écran d’accueil en cliquent sur le bouton Accueil. Lorsque vous ouvrez le lien d’un prototype sur un appareil mobile, vous pouvez afficher l’écran d’intégration, les chevrons gauche/droit sont masqués et le balayage est désactivé.
Si les flux de prototypes comportent des liens, vous pouvez également choisir d’afficher les contrôles de navigation lors de la publication de vos prototypes.
Remarque :
Si vous souhaitez profiter de cette nouvelle fonctionnalité pour vos liens existants, republiez votre prototype en désactivant l’option Afficher les contrôles de navigation.
Pour plus d’informations, consultez la section Partage de prototypes, spécifications techniques et documents en ligne.
Vous pouvez sélectionner n’importe quel objet du canevas et le marquer pour l’exportation en cliquant sur la nouvelle case à cocher Marquer pour exportation dans l’inspecteur propriétés ou en cliquant sur le bouton droit et en le sélectionnant dans le menu.
À partir de cette version, toutes les images bitmap importées dans XD sont automatiquement marquées pour l’exportation. Lorsque vous importez ou ouvrez un document Illustrator ou Photoshop comportant des images, XD sélectionne automatiquement toutes les images bitmap pour exportation.
Vous pouvez sélectionner Fichier > Exporter > Lot pour exporter tous les calques marqués pour l’exportation, ou sélectionner Partager > Partager pour développement et inclure des actifs dans les spécifications de conception.
Remarque :
L’option Sélectionner pour l’exportation par lots s’appelle désormais Sélectionner pour exportation.
Pour en savoir plus, reportez-vous à la section Exporter, télécharger et publier des actifs à partir de spécifications techniques.
XD a amélioré l’outil de sélection et ainsi considérablement augmenté l’efficacité de la sélection des contenus se trouvant dans des groupes différents. Vous pouvez sélectionner des objets dans plusieurs groupes différents de votre canevas à l’aide des commandes Cmd/Ctrl + Maj + Clic, et ce quels que soient les groupes dont ils font partie. Une fois le contenu sélectionné, vous pouvez facilement modifier ses attributs communs dans l’Inspecteur propriétés. Vous pouvez le dupliquer en maintenant la touche Alt enfoncée tout en le déplaçant, ou en utilisant Cmd/Ctrl + D.
Pour en savoir plus, reportez-vous à la section Regroupement, verrouillage, duplication, copie et retournement d’objets.
L’intégration d’Adobe XD à Jira facilite la collaboration entre les designers et les développeurs en leur fournissant un accès direct aux prototypes XD partagés et aux spécifications de conception depuis un problème répertorié dans Jira.
La nouvelle prise en charge de Jira Software Server et de Jira Software Data Center offre ces avantages aux entreprises qui recherchent une solution personnalisée et ont des exigences particulières en matière de gestion des données. Pour en savoir plus sur la manière dont les administrateurs Jira peuvent activer l’intégration, reportez-vous à la sectionIntégration de Jira pour XD.
La version de février 2019 d’Adobe XD inclut les améliorations de fonctionnalités existantes suivantes :
- Enregistrement des interactions avec narration audio
- Le raccourci vers la pipette facilite le changement de couleur
- Composants utilitaires de navigation dans les spécifications de prototype et de conception
- Améliorations de l'interface utilisateur en matière de basculement entre partage public et privé
Adobe XD offre désormais la possibilité d’ajouter une narration à l’aide de votre microphone lorsque vous enregistrez une interaction d’aperçu du bureau. Lorsque vous cliquez, toute une narration vocale est également incluse dans l’enregistrement. Ceci est particulièrement utile pour guider un client dans l’application à distance sans être physiquement présent avec le client ou la partie prenante.
Bien que cette fonctionnalité était accessible aux utilisateurs de Windows via un contrôle au niveau du système d'exploitation dans Gamecenter, cette nouvelle fonctionnalité est également disponible pour les utilisateurs de Mac.
Pour plus d’informations sur la manière d’enregistrer des interactions vocales et de les ajouter à votre narration, voir Ajouter une narration vocale à un prototype.
Adobe XD propose un raccourci pour la pipette qui facilite la modification des couleurs des objets. Sélectionnez l'objet ou le groupe d'objets dont vous souhaitez modifier la couleur et appuyez sur la touche i du clavier pour charger le curseur pipette et sélectionner la couleur de votre choix sur le canevas de dessin pour modifier la couleur d’un objet. Le sélecteur de couleurs vous permet de sélectionner uniquement des couleurs absolues ; vous ne pouvez pas utiliser cet outil pour sélectionner des dégradés linéaires ou radiaux.
Pour plus d'informations sur l'utilisation du raccourci de l'outil pipette, voir Raccourcis clavier dans XD.
Lors de l'accès à des prototypes ou des spécifications techniques XD publiés sur le Web, vous disposez d'une expérience unifiée pour accéder aux contrôles utilitaires de navigation. Cela garantit une expérience unifiée lorsque vous interagissez avec d'autres applications Web Adobe.
A. Assistance technique et commentaires B. Notifications C. Profil d’utilisateur
Pour plus d'informations, voir Travailler avec des prototypes dans XD.
Pour améliorer la visibilité et l’utilisation de la fonction Partager et ses flux de travail, XD propose les options suivantes pour partager un prototype.
- Toute personne disposant du lien peut consulter le document
- Seules les personnes invitées peuvent consulter le document
Pour plus d'informations, voir Partage de designs et de prototypes intégrés.
Les publications Twitter™ et Facebook ne sont pas couvertes par les dispositions Creative Commons.