Téléchargez le parcours au format PDF
Public concerné
- Graphistes, designers et directeurs artistiques souhaitant se former au design d'interface
- Chefs de projet et développeurs web souhaitant améliorer leur productivité et leur collaboration avec les designers d'interface
Prérequis
- Avoir une bonne connaissance web
- Avoir une expérience en conception, développement ou gestion d'un projet web
- Avoir une sensibilité au graphisme et à l'ergonomie
Validez les prérequis
Afin de vérifier que vous disposez bien des prérequis nécessaires à cette formation, nous vous invitons à réaliser ce test.
Temps estimé : 4 minutes.
Passer le testObjectifs de formation
- Définir le rôle de Figma dans la conception ergonomique
- Concevoir des livrables opérationnels pour le web : maquettes graphiques responsive, librairie de composants, prototype interactif
- Partager son travail avec les parties prenantes d'un projet web
Programme de votre formation
-
#
M2I START AVANT VOTRE FORMATION
Contextualisation du projet de formation et prise en compte des besoins de chacun
- Positionnement initial de l’apprenant par rapport aux objectifs
- Définition des priorités et des objectifs personnels de l’apprenant
- Vidéos de mise en situation
- Accès au Chat interactif myM2i pour interagir avec les membres de son groupe
-
#
M2I LIVE VOTRE FORMATION ANIMÉE PAR NOTRE EXPERT ¹
Programme
Maquetter avec Figma
- Premier pas sur Figma
- Présentation des métiers de la production web
- Découverte de la suite d'outils Figma
- Prise en main des fonctionnalités de base de Figma
- Créer un guide de style
- Utiliser les styles de Figma
- Mettre en place les propriétés : couleurs, typographies, grilles et les espacements
- Maquettage d'une page web
- Principes de la mise en page : Direction, Padding, Espacement, Alignement
- Découverte de l'auto-layout
- Création d'une bibliothèque de composants
- Introduction à l'Atomic Design
- Création des premiers composants UI (atomes, molécules etorganismes)
Responsive et prototypage
- Conception en responsive design
- Comprendre comment fonctionne le responsive
- Création d'une section responsive
- Prototypage
- Découvertes des différents états des composants
- Comprendre les caractéristiques des micro-intéractions : le déclencheur, les règles, le retour d'information, les boucles et modes
- Les règles à respecter pour la création de micro-intéractions
- Prendre en main l'outil Figma Make
- Méthodologie et Collaboration :
- Organiser son fichier Figma efficacement
- Exporter et partager des ressources ou des fichiers
- Apprendre à collaborer avec les autres designers
- Apprendre à collaborer avec les autres designers
- Plugins et Community
- Découverte des plugins Figma
- Exploitation des ressources de la communauté Figma
Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.
- Premier pas sur Figma
-
#
M2I BOOST APRÈS VOTRE FORMATION
Réactivation et consolidation des acquis en situation de travail
- 30 jours d’accompagnement personnalisé sur myM2i inclus ²
- Ressources Boosters (Abonnement au M2i’Mag Soft Skills, formations offertes, invitations aux conférences d’actualité…)
- ¹ Les actions et les outils présentés dans ce programme le sont à titre indicatif et peuvent faire l’objet d'adaptation selon les niveaux, prérequis et besoins des apprenants. Les compétences clés de ce programme sont traitées à raison d'une compétence par demi-journée de formation.
- ² Sur myM2i, pendant 30 jours post-fin de formation, les apprenants disposent d’une messagerie sécurisée pour échanger, dans la limite de 4 sollicitations, avec leur formateur.
Modalités, méthodes et moyens pédagogiques
Modalités d'évaluation - évaluation en 3 phases :
Pendant la formation : un bilan journalier effectué par l'intervenant.
À chaud : à la fin de la formation, un bilan qualité pour mesurer l'atteinte des objectifs.
À froid : à J + 3 mois, une évaluation du transfert des acquis en situation professionnelle.
Matériel et logiciels nécessaires pour suivre cette formation :
Formation en présentiel : les ordinateurs sont équipés des logiciels nécessaires au suivi de cette formation.
Formation en distanciel : il est recommandé de se munir d'un double écran. S'il y a lieu, des accès à Figma pourront être créés par Pyramyd et vous seront communiqués en formation.
Formation en intra-entreprise : il est recommandé de se munir d'un double écran. Installer Figma au préalable.
Équipe pédagogique et techniques pédagogiques :
Un consultant expert de la thématique et une équipe pédagogique en support du stagiaire pour toute question en lien avec son parcours de formation.
Alternance de théorie, de démonstrations par l'exemple et de mise en pratique grâce à de nombreux exercices individuels ou collectifs.
Exercices, études de cas et cas pratiques rythment cette formation.
Ressources pédagogiques :
Un support de formation présentant l'essentiel des points vus durant la formation et proposant des éléments d'approfondissement est téléchargeable sur notre plateforme.
Modalités d’évaluation des acquis
Évaluation en 3 phases :
Pendant la formation : un bilan journalier effectué par l'intervenant
À chaud : à la fin de la formation, un bilan qualité pour mesurer l'atteinte des objectifs
À froid : à J + 3 mois, une évaluation du transfert des acquis en situation professionnelle
Accessibilité de la formation
Le groupe M2I s'engage pour faciliter l'accessibilité de ses formations. Toutes nos formations sont accessibles aux personnes en situation de handicap : les détails de l'accueil des personnes sont consultables sur la page Accueil Handicap
Modalités et délais d’accès à la formation
Les formations M2I sont disponibles selon les modalités proposées sur la page programme. Les inscriptions sont possibles jusqu'à 48 heures ouvrées avant le début de la formation. Dans le cas d'une formation financée par le CPF, ce délai est porté à 12 jours ouvrés.
