What You Will Learn!
- Benchmarker les écrans à réaliser et planifier son design
- Maquetter les écrans en utilisant les composants, les variants et les autolayout
- Appliquer une charte graphique en utilisant les styles et un shared library
- Prototyper en haute fidélité avec les composants interactifs et les smart animate
Description
Vous souhaitez prendre en main Figma rapidement avec les méthodes utilisées par les pros ?
Nous partageons ici :
une librairie de styles, composants et écrans mobile et web
un pas à pas pour passer de wireframes à un prototype en haute fidélité
une méthode d'organisation de vos fichiers
Dans ce cours, je vais vous montrer toutes les étapes pour transformer une idée en un prototype réaliste pour tester votre concept :
initialiser un projet avec une bibliothèque de composant et une charte graphique
réaliser un design fonctionnel avec les composants, les autolayouts, les variants
l'assemble en un premier prototype complet
appliquer un design visuel et affiner les contenus
travailler les transitions, les intéractions avec les smart-animate et les composants intéractifs
Je vous introduirais aux préalable les concepts et techniques utilisées par les pros :
les plugins utiles pour placer des images, des cartes, des avatars et plus
les frames et les auto-layout pour réaliser des mise en page solides qui s'adaptent aux écrans
les composants et la surcharge pour composer plus rapidement et avec plus de cohérence
les smart animates pour réaliser des prototypes réalistes
Nous allons réaliser ensemble, en pas à pas, une application composée de 10 écrans en quelques heures. Ce cours s'accompagne d'exercices pratiques pour bien vérifier que chaque concept est assimilé.
Ce cours s'adresse autant aux débutants qu'au pratiquants avancés qui souhaitent faire évoluer leurs méthodes de travail.
Who Should Attend!
- UX designers, Product Managers, UX Engineers et fondateurs de startups
