Détails de la leçon
Description de la leçon
Adobe XD dispose d'une fonctionnalité pratique permettant d'incruster le contenu d'un plan de travail dans un autre. Cette fonctionnalité est particulièrement utile pour simuler des interactions réalistes sur des interfaces mobiles, telles que l'apparition d'un clavier lors de la saisie dans un champ de recherche ou la visualisation d'un burger menu.
Pour mettre en place cette incrustation, il faut d'abord préparer un plan de travail contenant le contenu spécifique, comme un clavier extrait des kits utilisateurs d'Apple, et le dimensionner correctement. En mode prototype, on lie l'élément interactif souhaité (comme le champ de recherche) au plan de travail préparé, en veillant à choisir le mode incrustation et en sélectionnant les animations appropriées.
Les incrustations permettent une flexibilité d'affichage des contenus, ce qui est essentiel pour la création de prototypes réalistes et interactifs. En mode aperçu, les interactions mises en place peuvent être testées aussi bien avec une souris qu'en mode tactile sur mobile.
Objectifs de cette leçon
Les objectifs de cette vidéo sont de :
- Comprendre l'utilité des incrustations dans Adobe XD.
- Apprendre à préparer et utiliser des plans de travail pour les incrustations.
- Maîtriser la configuration des animations d'incrustation.
Prérequis pour cette leçon
Pour suivre cette vidéo, il est recommandé de :
- Avoir une connaissance de base d'Adobe XD.
- Comprendre les principes fondamentaux du prototypage.
Métiers concernés
Les usages professionnels pour ce sujet incluent :
- Designer UX/UI
- Développeur Front-end
- Chef de projet digital
Alternatives et ressources
Comme alternatives à Adobe XD, vous pouvez utiliser :
- Sketch avec des plugins comme Anima.
- Figma, qui propose également des fonctionnalités de prototypage interactif.
- InVision pour les interactions et animations avancées.
Questions & Réponses
Je m'abonne
