UI Design mobile-first → Module 7 — Prendre en main Figma

Expand all sectionsCollapse all sections

Module 1 — Les principes de l'UI design
Différence entre UI et UX, et rôle du designer d'interface.
1
- 1.1
  Module 1 — Les principes de l’UI design
Module 2 — Penser mobile-first
Contraintes de l'écran mobile et zones de pouce.
1
- 2.1
  Module 2 — Penser mobile-first
Module 3 — Grilles, espacements et hiérarchie
Structurer un écran lisible.
1
- 3.1
  Module 3 — Grilles, espacements et hiérarchie
Module 4 — Typographie pour écrans
Tailles, graisses et lisibilité.
1
- 4.1
  Module 4 — Typographie pour écrans
Module 5 — Couleurs et contrastes
Palette, accessibilité et modes clair et sombre.
1
- 5.1
  Module 5 — Couleurs et contrastes
Module 6 — Icônes, images et composants
Boutons, cartes, champs et navigation.
1
- 6.1
  Module 6 — Icônes, images et composants
Module 7 — Prendre en main Figma
Cadres, composants et styles partagés.
1
- 7.1
  Module 7 — Prendre en main Figma
Module 8 — Construire un design system
Composants réutilisables et cohérence.
1
- 8.1
  Module 8 — Construire un design system
Module 9 — Prototyper les interactions
Liens, transitions et tests utilisateurs.
1
- 9.1
  Module 9 — Prototyper les interactions
Module 10 — Projet : concevoir une application mobile
De l'écran d'accueil au parcours complet.
1
- 10.1
  Module 10 — Projet : concevoir une application mobile

UI Design mobile-first