Formation Adobe XD | Design d’interface | En ligne |

Introduction à la formation Adobe XD

Notions d’introduction à Adobe XD

• Qu’est-ce que Adobe XD ?
• Organisation
• Les atouts et les enjeux du logiciel
• Utiliser les raccourcis clavier dans Adobe XD

Suivre des étapes avec Adobe XD

• Les étapes de conception avec Adobe XD
• Design d’interface
• L’architecture de l’information
• Établir votre Workflow.

Découvrir l’interface d’Adobe XD

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

Les plans de travail et repères

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

Les formes dans Adobe XD

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

Les textes dans Adobe XD

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

Les images dans Adobe XD

• Insérer des images
• Insérer des vidéos
• Insérer différents objets vectoriels
• Créer des masques

Les couleurs dans Adobe XD

• 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
• Conception d’une version
• Réalisation de l’interface sous Adobe XD

Composantes

• Réfléchir au poids et à la qualité de vos images
• Discuter des formats d’images JPG et PNG (capacités, limites,
  compressions, qualités, etc.)
• Travailler avec Illustrator et Adobe XD
• Travailler avec Photoshop et Adobe XD

Variantes des composants

• Propriétés partagées et communes
• Redimensionnement réactif des composants
• Sélectionner et utiliser des kits UI
• Créer un écran d’application mobile

Prototyper dans Adobe XD

• Créer des interfaces responsives
• Définir un parcours utilisateur
• Créer les liens d’interactions
• Prévisualiser l’interface
• Créer différents types interactions

Partager

• Partager vos maquettes avec des collègues possédant XD
• Partager vos visuels avec des clients qui ne possèdent pas XD
• Partager une version fonctionnelle et testable pour un client

Tester

• Enregistrer une vidéo des interactions
• Tester le prototype en direct

Exporter

• Exporter les plans de travail
• Choisir les formats d’export (PNG, JPEG…)
• Export vers des logiciels tiers

Mettre en pratique et réaliser une maquette interactive de site Web