Adobe Xd | Formation Complète Ux Designer

Le cours TOUT en 1 sur Adobe Xd et la création de prototypes. Web, Mobile, Montres connectées, 3D, UX, UI tout y est !

What you'll learn
Prendre en main Adobe XD
Créer des maquettes et des prototypes
Concevoir des interfaces Web et mobile
Trouver des couleurs, des visuels et créer un contenu harmonieux
Partir d'un croquis, passer par des spécifications, un wireframe et enfin aboutir à une maquette fonctionnelle
Faire du prototyping sous Adobe XD
Créer des animations et des transitions avec Adobe XD
Apprendre l'expérience utilisateur par la pratique au travers de projets concrets
Créer des outils et plugins pour Xd
Designer des applications tablettes, mobiles, montres
Créer une couverture de livre
Créer des prototypes de sites, logiciels, applis
Requirements
Vous n'avez pas besoin de connaissances particulières pour suivre ce cours
Il faut simplement avoir envie de découvrir Adobe XD
Si vous souhaitez apprendre par la pratique en créant des projets c'est le cours qu'il vous faut
Avoir envie d'enrichir son CV et ses références
Description
Vous souhaitez prendre en main ADOBE XD rapidement et par la pratique ? Votre objectif est de concevoir des prototypes ergonomiques et fonctionnels sous XD ? Alors ce cours complet est fait pour vous !Cette formation a été pensée pour vous rendre rapidement opérationnel sur de la conception de maquettes et de prototypes interactifs avec Adobe XD, l'outil de UX Design incontournable. XD est un outil impressionnant car très simple à prendre en main mais extrêmement puissant. A l'issue de ce cours vous serez en mesure de créer des prototypes interactifs poussés et de qualité. Adobe XD vous permet de créer des interfaces fonctionnelles proches du produit final.Ce cours tout en 1 vous permettra de monter en compétence rapidement avec XD. Cela vous ouvrira des portes dans le monde professionnel que vous recherchiez un CDI dans le secteur ou même vous lancer en freelance. Je partagerai d'ailleurs avec vous des conseils et astuces pour vous lancer en freelance et travailler en collaboration avec votre client pour répondre au mieux à son besoin.Le cours est découpé en plusieurs sections et exercices pratiques (basés sur des cas réels) :Une section sur la découverte des outils proposés par Adobe XD et leur utilisationUne section e sur la conception d'une maquette web type e-commerce Une partie sur l'amélioration de votre maquette et la création d'interactions (pour s'approcher d'un produit final)Une section complète sur un projet d'application mobileUn mini projet pour montre connectée à écran tactileUn topo sur l'UX design spécifique aux expériences 3D et à la réalité virtuelleDécouverte des principaux plugins pour ajouter des fonctionnalités à Adobe XDCréez votre propre plugin et vos propres outils pour XD !Vous découvrirez également de nombreuses astuces très pratiques :Trouver de superbes couleurs pour vos maquettesTrouver des icônes et des imagesInteragir avec des commandes vocalesFaciliter la vie des développeurs via de nombreuses astucesPartager vos prototypes Tester votre maquette sur mobileJe vous fournirai tous les fichiers d'exercice pour que vous puissiez suivre ce cours avec moi. Vous aurez accès aux fichiers .xd, à mes images, à ma palette de couleurs… L'ensemble des ressources sont accessibles en téléchargement. Des exercices vous permettront de tester vos connaissances et de créer encore plus de projets concrets et réels.Pourquoi choisir cette formation ?Les autres formations ne vous apprennent que les bases et vous lâchent dans la nature. Dans mon cours, on se base sur des projets réels et concrets. De plus nous étudions tous les types de projets possibles (Web, Mobile, logiciels, Montres connectées, 3D, Créer des outils pour Xd).Augmentez votre employabilitéDéveloppeur et ingénieur en informatique de formation, je suis habitué à intégrer des maquettes et prototypes. Je vous donnerai des astuces pour faciliter la vie des développeurs, facilité la collaboration avec les développeurs et je vous transmettrai des connaissances qui boosteront votre carrière. Tout ce que nous allons faire dans cette formation pourra être ajouté à votre CV / Portfolio.Une formation TOUT en 1 !Les autres formations sont découpées en plusieurs modules ou sous-formations vendues séparément. On vous force donc à assembler un cours par vous même. Ici non, tout y est, il s'agit d'une formation TOUT en 1 ou tout est abordé pour passer de débutant à confirmé. Si vous ne savez pas par où commencer, ne cherchez plus. Ce cours tout en 1 sur Adobe XD vous aidera à apprendre par la pratique et vous pourrez ajouter plusieurs projets à votre CV. Les projets sont variés et vous permettront de faire face à n'importe quelle situation. De plus nous travaillerons sur des cas concrets ce qui vous permettra de mieux vous projeter sur vos projets et vos futurs clients.Convaincu ? Alors il est temps de rejoindre mon cours, c'est satisfait ou remboursé !

Overview

Section 1: Introduction : Que va vous apporter cette formation ?

Lecture 1 Pourquoi sélectionner cette formation et faire le meilleur choix ?

Lecture 2 Fiche mémo : Les raccourcis clavier/souris d'Adobe Xd en PDF

Lecture 3 Petit message avant de poursuivre ce cours

Lecture 4 Prise en main du player vidéo d'Udemy pour suivre au mieux une formation !

Section 2: Prise en main de Adobe XD et de ses outils d'UX design

Lecture 5 Téléchargement d'Adobe XD pour se lancer dans l'UX design et le prototypage

Lecture 6 Naviguer et se déplacer dans Adobe XD (+ raccourcis clavier)

