{"id":1607,"date":"2022-01-25T12:11:02","date_gmt":"2022-01-25T11:11:02","guid":{"rendered":"https:\/\/www.swash-formation.fr\/?post_type=formation&#038;p=1607"},"modified":"2026-04-10T15:13:33","modified_gmt":"2026-04-10T13:13:33","slug":"adobe-xd-reussir-sa-prise-en-main","status":"publish","type":"formation","link":"https:\/\/www.swash-formation.fr\/formation\/adobe-xd-reussir-sa-prise-en-main\/","title":{"rendered":"Adobe XD&nbsp;: r\u00e9ussir sa prise en main"},"template":"","domaine":[12],"motcle":[63,23,22],"metier":[52,47,51],"etiquette":[],"type_ra":[80],"logiciel":[332],"class_list":["post-1607","formation","type-formation","status-publish","hentry","domaine-formation-ux-ui-webdesign","motcle-experience-utilisateurs","motcle-interface","motcle-projet","metier-directeur-artistique","metier-graphiste","metier-ui-designer","type_ra-inter","logiciel-adobe-xd","no-post-thumbnail"],"acf":{"FOR_Format":"80","FOR_SousTitre":"S\u2019initier \u00e0 Adobe XD pour cr\u00e9er des prototypes fonctionnels et collaboratifs","FOR_Jours":2,"FOR_Heures":14,"FOR_Duree":"14 heures collectives","FOR_DureeTxt":"2 jours \/ 14 heures","FOR_Prix":"","FOR_Ref":"W05  (Formation intra \/ sur mesure)","FOR_Niveau":"Initiation","FOR_PrixComplet":"sur demande","FOR_PrixCourt":"sur demande","FOR_Support":"","FOR_ProgPdf":"","FOR_Intervenants":[1625],"FOR_Comp":"<p><span style=\"font-weight: 400;\">D\u00e9finir la place d\u2019XD dans le processus de design d\u2019un site Web ou d\u2019une appli et mettre en \u0153uvre un flux de production efficace pour concevoir, partager et modifier des prototypes interactifs.<\/span><\/p>","FOR_Obj":"<ul>\r\n\t<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">(Re)contextualiser UI et UX<\/span><\/li>\r\n\t<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Produire des \u00e9l\u00e9ments graphiques et les mettre en forme<\/span><\/li>\r\n\t<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Partager son projet\u00a0<\/span><\/li>\r\n\t<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">R\u00e9aliser un prototype<\/span><\/li>\r\n\t<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Exporter et livrer son projet<\/span><\/li>\r\n<\/ul>","FOR_Valider":"<ul>\r\n\t<li>votre projet et le contexte de votre demande pour co-construire le programme d\u00e9finitif<\/li>\r\n\t<li>le format\u00a0: pr\u00e9sentiel et\/ou distanciel<\/li>\r\n\t<li>le tarif\u00a0: calcul\u00e9 selon le temps de pr\u00e9paration, les moyens \u00e0 mobiliser, le nombre de jours, le lieu de la formation\u2026<\/li>\r\n\t<li>*la dur\u00e9e\u00a0: \u00e0 confirmer selon les pr\u00e9requis et les objectifs \u00e0 atteindre par les apprenants<\/li>\r\n<\/ul>","FOR_5Raisons":"","FOR_Public":"<p><span style=\"font-weight: 400;\">Cette formation s\u2019adresse aux directeurs artistiques, graphistes, UI\/UX\/product designers.<\/span><\/p>","FOR_Prerequis":"<p><span style=\"font-weight: 400;\">Il est n\u00e9cessaire d\u2019avoir une bonne culture Web ou d'avoir suivi notre formation \u00ab <a href=\"https:\/\/www.swash-formation.fr\/formation\/culture-web-environnement-de-production-et-tendances\/\">Culture Web : environnement de production et tendances<\/a> \u00bb. <\/span><\/p>","FOR_Programme":"<h3 class=\"chapitre\">(Re)contextualiser UI et UX<\/h3>\r\n<ul>\r\n\t<li>Identifier les grands principes du design d\u2019interface<\/li>\r\n\t<li>Int\u00e9grer le vocabulaire utile : navigation, wireframe, prototypage, mockup, guideline, design system, atomic design...<\/li>\r\n\t<li>\u00c9tablir un \u00e9tat des lieux des m\u00e9tiers : product designer \/ UI designer \/ UX designer...<\/li>\r\n<\/ul>\r\n<div class=\"exo\"><em>-&gt; quiz de compr\u00e9hension et \u00e9tudes de cas<\/em><\/div>\r\n<h3 class=\"chapitre\">Produire des \u00e9l\u00e9ments graphiques et les mettre en forme<\/h3>\r\n<h4 class=\"sousChap\">Identifier et d\u00e9finir le r\u00f4le d\u2019XD<\/h4>\r\n<ul>\r\n\t<li>Situer XD dans le processus de cr\u00e9ation d\u2019un site Web ou d\u2019une application<\/li>\r\n\t<li>Se familiariser avec l\u2019interface XD<\/li>\r\n\t<li>Illustrer la conception d\u2019une page atomique et sa progression<\/li>\r\n<\/ul>\r\n<h4 class=\"sousChap\">Cr\u00e9er et agencer des \u00e9l\u00e9ments graphiques sur une page<\/h4>\r\n<ul>\r\n\t<li>Cr\u00e9er des formes avec les outils rectangle, rond, texte<\/li>\r\n\t<li>Aligner, regrouper, assembler des formes<\/li>\r\n\t<li>Construire des composants<\/li>\r\n\t<li>Utiliser la biblioth\u00e8que du document<\/li>\r\n\t<li>D\u00e9finir une strat\u00e9gie de hi\u00e9rarchie dans les composants<\/li>\r\n\t<li>Grouper et organiser les \u00e9l\u00e9ments sur les pages<\/li>\r\n\t<li>Structurer la mise en forme des pages \u00e0 partir des composants<\/li>\r\n\t<li>Agencer les grilles de r\u00e9p\u00e9tition<\/li>\r\n<\/ul>\r\n<h4 class=\"sousChap\">Pr\u00e9parer et utiliser des mod\u00e8les<\/h4>\r\n<ul>\r\n\t<li>D\u00e9finir des mod\u00e8les \u00e0 partir de pages<\/li>\r\n\t<li>Produire des pages \u00e0 partir des mod\u00e8les \u00e9tablis<\/li>\r\n\t<li>D\u00e9velopper une structure de document<\/li>\r\n<\/ul>\r\n<div class=\"exo\"><em>-&gt; Exercice : cr\u00e9er la biblioth\u00e8que et les composants en vue de monter une structure de page modulaire<\/em><\/div>\r\n<h3 class=\"chapitre\">Partager son projet\u00a0<\/h3>\r\n<ul>\r\n\t<li>Analyser les besoins de production pour anticiper la cr\u00e9ation des livrables<\/li>\r\n\t<li>Documenter le projet via les annotations dans les marges<\/li>\r\n\t<li>\u00c9tablir une nomenclature de nommage des assets<\/li>\r\n\t<li>Lister les \u00e9l\u00e9ments graphiques \u00e0 fournir<\/li>\r\n\t<li>\u00c9laborer et partager le syst\u00e8me de design (design system) avec son \u00e9quipe<\/li>\r\n\t<li>Combiner les \u00e9l\u00e9ments dans une biblioth\u00e8que partag\u00e9e (Styles \/ Couleurs \/ Composants\u2026)<\/li>\r\n<\/ul>\r\n<div class=\"exo\"><em>-&gt; Exercice : exporter les assets r\u00e9alis\u00e9s par l\u2019utilisateur<\/em><\/div>\r\n<h3 class=\"chapitre\">R\u00e9aliser un prototype<\/h3>\r\n<ul>\r\n\t<li>Structurer la navigation des pages du document<\/li>\r\n\t<li>Configurer les options de retour en arri\u00e8re<\/li>\r\n\t<li>Soigner le d\u00e9filement vertical des pages longues<\/li>\r\n\t<li>Encha\u00eener les \u00e9crans avec des animations<\/li>\r\n\t<li>Composer un menu pop-up<\/li>\r\n\t<li>Int\u00e9grer les interactions au doigt et \u00e0 la souris<\/li>\r\n\t<li>G\u00e9n\u00e9rer d\u2019autres interactions : clavier, p\u00e9riph\u00e9riques USB ou voix<\/li>\r\n\t<li>Tester le prototype interactif<\/li>\r\n<\/ul>\r\n<div class=\"exo\"><em>-&gt; Exercice : prototyper une application \u00e0 partir des composants cr\u00e9\u00e9s pr\u00e9c\u00e9demment<\/em><\/div>\r\n<h3 class=\"chapitre\">Exporter et livrer son projet<\/h3>\r\n<ul>\r\n\t<li>Partager un prototype fonctionnel<\/li>\r\n\t<li>Expliquer le fonctionnement d\u2019un composant via une vid\u00e9o<\/li>\r\n\t<li>R\u00e9diger un cahier des charges<\/li>\r\n\t<li>Prendre en compte le responsive<\/li>\r\n\t<li>Exporter dans les formats utilis\u00e9s en production<\/li>\r\n\t<li>Justifier et recommander une bible graphique<\/li>\r\n\t<li>D\u00e9terminer les plugins adapt\u00e9s aux exports<\/li>\r\n<\/ul>\r\n<div class=\"exo\"><em>-&gt;\u00a0 Plan d'action : \u00e9tablir une check-list pour r\u00e9aliser des prototypes fonctionnels : parcours \/ parties prenantes (client interne et ou externe, d\u00e9veloppeurs\u2026) \/ \u00e9l\u00e9ments \u00e0 assembler \/ tests \/ pilotage du cahier des charges<\/em><\/div>","FOR_Profil":"<p><span style=\"font-weight: 400;\">Graphiste avec plus de 10 ans d\u2019exp\u00e9rience en animation de formation. <\/span><\/p>","FOR_Ressources":"<ul>\r\n\t<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Supports de cours d\u00e9mat\u00e9rialis\u00e9s<\/span><\/li>\r\n\t<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Supports vid\u00e9o (enregistrements, pendant la session, d\u2019une s\u00e9lection de d\u00e9monstrations r\u00e9alis\u00e9es par l\u2019intervenant)<\/span><\/li>\r\n\t<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Abonnement de 3 mois \u00e0 <a href=\"https:\/\/fr.tuto.com\" target=\"_blank\" rel=\"noopener\">tuto.com<\/a><\/span><\/li>\r\n\t<li><span style=\"font-weight: 400;\">Inscription au <a href=\"https:\/\/les-swashers.swash-formation.fr\" target=\"_blank\" rel=\"noopener\">forum des swashers<\/a><\/span><\/li>\r\n<\/ul>","FOR_ModPres":"<h4><strong>Parcours p\u00e9dagogique\u00a0: <\/strong><\/h4>\r\n<p><span style=\"font-weight: 400;\">Quiz de positionnement <span class=\"flechD\">\u276f\u00a0<\/span>2 jours pr\u00e9sentiels continus <span class=\"flechD\">\u276f <\/span><\/span><span class=\"s1\">\u00c9valuation des acquis<\/span><\/p>\r\n<h4><strong>M\u00e9thode p\u00e9dagogique : <\/strong><\/h4>\r\n<p><span style=\"font-weight: 400;\">Expositive + d\u00e9monstrative : expos\u00e9s th\u00e9oriques, d\u00e9monstrations, mise en pratique, feedbacks personnalis\u00e9s<\/span><\/p>\r\n<h4><strong>Moyens techniques : <\/strong><\/h4>\r\n<ul>\r\n\t<li><span style=\"font-weight: 400;\">1 poste par participant (Mac ou PC, selon votre choix)<\/span>, \u00e9quip\u00e9 de la suite Adobe CC dans sa derni\u00e8re version, fourni par nos soins<\/li>\r\n\t<li>Poste de l\u2019intervenant reli\u00e9 \u00e0 un grand \u00e9cran ou vid\u00e9oprojecteur<\/li>\r\n<\/ul>","FOR_ModDist":"<h4>Parcours p\u00e9dagogique\u00a0:<\/h4>\r\n<p><span style=\"font-weight: 400;\">Quiz de positionnement <span class=\"flechD\">\u276f<\/span> 2 classes virtuelles discontinues (2 x 1 jour) <span class=\"flechD\">\u276f<\/span> <span class=\"s1\">\u00c9valuation des acquis<\/span><\/span><\/p>\r\n<h4>M\u00e9thode p\u00e9dagogique :<\/h4>\r\n<p><span style=\"font-weight: 400;\">Expositive + d\u00e9monstrative : expos\u00e9s th\u00e9oriques, d\u00e9monstrations, mise en pratique, travail individuel inter-sessions, feedbacks personnalis\u00e9s<\/span><\/p>\r\n<h4>Moyens techniques\u00a0:<\/h4>\r\n<ul>\r\n\t<li>Classe virtuelle cr\u00e9\u00e9e par nos soins\u00a0<\/li>\r\n\t<li>Chaque apprenant participe \u00e0 la session avec son ordinateur, connect\u00e9 \u00e0 Internet, et \u00e9quip\u00e9 :\r\n\r\n<ul>\r\n\t<li>d\u2019un micro et d\u2019une cam\u00e9ra<\/li>\r\n\t<li>d\u2019une licence Adobe XD<\/li>\r\n\t<li>d\u2019un double \u00e9cran (recommand\u00e9 mais non n\u00e9cessaire)<\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ul>","FOR_Eval":"<ul>\r\n\t<li><span style=\"font-weight: 400;\">Validation des acquis pendant la formation gr\u00e2ce \u00e0 des quiz et \u00e0 la r\u00e9alisation d\u2019exercices pratiques<\/span><\/li>\r\n\t<li>Suivi d'acquisition des objectifs p\u00e9dagogiques par l'intervenant<\/li>\r\n\t<li><span style=\"font-weight: 400;\"> \u00c9valuation \u00e0 chaud (remplie en fin de formation) et \u00e0 froid (\u00e0 60 jours)<\/span><\/li>\r\n<\/ul>","for_pourquoi":"","FOR_PlanCond":1,"FOR_PlanDist":null,"FOR_PlanPres":null,"for_tag-new":false,"for_tag-update":false},"_links":{"self":[{"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/formation\/1607","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/formation"}],"about":[{"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/types\/formation"}],"acf:post":[{"embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/intervenant\/1625"}],"wp:attachment":[{"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/media?parent=1607"}],"wp:term":[{"taxonomy":"domaine","embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/domaine?post=1607"},{"taxonomy":"motcle","embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/motcle?post=1607"},{"taxonomy":"metier","embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/metier?post=1607"},{"taxonomy":"etiquette","embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/etiquette?post=1607"},{"taxonomy":"type_ra","embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/type_ra?post=1607"},{"taxonomy":"logiciel","embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/logiciel?post=1607"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}