Outils graphiques / Web création Outils graphiques / Web création
Référence formation : 2-XD-BASE - Durée : 2 jours

 
  • Objectifs
  • Pré-requis
  • Pédagogie
Maîtriser la conception d'interfacesCréer des interfaces interactives de sites Web et d'applications mobilesCréer un parcours de navigation pour l’utilisateur final
Bonne maitrise de l’environnement Windows ou Mac OS.Avoir une bonne connaissance de l'environnement Web

Méthodes pédagogiques

Présentation des concepts, démonstration, exécution, synthèse et exercices pratiques d'assimilation

Modalités pédagogiques

Présentiel - Distanciel - AFEST

Moyens pédagogiques

Formateur expert du domaine - 1 ordinateur, 1 support de cours version papier ou numérique, un bloc-note et un stylo par personne - vidéo projecteur - tableau blanc

Modalités d'évaluation

Positionnement préalable oral ou écrit - Evaluation formative tout au long de la formation - Evaluation sommative faite par le formateur ou à l'aide de la certification NULL

Public concerné

Salariés - Demandeur d'emploi - Reconversion professionnelle

Si vous êtes en situation de handicap, vous pouvez joindre notre référent Handicap. Voir notre fiche Accès correspondante.

Contenu pédagogique

Introduction

  • Présentation d’Adobe XD
  • Domaine d’intervention : illustration, UX Design, UI Design

Interface et préférences

  • Découvrir les différentes zones de l’interface Adobe XD
  • Connaître les normes d’usage dans les outils de design
  • Mémoriser les raccourcis principaux
  • Paramétrer l’interface utilisateur

La création graphique

  • Créer des plans de travail et des calques
  • Insérer des formes prédéfinies, créer des formes personnalisées
  • Sélectionner, positionner, transformer, supprimer des éléments
  • Paramétrer la taille, les couleurs, les dégradés ou motifs
  • Ajouter des effets
  • Utiliser les masques
  • Ajouter des blocs de texte
  • Importer et éditer des éléments vectoriels et des images bitmap

Le projet complet

  • Gestion du projet et des fichiers .XD
  • Calques, grilles, repères
  • Gestion des styles
  • Les composants : utiliser les fonctionnalités de l’override (textes, images, composants imbriqués)
  • Utiliser les contraintes de redimensionnement
  • Créer un prototype avec des transitions
  • Définir le premier écran du prototype
  • Créer des connexions entre les différents écrans
  • Les différentes possibilités d'interactions et d'animations

Exporter et partager son projet Adobe XD

  • Visionner et tester sur un smartphone
  • Exporter les écrans en fichiers .JPG .PNG .PDF
  • Exporter les éléments pour la production