adobe XD
19 février 2021

Adobe XD : les nouveautés 2021

Partager l'article

Développé il y a cinq ans par Adobe et intégré à sa Creative Suite, Adobe XD se veut, avant tout, un outil de conception d'expérience utilisateur. Particulièrement adapté pour le webdesign, il permet de concevoir des maquettes de sites Web et des prototypes d'interface pour les applications mobiles. Pour 2021, ce logiciel met l'accent sur le collaboratif, la 3D et bien d'autres améliorations !


On ne le présente plus ! Challenger de Sketch et de Figma, Adobe XD est sans doute l'un des outils les plus en vue pour le webdesign. Que ce soit pour la conception d'une maquette d'un site Web ou celle d'une application, le logiciel offre un large éventail de possibilités tout en restant relativement bien pensé dans son ergonomie. Depuis ses débuts en mars 2016, ce logiciel de conception Web orienté UI et UX design n'a cessé de s'étoffer. Proposé dans un premier temps en version gratuite, il dispose désormais d'une formule payante intégrant des fonctionnalités avancées, en particulier, collaboratives. Et c'était bien là le principal défaut d'Adobe XD alors que ses concurrents avaient déjà un train d'avance ! Depuis près de deux ans, le groupe américain a mis un coup d'accélérateur afin de rattraper son retard.

Améliorer la collaboration

Le partage des maquettes réalisées sous Adobe XD franchit un nouveau cap ! La grande force de la Creative Suite d’Adobe réside dans sa complémentarité avec les différents logiciels de la suite favorisant la créativité et la productivité. Il est désormais possible d’avoir accès à l’ensemble des fichiers relatifs à un même projet directement par le biais de Creative Cloud (le Cloud d’Adobe) et de les importer dans Adobe XD. Cette fonctionnalité renforce ainsi l’aspect collaboratif d’Adobe XD aux spécificités de la collaboration Web.

Des blocs mieux gérés

Pour 2021, l’application se dote d’une meilleure gestion des blocs. D’abord avec le nouvel outil piles (ou Stacks) qui octroie la possibilité de gérer l’ordre des blocs verticaux et horizontaux tout en conservant les alignements et espacements, ce qui facilite d’autant plus, la mise en page. Quant à la fonctionnalité Smart Padding, elle permet de contrôler et d’ajuster automatiquement les marges au sein d’un groupe de blocs. Malin et efficace puisqu’elle augmente significativement la productivité par un gain de temps dans la modification et l’optimisation d’interfaces complexes. À noter que l’application mobile Adobe XD se dote de nouvelles fonctionnalités d’affichage permettant de prévisualiser les prototypes directement et d’adapter la mise à l’échelle pour qu’il puisse s’adapter à n’importe quel écran.

Encore plus de 3D et plus d’animations !


Adobe poursuit sa logique d’intégration d’outils 3D dans Adobe XD. Sa principale nouveauté en ce début d’année, l’apparition de l’outil transformation 3D qui permet de visualiser votre interface 2D dans un environnement 3D. Une fonctionnalité pas si anecdotique au vu de l’apparition de nouvelle génération d’interface Web encore balbutiante, mais surtout destinée aux applications utilisant la réalité augmentée notamment sur mobile. S’inscrivant dans la continuité, l’outil Auto-Animate permettra d’animer les valeurs des tirets et des espaces d’un contour afin de créer des animations de bordures et de lignes plus complexes.
Adobe poursuit sa logique d’intégration de fonctionnalités clés, rattrapant progressivement son retard par rapport à des outils phares tels que Sketch et Figma, les concurrençant désormais sérieusement de par sa simplicité de prise en main et son ergonomie.
 

Nos dernières formations WebDesign

Atelier Figma - Design d'application
Découvrir

Atelier Figma - Design d'application

A l'issue de cette formation vous serez en mesure de designer et vos propres interfaces, créer des composants réutilisables, créer des styles de couleurs et de texte, créer des prototypes, et utiliser les ressources de la communauté Figma. Vous serez autonome dans la création de vos projets d'interfaces sur Figma !
3h08 42 vidéos 5 / 5
Apprendre Adobe XD - Les fondamentaux
Découvrir

Apprendre Adobe XD - Les fondamentaux

Maîtriser Adobe XD pour le design et le prototypage d'interfaces intéractives.
3h42 56 vidéos 5 / 5
Apprendre les tendances graphiques en Webdesign
Découvrir

Apprendre les tendances graphiques en Webdesign

Apprendre et comprendre les principales tendances graphiques en Webdesign
1h55 21 vidéos 4 / 5
Atelier Sketch 3
Découvrir

Atelier Sketch 3

Atelier de création d'une maquette web avec le logiciel Sketch 3
1h48 13 vidéos
Apprendre Sketch 3
Découvrir

Apprendre Sketch 3

Débuter sur Sketch 3, l'outil de dessin vectoriel
0h53 18 vidéos
Apprendre le Responsive Design
Découvrir

Apprendre le Responsive Design

Apprendre à réaliser un site Responsive
4h28 35 vidéos
Partager l'article