Introduction au Prototypage
Objectifs
Les objectifs de cette vidéo sont de :
- Identifier les différentes interactions entre les écrans.
- Comprendre les types de transition et d'animation disponibles.
- Appliquer des animations fluides et personnalisées aux prototypes.
- Utiliser efficacement l'onglet présentation pour tester les prototypes.
Résumé
Découvrez comment créer un prototype interactif pour votre application en reliant des écrans et en ajoutant des animations fluides.
Description
Dans cette leçon, nous abordons le courage du prototypage interactif de votre application. Nous commençons par sélectionner l'onglet prototype et explorons comment lier un écran ou un élément à un autre. Le processus inclut la définition des interactions par clic, survol ou autres méthodes, ainsi que le choix des types de transitions comme le dissolve, move in, push, et plus encore.
Nous verrons également comment ajuster la durée et choisir des animations spécifiques pour créer des transitions fluides entre les états de notre prototype. Enfin, après avoir réalisé la première interaction, nous passons à une démonstration en direct dans l'onglet présentation.
Cette session est une introduction au prototypage. À la fin de cette vidéo, vous serez capable de créer des prototypes de base et de comprendre les différentes animations possibles pour affiner vos designs ultérieurs.
Questions - réponses
Programme détaillé
Module 1 - Installation de Figma
Module 2 - Découverte de l'interface
Module 3 - Refonte de l'application météo "Rain Today"
Module 4 - Prototypage de l'app
Module 5 - Pour aller plus loin / Bonus
Trop de "du coup" et du coup ça agace mais sinon super
Seul bémol par contre, pitié Elephorm, mettez les fichiers de travail avec la formation... (Ce n'est pas la seule sur laquelle il manque les fichiers d'ailleurs); mais mettez-les, ça évite d'aller chercher à droite et à gauche des SVG que l'on doit convertir, des images, etc...
A part ça, super formation !