Objectifs
Adobe XD est l'outil parfait pour créer l'apparence et l’interface d'une application ou d'un site web, sans effort de développement difficile. Il comble le fossé entre Photoshop / Illustrator pour la conception et Animate / Dreamweaver pour le développement.
Dans ce cours, vous apprendrez à concevoir une interface, à créer des interactions et des clics vers des pages enfants ou encore à créer des liens pour les tests clients et le wireframing. Vous apprendrez la gamme complète des outils XD pour le graphisme, les images, le texte, en utilisant plusieurs plans de travail pour créer des prototypes cliquables et un flux de travail.
Conditions préalables
Compétence informatique de base. Une certaine connaissance de Photoshop / Illustrator est utile mais pas indispensable.
Le cours comprend
Un ensemble complet de notes de référence couvrant les sujets de cours, pour la formation elle se déroule en ligne via Microsoft Teams ou dans vos locaux.
Plan de cours
Mise en place
-
Interface et environnement
-
Créer des plans de travail
-
Insertion de texte et d'image
-
Gestion des éléments graphiques
Graphiques et effets
-
Création de graphiques vectoriels
-
Couleur et dégradés
-
Traits et remplissages
-
Opacité
-
Importation de graphiques (png, jpg, vecteurs d'Illustrator)
Texte
-
Polices, tailles, style, édition
Fonctionnalité XD
-
Style de texte par défaut et répété
-
Symboles
-
Répéter la grille pour les barres de défilement
-
Principes de base de la mise en page
-
Alignement sur les grilles
-
Utilisation des guides
Interaction
-
Structure parent et enfant
-
Créer des liens
Test et export
-
Export en svg, png, pdf
-
Test de démonstration et test d’export
-
Bibliothèques et jeux d'icônes gratuits