Formation 2 en 1: Adobe Illustrator + Adobe XD
Introduction à la formation Adobe Illustrator + Adobe XD
Adobe Illustrator
Introduction
Explorer l’interface
Personnaliser son espace de travail
Comprendre les usages d’Illustrator
Traitement vectoriel
Formats de document
Comprendre les calques
Organisation des calques
Mode isolation
Dessin vectoriel
Créer des objets prédéfinis
Positionner des objets de façon précise
Premier plan et arrière-plan
Règles, repères et grilles
Outils de sélection
Création de formes et de tracés
Apprendre l’outil Plume : points, poignées et courbes
Combinaisons de touches (raccourcis)
Modification des tracés : ajoute et suppression de points
L’outil Pinceau
L’outil Forme de taches
Modes d’affichage
Outil Graphes
Transformation d’objets
Outils de transformation
Fonctions de transformation
Fonction Ctrl/Cmd D : répéter une transformation
Outil de distorsion de l’enveloppe
Pathfinder
Outils de fusion
Masques
Créer un masque d’écrêtage simple
Effets Illustrator
Panneau aspect
Alignement et distribution d’objets
Enrichir ses illustrations
Ajouter des contours
Couleurs, nuancier et couleurs globales
Créer et appliquer de dégradés
Transparence et modes de fusion
Travailler avec du texte
Enrichir le texte libre
Types de textes : curviligne, captif et vertical
Chercher des polices de caractères
Enregistrement et exportation
Enregistrer au format Adobe Illustrator (.AI)
Modes d’enregistrement : EPS, SVG, PDF, Flash…
Exportation aux formats courants : PSD, JPG, TIFF…
Exportation en format pixel
Format PDF en vue de l’impression
Adobe XD
Introduction
Qu’est-ce que Adobe XD?
Organisation
Atouts et enjeux du logiciel
Raccourcis clavier
Suivre des étapes
Étapes de conception avec Adobe XD
Design d’interface
Architecture de l’information
Établir son propre Workflow
Découverte de l’interface
L’écran d’accueil
Barre de menus et barre d’outils
Les panneaux de propriétés
Les plans de travail et les repères
Ajouter des plans de travail et les gérer
Manipuler les grilles et les repères
Bien utiliser les calques
Les formes
Création de formes simples
Création d’éléments vectoriels avec l’outil Plume
Création d’une icône
Les textes
Saisie de texte
Importation de fichiers de texte
Gestion des styles de texte
Travailler efficacement du texte
Les images
Insertion d’images et de vidéos
Insertion d’objets vectoriels
Création de masques
Les couleurs
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éalisation d’un écran d’accueil
Conception d’une version
Réalisation de l’interface sous Adobe XD
Composantes
Réfléchir à la qualité des images et à leur poids
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 des kits UI et les utiliser
Création d’un écran d’application mobile
Les prototypes
Création d’interfaces responsives
Définir un parcours utilisateur
Création de liens d’interactions
Prévisualisation de l’interface
Création de différents types d’interactions
Partager
Partager ses maquettes avec des collègues possédant Adobe XD
Partager ses visuels avec des clients ne possédant pas Adobe XD
Partager une version fonctionnelle et testable pour un client
Réaliser des tests
Enregistrer une vidéo des interactions
Tester le prototype en direct
Exporter
Exporter les plans de travail
Choisir le format d’exportation (PNG, JPEG…)
Exportation vers des logiciels tiers