Accueil    Formations    Multimédia    Créer ou refondre un site Web : améliorez vos performances digitales    Design et prototypage d'interface    Adobe XD - UX / UI - Design d'expérience utilisateur

Partager cette formation Télécharger au format pdf Ajouter à mes favoris

Objectifs pédagogiques

  • Maîtriser les bonne pratiques de conception d'interfaces
  • Créer des interfaces interactives de sites Web et d'applications mobiles
  • Réaliser des parcours de navigation répondant aux besoins des utilisateurs
  • Partager et tester des prototypes pour réaliser des interfaces fonctionnelles.

Niveau requis

Avoir une bonne connaissance de l'environnement Web. Avoir la pratique courante d'un logiciel de dessin vectoriel et bitmap est souhaitée.

Public concerné

Webmasters, graphistes, directeurs artistiques, responsables de communication, chefs de projets, cadres, consultants, MOA, MOE, AMOA.

Programme

Introduction

  • Qu'est-ce que Adobe XD ?
  • Les atouts et les enjeux du logiciel

Le prototypage

  • Les étapes de conception
  • Design d'interface
  • L'architecture de l'information
  • Les tendances du Design

Découvrir l'interface d'Adobe XD

  • L'écran d'accueil
  • Barre de menus et barre d'outils
  • Les panneaux de propriétés

Les plans de travail et repères

  • Ajouter et gérer les plans de travail
  • Manipuler les grilles et les repères

Les formes

  • Créer des formes simples
  • Créer des éléments vectoriels avec l'outil Plume
  • Créer une icône

Les textes

  • Saisir du texte
  • Importer des fichiers textes
  • Gérer les styles de texte

Les images

  • Importer des images
  • Créer des masques

Les couleurs

  • Utiliser et gérer les couleurs
  • Créer des dégradés de couleurs
  • Générer des couleurs

La grille de répétition

  • Utiliser et gérer une grille de répétition

Réaliser un écran d'accueil d'application mobile

  • Conception d'une version papier ou maquette filaire détaillée
  • Réalisation de l'interface sous Adobe XD

Composants et KIT UI

  • Créer et manipuler les composants
  • Variantes des composants
  • Propriétés partagées et communes
  • Redimensionnement réactif des composants
  • Sélectionner et utiliser des kits UI
  • Créer deux écrans d'application mobile (connexion / inscription)

Prototyper

  • Créer des interfaces responsives
  • Définir un parcours utilisateur
  • Créer les liens d'interactions
  • Prévisualiser l'interface
  • Déclencheurs claviers et manettes
  • Pilotage vocal

Partager

  • Créer des liens de partage
  • Déposer des commentaires
  • Ressources liées
  • Composants (anciennement symboles)
  • Documents en ligne

Tester

  • Enregistrer une vidéo des interactions
  • Installer l'application Adobe XD
  • Tester le prototype en direct

Exporter

  • Exporter les plans de travail
  • Choisir les formats d'export (PNG, JPEG...)
  • Export vers des logiciels tiers (Zeplin, Avocode...)

Réaliser un prototype de site Web

  • Conception d'une version papier ou maquette filaire détaillée
  • Utiliser un kit d'interface utilisateur

Partager cette formation Télécharger au format pdf Ajouter à mes favoris

Vous souhaitez suivre cette formation ?

Cette formation est disponible en présentiel ou en classe à distance, avec un programme et une qualité pédagogique identiques.

Choisissez la modalité souhaitée pour vous inscrire :

Modalité Présentiel, Classe à distance

Votre société a besoin d'une offre personnalisée ? Contactez-nous

Faites évoluer vos compétences

Complétez votre formation

Sketch

9 4,6/5


2 jours
Perfectionnement / Avancé

Présentiel Classe à distance

Faites-nous part de votre projet de formation, nous sommes là pour vous guider.

Contactez-nous