Adobe XD - Design d'interface (UI)

Durée

9 heures

Durée calendrier

3 semaines

Qu'est-ce que c'est?

Description

Vous souhaitez concevoir des interfaces et prototypes interactifs de manière efficace avec l’un des outils les plus utilisés dans le domaine du design d’interface? Cette formation est pour vous.

Apprenez dès maintenant à créer des interfaces de sites Web ou d’applications avec Adobe XD grâce à des démonstrations et exercices pratiques portant sur les bases fondamentales du logiciel.

À l’issue de cette formation, vous pourrez non seulement concevoir des maquettes graphiques de manière optimisée, mais pourrez également les animer et les partager avec vos coéquipiers et clients afin de favoriser la collaboration dans vos projets.

Objectifs

• Découvrir l’espace de travail et l’interface du logiciel

• Maîtriser les principales fonctionnalités de conception d’interface d’Adobe XD

• Optimiser votre efficacité en créant styles, composants et librairies

• Apprendre à concevoir des prototypes interactifs et animés

• Collaborer efficacement avec vos collègues de travail et clients

Clientèle cible

Ce cours s’adresse à toute personne désirant se familiariser avec la création d’interfaces (UI) à l’aide du logiciel Adobe XD. Que vous soyez novices ou connaissez déjà les autres logiciels de la suite Adobe, ce cours d’initiation au logiciel vous permettra de faire un tour complet de l’ensemble des principales fonctionnalités de l’outil.

Préalables

Le participant doit avoir installé la version gratuite du logiciel Adobe XD

Formule d'enseignement

Comment cette formation est-elle reconnue?

Une attestation de participation est remise aux personnes ayant assisté à 75 % des heures de formation.

Que vais-je apprendre?

Contenu

Semaine 1 – Design d’interface


MODULE 1- Découvrir le logiciel

  • Positionner la plateforme dans le marché
  • Comprendre le processus de création avec le logiciel
  • Se familiariser avec l’interface et l’espace de travail
  • Connaître les principales fonctionnalités de l’outil


MODULE 2 - Créer un document

  • Explorer les documents
  • Créer un nouveau fichier
  • Gérer les plans de travail
  • Personnaliser les grilles
  • Utiliser des colonnes
  • Organiser les calques


MODULE 3 - Ajouter du contenu

  • Créer, modifier et gérer les propriétés des objets
  • Comprendre les différents formats d’images
  • Insérer et modifier des images
  • Redimensionner et recadrer des images
  • Utiliser les effets et modes de fusion
  • Gérer les couleurs
  • Ajouter et modifier les styles du texte
  • Modifier les paramètres des textes


MODULE 4 - Concevoir des interfaces

  • Organiser les éléments de contenu
  • Aligner et regrouper des objets entre eux
  • Utiliser les grilles de répétitions
  • Comprendre le design adaptatif (responsive design)
  • Gérer le redimensionnement réactif des éléments
  • Décliner des interfaces en différents formats


Semaine 2 – Styles, prototype et animation


MODULE 5 - Créer des styles

  • Gérer les actifs du document
  • Créer des styles de texte
  • Définir une charte de couleurs
  • Modifier/redéfinir un style
  • Appliquer un style
  • Rechercher/remplacer un style


MODULE 6 - Développer des composants

  • Comprendre ce qu’est un «design system»
  • Créer un composant
  • Modifier un composant
  • Ajouter une instance
  • Définir les styles d’un composant
  • Paramétrer les états d’un composant


MODULE 7 - Créer des prototypes et animations

  • Créer un prototype
  • Voir l’aperçu
  • Gérer les groupes défilants
  • Fixer des éléments de contenu
  • Produire des animations et interactions courantes

o Navigation

o Menu déroulant

o Fenêtre modale

o Défilement

o Effet parallax

o Ancres

o Etc.


MODULE 8 - Utiliser des plug-ins et extensions

  • Rechercher des plug-ins
  • Installer un plug-in
  • Découvrir des plug-ins pratiques


Semaine 3 – Partage et collaboration


MODULE 9 - Collaborer avec des collègues

  • Créer une bibliothèque
  • Publier une bibliothèque
  • Gérer les bibliothèques
  • Partager une librairie
  • Utiliser une librairie existante


MODULE 10 - Partager avec le client

  • Préparer un prototype
  • Partager les interfaces
  • Recueillir des commentaires
  • Fournir des rétroactions
  • Intégrer les suggestions


MODULE 11- Coopérer avec les rédacteurs

  • Découvrir les outils de collaboration
  • Éditer les textes
  • Suivre les corrections
  • Intégrer les modifications


MODULE 12 - Collaborer avec les développeurs

  • Préparer vos fichiers
  • Exporter les sources du document
  • Générer un prototype
  • Consulter les spécifications du document
  • Inspecter les éléments de contenu
  • Prendre connaissance des variables du document
  • Télécharger les ressources

Qui va m'accompagner?

Qui offre cette formation?