UI DESIGN / Figma

Objectifs pédagogiques :

• Comprendre l’interface de Figma et sa structure de travail.
• Maîtriser les principes fondamentaux du design d’interface utilisateur.
• Savoir utiliser les outils de base de Figma pour la création de maquettes.

Contenu :

1. Présentation de l’interface de Figma : panneaux, outils, barres d’outils.
2. Introduction aux principes du design UI : hiérarchie visuelle, typographie, couleur.
3. Création d’une première maquette simple : mise en page, ajout d’éléments de base.

Objectifs pédagogiques :

• Apprendre à créer des maquettes détaillées dans Figma.
• Comprendre le processus de prototypage pour créer des interactions utilisateur.
• Savoir utiliser les composants et les styles pour optimiser le workflow.

Contenu :

1. Création de maquettes détaillées : ajout de contenu, création de composants.
2. Introduction au prototypage : création de liens entre les écrans, ajout d’interactions.
3. Utilisation des composants et des styles pour maintenir la cohérence et l’efficacité.

Objectifs pédagogiques :

• Comprendre les fonctionnalités de collaboration de Figma.
• Savoir partager et présenter efficacement des projets avec d’autres collaborateurs.

Contenu :

1. Collaboration en temps réel : utilisation des fonctionnalités de commentaires et de révision.
2. Partage de projets : génération de liens de partage, paramètres de partage.
3. Présentation de projets : création de prototypes interactifs pour les présentations.

Objectifs pédagogiques :

• Apprendre les principes du design responsif pour différentes tailles d’écran.
• Maîtriser les techniques de conception adaptative dans Figma.

Contenu :

1. Introduction au design responsif : breakpoints, grille fluide.
2. Création de maquettes adaptatives pour mobile, tablette et desktop.
3. Utilisation des variantes et des composants adaptatifs dans Figma.

Objectifs pédagogiques :

• Mettre en pratique les compétences acquises dans un projet concret.
• Recevoir des retours et conseils sur les projets réalisés.
• Réviser les concepts clés et les techniques abordées pendant la semaine.

Contenu :

1. Réalisation d’un projet pratique : conception complète d’une interface utilisateur.
2. Présentation et partage des projets réalisés pour feedback et échanges.
3. Révision des points clés et résolution des questions en suspens.
4. Discussion sur les prochaines étapes pour continuer à développer ses compétences en design UI et Figma.