Adobe XD - Design d'interface (UI)
Durée
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
En ligne
Aucune date annoncée
Comment cette formation est-elle reconnue?
Une attestation de participation est remise par courriel aux personnes ayant assisté à 100 % 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?
Pour plus d'informations
Vous ne trouvez pas le bouton pour vous inscrire ? Il n'y a pas de période d'inscription active pour ce cours ? Inscrivez-vous à notre liste d'attente pour être les premiers informés dès que l'inscription sera possible, ou visitez la section Services aux entreprises sur notre site web de la formation continue du Cégep de Sainte-Foy pour connaitre l'ensemble de notre offre !
Inscrivez-vous à notre infolettre pour être informé de nos différentes offres de formation.
Vous avez des questions ou besoin de plus d'informations?
Nous sommes là pour vous aider à trouver la formation qui vous convient.
Formation continue et services aux entreprises
Cégep de Sainte-Foy
sae@csfoy.ca