loader image

Design graphique

Formations

2 jours (14h)

Présentiel

700 €HT INTER

Maquettage Web avec XD

En assemblant des images et des textes, on transmet un message. Mieux, grâce à la gestion des formes, des couleurs et des espaces d’une même composition, on peut créer une émotion exprimer un concept… La page blanche devient une scène de théâtre…

PROGRAMME

Découvrir ce qu’est Adobe XD et comprendre son interface.

  • Réaliser les étapes du prototypage
  • Réaliser les plans de travail et repères
  • Créer des formes, des éléments vectoriels et des icônes Saisir et gérer les styles de texte
  • Créer et importer des images
  • Créer, gérer et générer des couleurs
  • Utiliser et gérer une grille de répétition
  • Réaliser un écran d’accueil d’application mobile (version papier / maquette filaire / interface)
  • Gérer les symboles et kit UI
  • Prototyper en créant des interfaces responsives
  • Définir des parcours utilisateur
  • Créer des liens d’interactions
  • Prévisualiser l’interface
  • Créer des liens de partage / déposer des commentaires
  • Enregistrer des une vidéo des interactions
  • Tester le prototype en direct
  • Exporter les plans de travail et choisir le format d’export

Exercice final: produire un prototype de site Web.

Public

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

Pré‑REQUIS

  • Nous demandons une bonne connaissance de l’environnement Web.
  • La pratique courante d’un logiciel de dessin vectoriel est souhaitée.

Objectifs pédagogiques

  • Maîtriser les bonnes pratiques de conception d’interfaces,
  • Créer des interfaces interactives de site Web et d’applications mobiles,
  • Rendre le design Web dynamique,
  • Partager et tester des prototypes pour réaliser des interfaces fonctionnelles.

Moyens pédagogiques

  • 1 PC par stagiaire
  • 1 hébergement PHP/MySQL avec sous‐domaine mis à disposition
  • Alternance d’apports théoriques et exercices à difficultés progressives
  • Centre de ressources en ligne, disponible pendant et après tous nos parcours : media.pixelhome.fr

Modalités d’évaluation

  • Délivrance d’une attestation de compétences détaillées
  • Évaluation de satisfaction en ligne
  • Évaluation finale par QCM ou cas pratique récapitulatif

Pin It on Pinterest

Share This