Trouver la formation qui vous correspond.

Plus de 500 formations dans les domaines informatique, bureautique et développement professionnel
Generic selectors
Exact matches only
Search in title
Search in content
Search in posts
Search in pages
Filter by Categories
Actus
Financement
Formations

Ex. : ExcelWordPhotoshopJavaAgile

Centre de formation Informatique et Ressources Humaines

Trouver la formation qui vous correspond.

Plus de 500 formations dans les domaines informatique, bureautique et développement professionnel
Generic selectors
Exact matches only
Search in title
Search in content
Search in posts
Search in pages
Filter by Categories
Actus
Financement
Formations

Ex. : ExcelWordPhotoshopJavaAgile

Adobe XD – UX / UI – Design

THAB1421

2 jours (14 heures) – Initiation / Fondamentaux

2 jours (14 heures)
Initiation / Fondamentaux

Formation : Adobe XD – UX / UI – Design

Domaine : Bureautique

Présentiel
Présentiel
Online
En ligne
Coût
1000€

Objectifs pédagogiques

  • Maîtriser les bonne pratiques de conception d’interfaces
  • Créer des interfaces interactives de sites Web et d’applications mobiles
  • Réaliser des parcours de navigation répondant aux besoins des utilisateurs
  • Partager et tester des prototypes pour réaliser des interfaces fonctionnelles

Niveau requis

  • Bonne connaissance de l'environnement Web. Pratique courante d'un logiciel de dessin vectoriel et bitmap est souhaitée

Public concerné

  • Webmasters, graphistes, directeurs artistiques, responsables de communication, chefs de projets, cadres, consultants, MOA, MOE, AMOA

Dates de formations

  • Aucune session est planifiée actuellement pour cette formation.

Programme de formation

2 jours (14 heures)

Initiation / Fondamentaux

Introduction

  • Qu’est-ce que Adobe XD ?
  • Les atouts et les enjeux du logiciel

Le prototypage

  • Les étapes de conception
  • Design d’interface
  • L’architecture de l’information
  • Les tendances du Design

Découvrir l’interface d’Adobe XD

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

Les plans de travail et repères

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

Les formes

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

Les textes

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

Les images

  • Importer des images
  • Créer des 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

    Réaliser un écran d’accueil d’application mobile

    • Conception d’une version papier ou maquette filaire détaillée
    • Réalisation de l’interface sous Adobe XD

    Composants et KIT UI

    • Créer et manipuler les composants
    • Variantes des composants
    • Propriétés partagées et communes
    • Sélectionner et utiliser des kits UI
    • Créer deux écrans d’application mobile (connexion / inscription)

    Prototyper

    • Créer des interfaces responsives
    • Définir un parcours utilisateur
    • Créer les liens d’interactions
    • Prévisualiser l’interface
    • Déclencheurs claviers et manettes

    Partager

    • Créer des liens de partage
    • Déposer des commentaires
    • Ressources liées

    Tester

    • Enregistrer une vidéo des interactions
    • Installer l’application Adobe XD
    • Tester le prototype en direct

    Exporter

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

    Réaliser un prototype de site Web

    • Conception d’une version papier ou maquette filaire détaillée
    • Utiliser un kit d’interface utilisateur

    Qualité et certification

    Rejoignez-nous