Creative Connection

23 janvier 2018 /Mises à jour /

Vos feedbacks améliorent Adobe XD (mise à jour de janvier 2018)

L’année 2018 commence bien. Nous avons le plaisir d’annoncer la publication d’un grand nombre des fonctionnalités que vous aviez demandées, comme :

  • l’utilisation de XD avec d’autres outils de prototypage et d’échange
  • le passage d’un mode colorimétrique à un autre
  • l’application de dégradés radiaux
  • l’exportation d’objets par lots

Retrouvez-nous sur Adobe Live du 23 au 25 janvier, chaque jour à partir de 18h : les meilleurs UX designers vous montreront comment utiliser ces nouvelles fonctionnalités d’Adobe XD.

Intégration avec des workflows tiers

L’importation de vos créations XD dans les principaux outils de prototypage et d’échange est l’une des fonctionnalités les plus demandées. Nous vous avons écoutés, et sommes ravis d’annoncer que XD fonctionne désormais avec Zeplin, Avocode, Sympli, ProtoPie et Kite Compositor. Ainsi, vous pouvez commencer vos projets dans XD, puis les importer dans votre outil favori pour accélérer les échanges avec les développeurs et créer des animations sophistiquées. Ces intégrations ne sont disponibles que sur Mac pour l’instant. Si vous utilisez Windows, n’hésitez pas à nous dire avec quels outils vous souhaiteriez une intégration !

Des performances hors pair pour les fichiers volumineux

L’un des principes clés de XD est de privilégier la qualité plutôt que les raccourcis. Nous mettons donc tout en œuvre pour que XD reste aussi léger et rapide que possible. En effet, quel que soit le nombre de nouveautés ajoutées, nous savons qu’elles ne serviront à rien si vous ne pouvez pas travailler en mode itératif. Dans cette version, nous avons considérablement amélioré les performances de zoom. Ainsi, vous pouvez maintenant effectuer instantanément des zooms avant et arrière sur des milliers de plans de travail à la fois. Le résultat en vidéo :

Prévisualisation des fichiers XD dans Dropbox

Nous avons le plaisir d’annoncer que vous pouvez désormais prévisualiser les fichiers XD enregistrés dans Dropbox. Il est possible d’afficher le premier plan de travail dans l’aperçu sans télécharger le fichier XD. Cliquez ici pour en savoir plus.

Passage d’un mode colorimétrique à un autre (HEX, RVB et TSL)

Cette version permet d’alterner entre trois modes colorimétriques courants (HEX, RVB et TSL) depuis le menu déroulant du sélecteur de couleurs. Auparavant, seul le code HEX ou la valeur TSL était disponible dans le sélecteur de couleurs. Grâce à cette nouvelle fonctionnalité, vous pouvez communiquer efficacement vos choix de couleurs aux équipes de design et de développement. Autrement dit, vous pouvez facilement utiliser XD avec d’autres outils de création de Creative Cloud, comme Photoshop, Illustrator et InDesign, qui prennent en charge les modes HEX, RVB et TSL.

Dégradés radiaux

En matière de design, la couleur joue un rôle déterminant dans le succès d’un produit. Nous avons constaté que les effets multichromes participaient fortement au design moderne. Nous avons donc introduit des dégradés radiaux pour vous permettre de créer des effets chromatiques originaux en simulant une source de lumière ou en appliquant des motifs circulaires. Vous pouvez ainsi ajouter, supprimer et manipuler les étapes du dégradé via la même interface intuitive que pour les dégradés linéaires.

Optimisation de Design Specs (Beta)

Nous avons apporté à Design Specs (Beta) quelques améliorations de navigation, notamment en facilitant la lecture des mesures lors de l’inspection des spécifications techniques. Par ailleurs, des fonctions d’accessibilité via le clavier ont été ajoutées. Ainsi, vous pouvez utiliser la touche de tabulation pour la navigation, et les touches +/- pour les zooms avant et arrière au sein du navigateur.

Nous continuons d’améliorer et d’enrichir Design Specs (Beta). Ne manquez pas les prochaines mises à jour.

Affichage à 100 % des plans de travail en plein écran

Lors du partage de vos prototypes, les designs sont désormais affichés en taille réelle en mode plein écran, au lieu d’être adaptés aux dimensions de l’écran. Cette fonctionnalité est particulièrement utile pour le web design lorsqu’il est impossible de prévoir la taille de l’aire d’affichage d’un réviseur. En taille réelle, le prototype défilera automatiquement lorsque des parties du design ne seront pas visibles.

Cependant, bien que les plans de travail changent d’échelle en mode plein écran, ils sont toujours redimensionnés à la taille de l’écran en mode standard. À l’avenir, nous prévoyons de proposer des options de mise à l’échelle au stade de la publication.

Exportation par lots

Vous pouvez désormais exporter des objets par lots, alors qu’auparavant il fallait les sélectionner manuellement avant chaque exportation. Cette fonctionnalité facilite l’identification et l’exportation des contenus. Elle s’avère particulièrement utile pour exporter des données vers des outils tiers ou pour les partager avec les développeurs. Il suffit de marquer les objets via un clic droit dans le panneau Calques ou en choisissant « Traitement par lots » dans Fichier > Exporter.

———————————

Pour obtenir la dernière mise à jour d’Adobe XD, vous pouvez télécharger la version de janvier ici ou depuis votre application Creative Cloud. Si la dernière version de XD n’est pas disponible dans votre application Creative Cloud, consultez ce guide.

La communauté UX

Suivez-nous (@AdobeXD / @AdobeFrance) pour rester au fait de l’actualité ou contactez l’équipe sur Twitter via #AdobeXD. Retrouvez également l’équipe Adobe XD sur Facebook, où elle partage des vidéos et informations sur les mises à jour, et répond à vos questions dans le cadre de sessions en direct.

Pour recevoir des insights sur l’UX directement par e-mail, inscrivez-vous à la newsletter d’Adobe consacrée au design d’expérience !

#MadeWithAdobeXD

Si vous partagez vos prototypes sur Behance, pensez à les identifier avec le hashtag #MadeWithAdobeXD et à sélectionner Adobe XD dans les « Outils utilisés ». Vous aurez peut-être la chance de figurer dans la newsletter d’Adobe XD !

Mises à jour

Participez à la discussion