Présentation
Paramétrer ses projets Animate CC
Gérer le design dans Animate CC
Apprendre les bases de l'animation dans Animate CC
Aller plus loin dans l'animation
Initiation à la programmation pour une interactivité de base dans Animate CC
Envisager d'autres perspectives de publication avec Animate CC
Détails de la leçon
Description de la leçon
Dans cette vidéo, nous explorons comment utiliser les symboles de boutons pour créer des éléments graphiques interactifs. Nous commençons par le concept de bouton par défaut, un élément graphique qui change de comportement lorsque l'utilisateur le survole ou le clique. Nous apprenons à configurer les états par défaut, survol, et cliqué, ainsi qu'à utiliser des outils comme le panneau de transformation et la boîte de redimensionnement pour ajuster l'apparence de nos boutons.
Les étapes clé incluent la création d'images clés, la configuration des états différents, et l'ajustement des zones interactives pour améliorer l'expérience utilisateur. En ajoutant un état de survol, par exemple, nous pouvons changer la couleur ou la taille du bouton, signalant ainsi aux utilisateurs qu'ils interagissent avec un élément cliquable.
Enfin, nous abordons l'importance de définir des zones interactives précises, surtout pour les boutons composés uniquement de texte, afin d'éviter les problèmes d'interactivité incohérente. En ajoutant une zone cliquable, nous assurons une expérience utilisateur fluide, sans clignotements indésirables lors du survol.
Objectifs de cette leçon
Les objectifs de cette vidéo sont de comprendre le fonctionnement des symboles de boutons, de savoir créer et modifier les différents états d'un bouton interactif, et d'apprendre à configurer des zones cliquables pour une meilleure interactivité.
Prérequis pour cette leçon
Pour suivre cette vidéo, vous devez avoir des connaissances de base en design graphique et développement web, et une familiarité avec des outils de création graphique.
Métiers concernés
Les compétences acquises dans cette vidéo sont particulièrement utiles pour les métiers de développeur d'interface utilisateur, designer UX/UI, et web designer.
Alternatives et ressources
Parmi les alternatives aux symboles de boutons décrits, vous pouvez utiliser des bibliothèques CSS comme Bootstrap ou des frameworks JavaScript comme React pour créer des éléments interactifs similaires.
Questions & Réponses
Je m'abonne