$ 35.00

Tuto Formation complète sur Adobe XD avec XD, UX

$ 35.00

  • Une formation vidéo de 5h49m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

Cette série de tutoriels en vidéo est une formation complète sur le fonctionnement du logiciel Adobe XD
Ce n’est pas un cours sur le web design ou le design d’applications, bien que des notions y soient évidement évoquées, notamment lors de la réalisation d’une partie d’une application qui va nous servir de fil rouge tout au long de ce cours.

Adobe XD permet la création et le prototypage de design d'interfaces utilisateur pour les sites web et les applications mobiles. Il permet aussi le partage de ces prototypes avec les parties prenantes et les équipes de développement.

Cette formation en vidéo de plus de 5H concerne à la fois les débutants et les initiés.

Il est préférable au préalable, mais pas nécessaire, d’avoir des notions en web design ou en design d’application. Une connaissance du système Adobe sera la bienvenue mais là aussi ce n’est pas un pré-requis obligatoire.
XD est un logiciel qui est mis à jour tous les mois. La dernière version utilisée est la version XD 11, mais comme XD dispose d’une version gratuite, vous pourrez facilement mettre à jour votre version si vous n’avez pas la même que moi.
 

Au programme de cette formation complète Adobe XD

Nous aborderons les points suivants :

  • Découverte du logiciel : comment installer le logiciel, découvrir son interface et comprendre les plans de travail.
  • Le mode Design : nous verrons comment créer des objets primitifs et comment utiliser la plume. Nous verrons comment manipuler et transformer des éléments, pour notamment modifier leur apparences. Pour gagner du temps nous verrons comment utiliser les kits utilisateurs. XD est capable d'ouvrir des documents issus d'autres logiciels de design. Nous verrons ainsi, comment ouvrir un fichier Photoshop ou Sketch.
    Ensuite nous enchainerons avec d'autres notions à connaître comme : les masques, les grilles de répétition, les actifs. Nous terminerons avec les exportations.
  • Le mode Prototype : Nous verrons comment utiliser ce mode prototype d'XD. Comment relier vos plans de travails, comment gérer les transitions, comment utiliser les incrustations ou comment fixer un éléments dans XD. Enfin, nous terminerons avec l'aperçu de votre prototype sur votre écran et dans l'application mobile XD.
  • Publication : nous verrons comment publier votre projet en ligne au travers d'un lien public ou privé. Nous verrons comment fonctionnent les commentaires et comment protéger votre projet par mot de passe.

Toutes les notions sont détaillées dans la table des matières du cours.

Pour réaliser nos exercices, des fichiers sources vous seront bien évidement fournis.
Un QCM est fourni et je reste disponible pour répondre à vos éventuelles questions.

A la fin de cette formation vous saurez utiliser Adobe XD ce qui vous permettra de réaliser vos propres Designs et prototypes. Vous saurez aussi partager ces prototypes avec les parties prenantes et avec votre équipe de développement.

Table des matières de cette formation XD, UX (durée : 5h49m)

  • Introduction
    • Introduction 00:02:17
    • Préambule 00:03:18
    • Comment installer Adobe XD 00:03:42
    • Présentation de l'exercice 00:02:49
    • La page d'accueil 00:03:29
    • L'interface d'Adobe XD 00:03:48
  • Les plans de travail
    • Créer et transformer les plans de travail gratuit 00:09:12
    • L'apparence des plans de travail, grilles et défilement 00:08:03
    • Naviguer dans l'interface: Les outils main et zoom 00:02:56
    • Exercice partie 01 00:03:37
  • Créer et transformer des objets
    • Créer des objets primitifs (rectangles, ellipses, lignes) 00:06:09
    • Sélections et transformations 00:09:34
    • Copier des objets 00:02:15
    • Grouper des objets 00:09:56
    • L'outil plume 00:09:08
    • Exercice avec l'outil plume (pour les débutants) 00:04:09
    • Les opérations booléennes 00:05:00
    • Les alignements 00:06:44
    • Exercice partie 02 00:02:28
    • Couleurs, dégradés et nuancier 00:06:34
    • Les contours 00:04:43
    • Ombre, flou et coller l'aspect 00:07:35
    • Aligner sur la grille de pixels 00:06:29
    • Redimensionnements réactifs 00:05:25
  • Importer et ouvrir
    • Importer dans Adobe XD 00:08:50
    • Importer depuis les bibliothèques Creative Cloud 00:05:05
    • Ouvrir un format Photoshop (.psd) 00:02:56
    • Ouvrir un format Sketch (.sketch) 00:01:04
    • Les kits utilisateurs 00:05:29
    • Exercice partie 04 00:03:07
  • Le texte, création et formatage
    • Créer du texte 00:07:34
    • Formater le texte 00:06:47
    • Exercice partie 05 00:02:24
    • Correction orthographique 00:00:52
  • Masques et grilles de répétitions
    • Masquer avec une forme 00:07:56
    • Les grilles de répétition partie 01 00:07:23
    • Les grilles de répétition Partie 02 00:05:32
  • Les actifs
    • Les symboles 00:09:53
    • Les symboles dans les grilles de répétition 00:03:16
    • Les styles de caractères 00:07:16
    • Les couleurs dans les actifs 00:09:48
    • Exercice partie 06 00:09:43
    • Exercice partie 07 00:08:11
    • Exercice partie 08 00:06:58
    • Exercice partie 09 00:09:53
  • Prototypages - Publications - Exportations
    • Prototype et liens basiques 00:09:16
    • Prototype avancé 00:05:17
    • Les incrustations 00:07:14
    • Exercice partie 10 00:05:02
    • Exercice partie 11 00:07:37
    • L'application XD 00:05:11
    • Publication des prototypes 00:06:10
    • Commenter les publications 00:03:56
    • Publication des spécifications techniques 00:07:43
    • Exporter sur Zeplin 00:03:08
    • Transitions minutées 00:03:56
  • Conclusion
    • Conclusion 00:00:21
  • Mise à jour Octobre 2018
    • Liste des mises à jour 00:03:10
    • La page d'accueil 00:01:55
    • Ouvrir un format Illustrator et exporter vers After Effects 00:02:14
    • Plug-ins 00:03:46
    • Symboles liés 00:02:42
    • Animations automatiques et nouveau rythmes 00:11:38



Formateur : Emmanuel Correia

Emmanuel Correia a publié 9 tutoriels et obtenu une note moyenne de 4,9/5 sur 2 711 tutoriels vendus. Voir les autres formations de Emmanuel Correia

  • Avec quelles versions de logiciels ce tuto est-il compatible ?
    XD , UX
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
  • Que contient le fichier source ?
    Le fichier source contient les éléments nécessaire à la réalisation de l'exercice du cours. Il contient aussi un .pdf des liens cités dans les vidéos.
  • Pc ou Mac ?
    Le fonctionnement d'Adobe Xd entre les deux systèmes est identique. Seule l'interface change quelque peu.
accédez à plus de 1155 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données