Sommaire
Les vidéo ci-dessous sont issus de formation provenant du site Tuto.com, vous trouverez le lien de chaque formation sous les vidéos. L’objectif de cet article est de vous présenter l’interface ainsi que les bonnes pratiques du logiciel Adobe XD.
XD est un logiciel gratuit qui vous permet de designer des interfaces, sites internet et applications en toute simplicité. Ce logiciel met l’accent sur le prototypage.
XD s’améliore de jour en jour avec de nouvelles fonctionnalités, par exemple avec un outil de prototypage vocal très intéressant, cet outil présente de nombreux avantages comme par exemple permettre à votre équipe de travailler en collaboration sur la même maquette en temps réel.
Tuto Adobe XD – L’interface
Interface présenté par Emmanuel Correia depuis la formation Tuto Formation complète sur XD.
Introduction au logiciel Adobe XD
Le processus de conception avec Adobe XD est plus confortable par rapport à d’autres outils. Il existe de nombreux modèles et tailles de tableaux prédéfinis disponibles dans XD.
Vous pouvez choisir celui que vous souhaitez utiliser pour la conception, ou vous pouvez définir la taille du tableau d’affichage en fonction de vos besoins. Le tableau de bord est disponible pour différents appareils, tels qu’Android, iPhone, Ipad et autres tablettes/appareils.
Je vous laisse découvrir la vidéo de Joan Haegele qui vous expliquera comment débuter sur Adobe XD.
Vidéo extraite de la formation Tuto Débuter sur Adobe XD [Pratique].
Avantages de l’utilisation de XD
Navigation entre les tableaux
Vous pouvez facilement naviguer entre les différents tableaux tout en comparant avec les autres outils. Vous pouvez utiliser l’outil manuel pour cela ou en tenant la barre d’espacement.
Importation de fichiers vectoriels
Dans Adobe XD, vous pouvez facilement importer les fichiers vectoriels. Cela vous aidera à importer les fichiers qui sont conçus à l’aide des autres outils de conception.
Exportation de tableaux
Vous pouvez exporter le tableau pour les différents formats, ce qui vous permet d’insérer directement l’interface utilisateur. Vous avez également la possibilité d’exporter sur le web.
Plugins
De nombreux plugins seront disponibles dans Adobe XD pour différents types d’utilisation.
Création de prototypes
Le prototypage vous permet de connaître le résultat final du projet sans y relier l’arrière-plan.
Il s’agit d’un logiciel spécialement conçu pour la conception d’interfaces utilisateur et de montages électroniques. Cela permet de mettre en place un processus énorme pour créer une bonne expérience utilisateur et vous aide à concevoir une bonne interface utilisateur.
Envie d’aller plus loin ? Retrouvez des tuto Adobe XD sur la plateforme pour poursuivre votre apprentissage.
Moi aussi, j’utilise Adobe XD
Cela fait presque trois ans que j’ai complètement changé mon processus de conception. Lorsque j’ai commencé à créer des interfaces, mon processus de conception était presque inexistant. Et il n’était certainement pas axé sur l’expérience de l’utilisateur.
Lorsque je recevais une demande de maquette, je concevais à l’aide de Photoshop (à l’ancienne).
Je détestais vraiment travailler sur Photoshop pour concevoir des maquettes web parce que cela me semblait maladroit, manuel et fastidieux. Combien d’heures ai-je perdu à mettre à jour calque après calque ?
Supposons que je veuille changer un bouton à un endroit, alors je devrais le changer sur chaque diapositive sur laquelle il a été utilisé et le remplacer.
Ce n’est pas efficace, et je ne me concentrais pas sur l’utilisateur. Je me concentrais sur la façon de concevoir les maquettes, parce que la conception dans Photoshop était si longue. En plus de cela, je ne pouvais pas considérer l’expérience dans son ensemble. Je ne pouvais voir les diapositives que de manière linéaire.
Dans ma frustration, j’ai cherché une nouvelle façon de concevoir. J’ai téléchargé Adobe XD à sa sortie, et je suis devenu accro.
Conclusion
Adobe XD est un outil qui vous aide à concevoir une bonne interface utilisateur et une bonne expérience utilisateur, car une bonne interface utilisateur contribue également au succès du produit. Les développeurs peuvent l’utiliser pour la conception et le prototypage afin de voir le résultat final de leur produit.
