Présentation
Adobe Xd se présente comme l'outil de choix pour les designers UX/UI souhaitant créer des systèmes de design sophistiqués et des interfaces utilisateur engageantes. Cette formation vise à outiller les professionnels avec les compétences nécessaires pour conceptualiser et mettre en œuvre un design system complet, élément central pour garantir la cohérence et la qualité à travers les divers composants et interfaces de leurs projets. De plus, avec les outils pour anticiper les besoins des équipes et les méthodes pour une collaboration productive, vous serez prêt à transformer des idées en expériences utilisateurs concrètes, testées et prêtes pour le développement.
Au cours de cette formation, vous apprendrez à élaborer d'un design system intégré, comprenant la création de composants dynamiques et la gestion harmonieuse de la typographie et de la palette de couleurs. Ensuite, vous plongerez dans le monde du prototypage interactif, en apprenant à créer des animations captivantes, à simuler des interactions réalistes avec des commandes tactiles et vocales, et à tester l'efficacité des prototypes sur différents appareils. Enfin, les compétences acquises vous permettront de travailler efficacement en co-création, utilisant Adobe Xd pour partager des prototypes fonctionnels et recueillir des feedbacks essentiels.
Objectifs de la formation
- Appréhender la création de design system
- Savoir créer des interfaces et des interfaces interactives
- Connaitre le prototypage avancé
- Apprendre à cocréer avec Adobe Xd
Public
- Toute personne travaillant ou souhaitant travailler dans le maquettage de site internet, logiciels et applications.
Prérequis
- Une connaissance des bases du logiciel Adobe Xd est nécessaire.
Programme
Rappel des bases d’Adobe Xd
Les outils d’Adobe Xd
Les calques
La composition
Design System
Qu’est-ce qu’un design system
Concevoir les éléments
Créer des composants
Les composants dynamiques
Penser la cohérence Typographie et couleur
Enregistrer et exporter un design system
Prototypage interactif
Comprendre l’utilité d’un prototype
Comment créer des animations simples
Scroller (défilement) et animation automatique
Les interactions aux doigts et souris
Les interactions avec la voix
Faire parler le prototype
Tester ses prototypes sur téléphone et ordinateur
Partager son travail pour de la coconception
Partager le contenu
Anticiper les besoins
Travailler en cocréation
Partager un prototype fonctionnel pour le tester
Date de dernière modification : 22/03/2024
Organisation
Modalités d'évaluation :
Questionnaires à choix multiples (QCM) en fin de formation. L'intervenant formulera également une appréciation sur vos acquis pour l'entièreté de la formation.
Moyens pédagogiques :
Formation alternant la théorie et la pratique, avec un intervenant présentant la formation en direct. Possibilité de réaliser cette formation en face-à-face dans nos locaux, dans vos locaux d'entreprise ou à distance via visioconférence.
Une fois terminée, vous disposerez d'une attestation de suivi de la formation, ainsi que des contenus de cours relatifs au contenu présenté.
Informations pratiques :
En cas de dispense dans nos locaux, le matériel informatique est fourni et l'ensemble des commodités sont accessibles. Nos locaux sont également accessibles aux personnes à mobilité réduite : découvrir notre centre.
Retrouvez toutes les informations pratiques pour préparer votre formation sur notre page dédiée : informations pratiques.
Ces formations pourraient vous intéresser
- En savoir plus
Figma : le prototypage
Figma permet de créer des maquettes élégantes permettant de valider le parcours utilisateur en cohérence avec les couleurs et typographies souhaitées, mais cette identité graphique doit souvent pouvoir se décliner sur de …
- En savoir plus
Adobe Xd : découvrir les bases
Adobe Xd est un logiciel de conception et de modélisation d’interfaces de sites web et d’applications. Créé par la société Adobe et intégré à la Creative Suite, il permet de créer des maquettes pour mieux concevoir …
- En savoir plus
Initiation à l'accessibilité numérique
L’accessibilité numérique, c’est permettre à tout le monde d’accéder à votre logiciel, votre contenu, vos produits, que la personne soit porteuse de handicap ou non. C’est une définition et donc une discipline qui va …