Les principes fondamentaux de l’UX Design
- UX Design vs UI Design
- Les grandes lois UX
Présentation des différents styles graphiques des Interfaces
- Comment, quand et pourquoi les utiliser
Présentation générale de Figma
- Découverte des différentes formules
- Figma en version Desktop et en version Web
- Créer une Team et un projet
- Découverte de l’interface (outils, panneaux, calques,…)
Organiser un fichier Figma
- Création et gestion d’un document
- Gestion des Frames
- Organiser son fichier via les pages
- Créer des grilles de mise en page
- Présentation de la grille à 8 pt
Les outils de conceptions
- Les outils de formes
- Alignement, répartition, pathfinder
- Manipulation des différents types de texte
- Redimensionner avec l’outil scale
- Utilisation des méthodes de masquage
- Importation de ressources externes
Les styles / Variables
- Découverte de l’Atomic Design
- Créer des styles de grille
- Créer des styles de couleurs et d’effet
- Création d’un système de Typescale pour web et mobile
- Introduction aux variables
Utilisation des composants
- Création et manipulation
- Utiliser les Auto Layouts
- Responsive Design
- Utilisation des Variants
- Présentation et utilisation des propriétés
- Création de composants imbriqués complexes
Optimiser son workflow
- Choisir et installer un plugin
- Découvrir les plugins indispensables
- Utiliser les plugins
- Tips et bonnes pratiques
Système de collaboration
- Autorisations
- Commentaires
- Librairies partagées
- Idéation via Figjam
Le mode prototype
- Présentation du mode Prototype
- Gestion du Scroll et position fixe
- Liaison des écrans
- Liaison d’éléments intéractifs
- Créer des Overlays
- Utiliser les transitions Smart Animate
- Utiliser les gestes tactiles
- Prototype avancé avec les variables
Le mode inspect
- Présentation du mode Inspect
- Exportation des assets
Des ateliers et travaux pratiques seront effectués tout au long de la formation.
