Installation de Figma
Découverte de l'interface
Refonte de l'application météo "Rain Today"
Prototypage de l'app
Pour aller plus loin / Bonus
Détails de la leçon
Description de la leçon
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.
Objectifs de cette leçon
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.
Prérequis pour cette leçon
Pour suivre cette vidéo, vous devez avoir des notions de base en design d'interface utilisateur et être familiarisé avec les outils de prototypage.
Métiers concernés
Cette vidéo est utile pour les :
- Designers UX/UI
- Développeurs front-end
- Product managers
- Consultants en ergonomie
Alternatives et ressources
Des alternatives à l'outil de prototypage utilisé dans la vidéo incluent :
- Adobe XD
- Sketch avec InVision
- Marvel App
Questions & Réponses
Je m'abonne