UI Design mobile-first

Bientôt disponible

Concevez des interfaces mobiles claires et attractives, de la maquette au prototype interactif.

Pour qui ? Designers débutants, développeurs et chefs de produit.

Programme

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

Ce cours est en cours de production. Les leçons seront mises en ligne prochainement.

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

Prix Gratuit

Formateur Amos KILIAN

Lectures 10