Accueil > Web design - les fondamentaux

 > Adobe XD – Design d’expérience utilisateur

null

Web design - les fondamentaux

Adobe XD – Design d’expérience utilisateur

Objectif

Maîtriser la conception d'interfaces
Créer des interfaces interactives de sites web et d'applications mobiles
Créer un parcours de navigation pour l’utilisateur final

Durée : 2 jours (14 heures)

Dates :
-12/01/23
-06/03/23
-10/07/23
-19/10/23
-30/11/23

Bonne maitrise de l’environnement Windows ou Mac OS
Avoir une bonne connaissance de l'environnement Web

Programme de la formation

Introduction

  • Présentation d’Adobe XD
  • Domaine d’intervention : illustration, UX Design, UI Design

Interface et préférences

  • Découvrir les différentes zones de l’interface Adobe XD
  • Connaître les normes d’usage dans les outils de design
  • Mémoriser les raccourcis principaux
  • Paramétrer l’interface utilisateur

La création graphique

  • Créer des plans de travail et des calques
  • Insérer des formes prédéfinies, créer des formes personnalisées
  • Sélectionner, positionner, transformer, supprimer des éléments
  • Paramétrer la taille, les couleurs, les dégradés ou motifs
  • Ajouter des effets
  • Utiliser les masques
  • Ajouter des blocs de texte
  • Importer et éditer des éléments vectoriels et des images bitmap

Le projet complet

  • Gestion du projet et des fichiers .XD
  • Calques, grilles, repères
  • Gestion des styles
  • Les composants : utiliser les fonctionnalités de l’override (textes, images, composants imbriqués)
  • Utiliser les contraintes de redimensionnement
  • Créer un prototype avec des transitions
  • Définir le premier écran du prototype
  • Créer des connexions entre les différents écrans
  • Les différentes possibilités d'interactions et d'animations

Exporter et partager son projet Adobe XD

  • Visionner et tester sur un smartphone
  • Exporter les écrans en fichiers .JPG .PNG .PDF
  • Exporter les éléments pour la production
Menu