Lecture 7 Créer un espace de travail pour designer une maquette

Lecture 8 Propriétés de l'espace de travail et utilisation de la grille de repère

Lecture 9 Créer, paramétrer et utiliser un rectangle (primitive de base de XD)

Lecture 10 Utiliser et manipuler les autres primitives + grille de répétition + défilement

Lecture 11 Utilisation de l'outil texte et personnalisation de la police d'écriture

Lecture 12 Les opérations booléennes avec Adobe XD et ses primitives

Lecture 13 Créer et utiliser des actifs ou des composants (réutilisation d'assets)

Lecture 14 Découverte des UI kits (Kits d'interface utilisateurs) pour prototyper sous XD

Section 3: Premier projet : Créer un prototype / une maquette de site e-commerce

Lecture 15 A propos de cette section

Lecture 16 Croquis sur papier du site e-commerce que nous allons prototyper avec Adobe XD

Lecture 17 Spécifications fonctionnelles (cahier des charges) de notre premier projet

Lecture 18 Recherche de couleurs, d'images, de polices, d'inspiration et de références

Lecture 19 Création du header de notre maquette e-commerce

Lecture 20 Création des différents menus de notre boutique en ligne

Lecture 21 Design des catégories de produits pour notre boutique en ligne

Lecture 22 Création d'une section témoignages avec images défilantes (slider)

Lecture 23 Design d'un bloc abonnement (produit avec caractéristiques)

Lecture 24 Finalisation du footer et des pricing tables (abonnements)

Lecture 25 Exporter/partager le projet et comprendre les types d'exportation de XD

Section 4: Transformer un wireframe / mockup en prototype réaliste

Lecture 26 Les sites pour trouver des images, icônes, polices d'écriture, inspiration…

Lecture 27 Création des icônes / visuels de nos différentes catégories en mode "kawaii"

Lecture 28 Ajout d'images pour les produits et témoignages (feed d'images / slider)

Lecture 29 Utiliser la reconnaissance vocale et la synthèse vocale de XD pour le prototype

Lecture 30 Télécharger les ressources du projet 1

Section 5: Projet n°2 : Création d'un proto de jeu mobile (jeu des petits chevaux / Ludo)

Lecture 31 Comprendre le projet et rassembler les ressources dont nous allons avoir besoin

Lecture 32 Design de la page d'accueil de notre application mobile et de son logo

Lecture 33 Création de la maquette du jeu mobile du Lodo + d'un écran alternatif

Lecture 34 Design des différents écrans représentant les actions réalisables dans le jeu

Lecture 35 Transitions et animations entre les pages du jeu avec Adobe XD et le prototypage

Lecture 36 Création de notre propre outil de visualisation de prototypes HTML

Lecture 37 Télécharger les ressources du projet 2

Section 6: Projet n°3 : Une application météo pour montre connectée !

Lecture 38 Création de l'application météo pour montre connectée + Dark mode (thème sombre)

Lecture 39 Sources du projet 3 (WatchWeather)

Section 7: Études de cas, sources d'inspiration, astuces, éviter la page blanche et 3D !

Lecture 40 Les sites indispensables sur l'UX design / l'inspiration + analyse d'un site web

Lecture 41 L'UX design dans le cadre d'un projet 3D ou en réalité virtuelle + exemple réel

Section 8: Découverte des plugins indispensables pour Adobe XD

Lecture 42 Découverte et utilisation de plugins XD partie 1 / 5

Lecture 43 Découverte et utilisation de plugins XD partie 2 / 5

Lecture 44 Découverte et utilisation de plugins XD partie 3 / 5

Lecture 45 Découverte et utilisation de plugins XD partie 4 / 5

Lecture 46 Découverte et utilisation de plugins XD partie 5 / 5

Lecture 47 Liste des plugins Xd que j'utilise

Section 9: Développer un plugin pour Adobe XD et automatiser des tâches !

Lecture 48 Développement de plugins pour Adobe XD partie 1 / 4

Lecture 49 Développement de plugins pour Adobe XD partie 2 / 4

Lecture 50 Développement de plugins pour Adobe XD partie 3 / 4

Lecture 51 Développement de plugins pour Adobe XD partie 4 / 4

Lecture 52 Télécharger le code du plugin

Section 10: Conclusion sur ce cours et téléchargement des fichiers sources des projets.

Lecture 53 Conclusion, aller plus loin et téléchargement des sources.

Lecture 54 Télécharger toutes les ressources de la formation

Section 11: Correction des exercices + fichiers Xd des exercices pratiques

Lecture 55 Solution : Design du logiciel de nettoyage pour PC

Lecture 56 Solution : Design du logiciel de monitoring d'ordinateur

Lecture 57 Un peu d'inspiration : La maquette de Marion pour le logiciel de monitoring

Lecture 58 Énoncé + Solution : Design d'une application tablette

Lecture 59 Exo + Correction : Maquette couverture d'un livre informatique

Lecture 60 Téléchargement des corrections des exercices

Lecture 61 Bonus

Les débutants qui souhaitent découvrir Adobe XD,Les graphistes ou utilisateurs de logiciels comme Photoshop, Illustrator qui veulent s'orienter vers XD,Les passionnés pas l'UX / l'UI,Toute personne qui souhaite se lancer en freelance sur de l'ergonomie et de la création d'interfaces,Ceux qui souhaitent avoir une vue d'ensemble de ce qu'il est possible de faire avec Xd,Tous ceux qui veulent vivre de leur passion,Ceux qui veulent aller plus loin que juste une initiation,Ceux qui veulent créer de nombreux projets variés pour apprendre avec des cas concrets