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.
001 Création de l'écran de chargement
00:04:35002 Création de l'écran de lancement
00:13:04003 Création de l'écran d'introduction
00:13:09004 Création de l'écran voyage
00:14:56005 Création de l'écran régime
00:09:59006 Création de l'écran domicile
00:10:15007 Création de l'écran résultats
00:12:04008 Création de l'écran stratégie
00:22:29009 Création de l'écran projet
00:15:18010 Création de l'écran confirmation
00:05:45
1.8
Designer sur Figma comme un pro 2021 MP4