Figma - Niveau 1

Objectifs pédagogiques

À l’issue de la formation, le participant sera en mesure de :

• Maîtriser les bases de l’outil
• Réaliser des wireframes
• Réaliser des maquettes UI
• Dynamiser les maquettes en prototype simple

PROGRAMME

MODULE 1
A. Découverte de figma

• Tour de table
• Les origines de Figma et des logiciels de création d’interfaces
• Les grands principes de conception sur écran : les lois de la Gestalt, les critères heuristiques de Nielsen, les résolutions et définitions
• Figma pour qui ? pour quoi ?
• Découverte de l’interface Figma : les outils (formes, frames, Grid, Calques, Texte), les paramétrages, le vocabulaire,...

B. Créer son premier wireframe simple et bien structuré

• Le but d’un wireframe
• Les outils simples :
  • Formes : créer des formes simples et complexes, fill, stroke, combinaisons, etc
  • Frames : disposition, taille, espacement éléments, etc
  • Grid : plan de travail multi-dimension, règles et grid
  • Calques : attributs, modification et action (rotation, scale, alignements, etc…)
  • Texte : taille, espace inter caractères / ligne, fill, etc
• Les raccourcis clavier à connaître
• La gestion des couleurs

Exercice pratique : Créer plusieurs écrans wireframe d’application 
Objectifs Opérationnels : Faire connaissance avec l’outil, comprendre ces fonctions de bases, créer ses premiers éléments design
Moyen d’évaluation : QCM

MODULE 2
A. Les bases de l’UI

• La couleur
• La typographie
• L’iconographie
• Les angles
• Grille et espaces

B. Dynamiser ses maquettes

• Les bases de l’auto-layout
• Les bases des styles
• Les bases des composants

C. Prototypage simple

• Les bases du prototypage
• Paramétrage du prototype
• Navigation au clic
• La création d’overlays

Exercice pratique : Transformer les écrans wireframe en prototype UI animé
Objectifs Opérationnels : Faire connaissance avec l’outil, comprendre ces fonctions de bases, créer ses premiers éléments design
Moyen d’évaluation : QCM
 

Informations pratiques

• Théorie 30%
• Pratique 70%
• Logistique : Avoir un compte Figma (formule gratuite)
• Lieu au choix (présentiel recommandé) : Centre de formation bewizyu, Nantes / Dans vos locaux / Classe à distance

Formateur

UI Designer et Product Designer, intervient à toutes les étapes d’un produit ou service imaginé selon une démarche centrée utilisateur.
 

Personnes en situation de handicap‍

Nos formations sont accessibles aux personnes en situation de handicap. Afin de nous permettre d’organiser le déroulement de la formation dans les meilleures conditions possibles, contactez-nous. Un entretien avec notre référent.e handicap pourra être programmé afin d’identifier les besoins et aménagements nécessaires.

Programme et catalogue peuvent être envoyés sur simple demande