Objectifs pédagogiques de la formation UI Design et Innovation
-
Former des professionnels capables de concevoir des interfaces esthétiques, accessibles et centrées sur l’utilisateur, selon les principes du design UI moderne.
-
Maîtriser les outils phares du marché comme Figma, Affinity Designer et LottieFiles, dans une logique de création fluide, sans abonnement contraignant.
-
Initier à l’animation d’interface et au prototypage interactif avec des solutions adaptées (Smart Animate, Figmotion, Rive), sans recourir à After Effects.
-
Développer une pratique du design collaboratif et itératif, compatible avec les environnements d’équipe (design systems, composants réutilisables, retours utilisateurs).
-
Explorer les apports de l’IA générative dans le processus créatif (idées visuelles, illustrations, variation rapide), tout en sensibilisant aux enjeux éthiques.
-
Préparer les participants à des certifications ou titres professionnels en UI/UX Design, ou à la constitution d’un portfolio solide pour une reconversion ou une montée en compétences.
Contenu de la formation UI Design et Innovation *
* Programme de formation à titre indicatif et adapté sur-mesure selon vos besoins.
Cette formation UI Design privilégie les outils performants sans abonnement : Figma et la suite Affinity (Designer, Photo, Publisher).
Vous apprendrez à concevoir des interfaces modernes, même sans Adobe.
Jour 1 : Fondamentaux et outils du UI Design
Matinée : Introduction au UI Design et exploration des tendances (3h)
- Les fondamentaux du UI Design :
- Courants historiques (skeuomorphisme, flat design, material design).
- Tendances actuelles : brutaliste, minimaliste, dark mode, néomorphisme.
- Les principes de qualité en design d’interface :
- Accessibilité numérique (contrastes, lisibilité).
- Expérience utilisateur et hiérarchie visuelle.
- La veille design :
- Utilisation d’outils comme Behance, Dribbble, et Awwwards.
- Suivre les innovations technologiques (IA, interfaces immersives).
Exercice pratique : Analyser une interface primée sur Awwwards ou Behance.
Après-midi : Atelier Figma et des outils collaboratifs (3h)
- Bonnes pratiques avec Figma ou Penpot :
- Configuration de l’interface et fonctionnalités essentielles.
- Collaboration en temps réel sur un projet UI.
- Prototypage rapide :
- Création de wireframes interactifs et composants réutilisables.
- Introduction aux bibliothèques de design (design systems).
Exercice pratique : Réaliser un prototype fonctionnel d’une page d’accueil pour une application mobile.
Jour 2 : Création avancée et intégration multimédia
Matinée : Création graphique avec la suite Affinity Serif V2 (3h)
- Affinity Designer Affinityy Photo pour le UI Design :
- Création de visuels vectoriels et optimisés pour le web.
- Retouches spécifiques pour les interfaces.
- Rive.app, Figmotion et LottieFiles pour les micro-interactions :
- Introduction aux animations interactives (Lottie, GIFs).
- Exportation des animations pour une intégration UI/UX.
Exercice pratique : Créer une animation simple pour un bouton interactif ou un onboarding.
Après-midi : IA générative et outils innovants pour le UI Design (3h)
- Introduction à l’IA générative :
- L’usage de l’IA générative est abordé de manière critique et créative, à travers des outils accessibles comme DALL·E (via ChatGPT) ou Playground AI.
- Les participants apprendront à intégrer ces images dans leurs maquettes Figma, à tester des variations rapides, ou à enrichir leurs moodboards.
- Création guidée par prompts :
- Techniques pour générer des moodboards, des palettes de couleurs, et des concepts.
- Intégrer les visuels générés dans des maquettes Figma.
- Éthique et propriété intellectuelle :
- Comprendre les limites et les implications juridiques des créations IA.
Exercice pratique : Créer un moodboard visuel en utilisant un outil d’IA générative et l’intégrer dans un projet Figma.
Jour 3 : Présentation et certification UI Design
Matinée : Finalisation de projets UI Design (3h)
- Préparer un livrable professionnel :
- Structurer une maquette pour les développeurs.
- Exportation et documentation des projets avec Zeplin ou Figma.
- Storytelling pour présenter un projet :
- Argumenter ses choix de design.
- Valoriser les résultats et l’impact utilisateur.
Exercice pratique : Préparer une présentation d’un projet UI Design fictif ou réel.
Après-midi : Simulation et préparation à la certification (3h)
- Simulation de projet pour certification UI Design :
- Respecter un cahier des charges.
- Gérer les délais et les itérations.
- Évaluation et feedback :
- Analyse des projets des participants.
- Retour constructif pour renforcer les compétences.
Exercice pratique : Présenter et défendre son projet devant le groupe.