Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Devenez un pro d'Adobe XD
Highest Rated
Rating: 4.5 out of 5(22 ratings)
76 students

Devenez un pro d'Adobe XD

Comment devenir un pro d'Adobe XD en moins d'une journée
Last updated 1/2019
French

What you'll learn

  • utiliser Adobe XD
  • Faire du webdesign
  • Créer un prototype d'application
  • Créer un prototype de site web
  • Partager son webdesign
  • Aller plus loin avec Adobe XD

Course content

3 sections12 lectures1h 24m total length
  • Introduction2:58

    Découvrez les grandes lignes de la formation dans cette petite introduction.

    À quoi sert Adobe XD ? 

    Quels sont les différences avec Photoshop ou Illustrator ?

    Quel sera le plan de la formation ?

    C'est parti, vous allez apprendre pleins de choses !

  • Installer Adobe XD0:55

    Installons ensemble Adobe XD sur votre mac ou votre PC gratuitement.

  • L'interface d'Adobe XD2:02

    À la fin de cette vidéo, les panneaux "Design" et "Prototype" n'auront plus de secrets pour vous.

  • Créons nos premiers écrans13:48

    Dans cette vidéo, nous attaquons notre premier projet concret.

    Nous créons nos premiers éléments d'interfaces, les premières grilles de répétitions.

    Pour vous entrainer, n'hésitez pas à télécharger le fichier utilisé dans cette vidéo ci-joint.

  • Pathfinder et grilles de répétitions7:53

    Le Pathfinder et les grilles de répétitions permettent de donner toute son importance à Adobe XD dans un flux de création.

    Pour vous entrainer, n'hésitez pas à télécharger le fichier utilisé dans cette vidéo ci-joint.

  • Prototypage et aperçu sur appareil7:48

    Il est temps d'animer notre application pour la tester sur nos différents appareils.

    Pour vous entrainer, télécharger les fichiers utilisés dans cette vidéo ci-joint.

  • Partagez avec votre client6:17

    Découvrez comment partager vos prototypes avec votre client selon deux moyens :

    - L'enregistrement de vidéos

    - La création d'un site web de présentation du prototype

    Pour vous entrainer, n'hésitez pas à télécharger le fichier Adobe XD utilisé dans cette vidéo ci-joint.

  • Exportez rapidement vos assets dans Adobe XD6:07

    Exportez vos assets directement depuis Adobe XD pour réaliser rapidement votre intégration ou les partagez avec vos intégrateurs HTML/CSS.

    Pour vous entrainer, n'hésitez pas à télécharger le fichier Adobe XD utilisé dans cette vidéo ci-joint.

Requirements

  • Aucune

Description

Adobe XD est le logiciel que j'attendais !


Ce logiciel de prototyping a été une révélation pour moi.

Auparavant, nous échangions des fichiers JPG avec nos clients. Cela excluait toute discussion sur le scénario ou les animations. 

Adobe nous a donné la brique logicielle qui manquait au workflow de création d'une entreprise comme la mienne. 

Sans exploser les coûts, nous allions enfin pouvoir échanger avec nos clients sur trois points essentiels :

- Le design 

- Le scénario d'utilisation de leur application

- les animations


Que comprend cette formation à Adobe XD ?

Cette formation se découpe en trois modules :


Module 1

À quoi sert Adobe XD ?

Comment l'utiliser ?

Comment gagner du temps ?


Je vous donne toutes les réponses à ces questions dans ce premier module, grâce à plusieurs vidéos :

  • Introduction

  • Installez Adobe XD

  • Découvrez l'interface d'Adobe XD

  • Créez vos premiers écrans simples

  • Découvrez le pathfinder et les grilles de répétitions (là, vous allez vraiment découvrir que ce logiciel est dingue !)

  • Réalisez votre premier prototype en ajoutant des liens et des transitions entre vos pages

  • Partagez votre projet avec votre client. Recueillez très rapidement ses remarques pour ne pas perdre de temps. Et le temps, c'est de l'argent.

  • Exploitez votre projet en production grâce aux fonctions d'export

À la fin de ce module, vous serez autonome sur Adobe XD et vous aurez la possibilité de créez et partagez vos premiers prototypes.

En bonus, vous aurez accès à tous les fichiers utilisés dans ce module. 

De quoi découvrir les détails de ma méthode et avoir une base pour démarrer vos propres projets.

La prochaine étape, c'est de se perfectionner et de découvrir toutes les fonctionnalités les plus puissantes d'Adobe XD. C'est le but du second module.


Module 2

Cette fois-ci, découvrez toute la puissance d'Adobe XD :


  • Créez des écrans responsives directement dans Adobe XD

  • Créez des micro-animations directement dans Adobe XD

  • Ajoutez des déclenchements à la voix grâce à Amazon Alexa

  • Faites parler votre application avec Amazon Alexa

  • Gagnez du temps en réutilisant vos symboles et vos éléments dans tous vos projets

À la fin de ce deuxième module, vous serez devenu un utilisateur averti d'Adobe XD, capable de l'utiliser dans son intégralité.


En bonus, Je vous donne accès à tous les fichiers utilisés dans ce module ainsi qu'à d'autres fichiers utiles commes des Kits UI.

Vous allez maintenant pouvoir utiliser Adobe XD avec tous les logiciels qui viennent se connecter. Et c'est ce qu'on va voir tout de suite dans le troisième module.


Module 3

  • Exportez vos animations dans Adobe After Effects et ajoutez-les dans votre Showreel

  • Découvrez les plugins associés à Adobe XD

Who this course is for:

  • Infographiste
  • Graphiste
  • développeur
  • intégrateur front-end
  • intégrateur back-end