Adobe XD - Design d'interface (UI)

Durée : 
9 heures
Formule d'enseignement : 

En ligne

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

Que vais-je apprendre?

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?

Marie-Hélène Farly

Marie-Hélène Farly possède un baccalauréat en design graphique et une maîtrise en Design multimédia. En plus d’être conseillère en communications graphiques à l’Université Laval, elle est chargée de cours en design UI/UX. Elle cumule plus de 10 ans comme formatrice Web. Elle s’associe avec la Formation continue du Cégep de Sainte-Foy afin de faire profiter les entreprises de son expérience en proposant des formations sur mesure et répondant à leur besoin spécifique.

Dates et inscription

Aucun groupe n'est disponible pour le moment.

Politique d'annulation

Les frais d'inscription seront remboursés en totalité, à condition d'annulation par écrit au minimum 72 heures avant la tenue du cours. Aucun remboursement, qu'il soit total ou partiel, ne sera accordé en deçà de 72 heures avant le début du cours et une fois le cours débuté.

Soyez informé(e) de nos prochaines formations selon vos champs d’intérêt.

Inscrivez-vous à notre infolettre

Modes d'enseignement

Si votre formation a lieu en classe
Veuillez prendre note qu’elle pourrait être offerte en ligne sans préavis, selon l’évolution des mesures sanitaires en vigueur.

Si votre formation a lieu en ligne
Vous aurez besoin de :

  • Ordinateur avec Windows ou MAC
  • Connexion internet de type haute vitesse
  • Micro (obligatoire)
  • Caméra Web (recommandée)

Veuillez noter que les cours ne sont pas enregistrés.

Ces formations pourraient aussi vous intéresser

Cours de perfectionnement à 2$/heure

Attestation d'études collégiales

Reconnaissance des acquis et des compétences :

Vous avez des questions concernant cette formation? Vous ne trouvez pas la formation que vous cherchez ? Vous aimeriez adapter l'une de nos formations à vos besoins dans votre entreprise ?

Contactez-nous ! 

sae@csfoy.ca
418 659-6620, poste 5012