XD-2


Objectifs

Créer des prototypes d’interface pour sites ou app.
Passer d’un wireframe basique à un design superbe d’interface.


Public cible

Webdesigner, infographiste, programmeur, directeur artistique…


Prérequis

Connaissance de l’ergonomie web.


Nombre de jours

2


Programme

Contexte

XD dans la suite d’Adobe
Espace de travail
Navigation

Document

Document créé, modifié et supprimé
Document Photoshop, Illustrator et Sketch édités puis importés

Composants

Composant créé, réutilisé, remplacé
Variante de composant selon le type d’interactions

Mise en page

Mise en page automatisée d’après le contenu

Conception graphique

Outils vectoriels de dessin et de forme
Modes de fusion
Icônes
Adobe Fonts intégrées
Repères et grilles
Grille de répétition pour données

Interaction

Interactions entre les plans de travail
Déclencheurs
Commandes vocales
Actions
Micro-interactions sur les propriétés des objets
Animations
Menus
Boîtes de dialogue
Clavier virtuel
Position du curseur préservée

Travail collaboratif

Document édité par plusieurs collaborateurs
Historique du document
Invitation à la révision
Document partagé et révisé
Code partagé aux développeurs

Export d’actifs

Prévisualisation sur smartphone avec l’app XD
Export par lots
Export vers After Effects pour animation
Document stocké et partagé en ligne
Aperçu enregistré en mp4 pour approbation


Des propositions pour aller plus loin

Adobe Dreamweaver pour convertir le prototype en un site


Configuration techniques des machines

Une bonne configuration du PC 


 

Accéder aux notes de cours