Outils UI design — Sketch, Adobe XD, Penpot
Intra
Découvrez notre formation sur les fondamentaux d’Adobe XD, l’outil de prédilection des professionnels du design pour la conception d’interfaces !
Cette formation est spécialement conçue pour vous introduire aux multiples facettes d’Adobe XD, de la création à l’exportation.
Plongez dans l’Introduction pour découvrir les richesses et enjeux d’Adobe XD. Apprenez ensuite les bases du prototypage, en explorant le design d’interface, l’architecture de l’information et les tendances actuelles.
Maîtrisez l’interface d’Adobe XD, avec ses menus, outils et panneaux, et explorez la puissance des plans de travail. Devenez agile avec les formes, textes et images pour construire vos designs. Immergez-vous dans la magie des couleurs et la flexibilité de la grille de répétition.
Concrétisez vos compétences en réalisant un écran d’accueil d’application mobile. Apprenez à gérer les symboles et à intégrer les kits UI pour affiner vos créations. Puis, donnez vie à vos designs grâce au prototypage, et explorez le partage et les tests pour affiner et valider vos interfaces.
Pour couronner le tout, maîtrisez l’exportation de vos travaux, en choisissant les formats appropriés et en collaborant efficacement avec les développeurs.
Que ce soit au sein de votre entreprise ou en visio synchrone, cette formation s’adapte à vos besoins / objectifs / attentes.
Nos formateurs experts sont là pour vous guider, rendant l’apprentissage facile et interactif.
Différents formats existent pour cette formation :
Rejoignez la formation « Adobe XD Les fondamentaux » dès aujourd’hui et vous permettant d’acquérir les compétences essentielles d’Adobe XD !
À l'issue de la formation, le participant sera capable de :
Découverte de l’interface Adobe XD
Présentation de l’interface : navigation dans les menus et les panneaux
Personnalisation de l’espace de travail : agencement des outils selon les préférences
Gestion des projets : création, ouverture et sauvegarde de fichiers
Importation de ressources : images, icônes et polices
Utilisation des raccourcis clavier pour gagner en efficacité
Création d’une interface web/mobile
Conception d’une maquette : choix des dimensions et des grilles
Utilisation des outils de dessin : formes, lignes et texte
Application des styles : couleurs, typographies et effets d’ombre
Création de composants réutilisables : symboles et éléments de design
Intégration de ressources externes : importation de designs existants
Prototypage cliquable
Mise en place des liens entre les écrans : interactions simples
Création de zones cliquables : boutons et zones actives
Paramétrage des transitions : effets de passage d’un écran à un autre
Test du prototype : simulation d’une navigation utilisateur
Exportation du prototype pour partage avec les parties prenantes
Animation et interactions
Introduction aux animations : principes de base et objectifs
Utilisation des fonctionnalités d’animation d’Adobe XD : transitions et auto-animations
Création d’animations simples : mouvements d’objets et changements d’état
Intégration d’interactions avancées : déclencheurs et conditions
Préparation d’une démonstration d’animation pour présentation
Collaboration et partage de projets
Partage de prototypes : options de publication et d’accès
Collecte de feedback : utilisation des commentaires intégrés
Collaboration en temps réel : travail simultané sur un même projet
Gestion des versions : suivi des modifications et retour en arrière
Conclusion et évaluation : retour sur les acquis et perspectives d’évolution
La formation combine systématiquement apports théoriques et applications pratiques :
Une assistance technique est disponible par email à info@hmformation.fr ou par téléphone au 01 82 02 15 75. Une assistance en direct est assurée pendant les horaires d'ouverture. En dehors de ces horaires, toute demande fait l'objet d'une réponse sous 24 heures ouvrées.
HM Formation étudie avec le participant et son employeur les adaptations nécessaires pour rendre la formation accessible aux personnes en situation de handicap, en tenant compte des contraintes du poste de travail et du format choisi (présentiel/Visio synchrone). Un référent handicap est disponible pour échanger sur les besoins spécifiques.
Attestation individuelle de formation (L.6353-1 du Code du travail) mentionnant les acquis de l’apprenant, accompagnée de la grille d’évaluation des compétences.