Tutoriels

Concevez une maquette graphique et interactive avec Adobe XD

De 12 février 2019 avril 2nd, 2019 0 Commentaire

Dans ce tutoriel vidéo, vous allez apprendre à créer de A à Z une maquette graphique et interactive pour une application mobile (ou un site web) avec Adobe XD. Et vous verrez c’est très facile !

Le logiciel Adobe XD est désormais gratuit et il fait de plus en plus d’ombre à son concurrent Sketch car il s’améliore en continu ! Adobe publie en effet chaque mois une nouvelle version prenant en compte les besoins des utilisateurs et des fonctionnalités supplémentaires.

Découvrez l’interface d’Adobe XD

Créez votre première page

Ajoutez les éléments UI de base

Au moment où j’ai enregistré ce tutoriel, les kits d’interface étaient accessibles directement depuis Adobe XD. Ce n’est aujourd’hui plus le cas, mais ne vous inquiétez pas, ils sont toujours disponibles au téléchargement ! Lorsque vous cliquez sur les liens des kits d’interfaces, vous serez redirigé sur un site web pour les télécharger.

Conservez une ligne graphique

Utilisez la grille de répétition

Passez en mode prototype

Définissez un chemin de navigation

Intégrez la notion d’usabilité

Testez votre produit en direct

Partagez votre prototype

Auteur : Laurène Castor
Plateforme : OpenClassrooms
Licence CC-BY-SA