Votre footer reste statique et ne s’adapte pas aux changements de page dans Adobe XD.
Un footer statique peut nuire à l’engagement utilisateur et donner une impression de design figé.
Découvrez comment faire tourner et changer votre footer dynamiquement avec Adobe XD pour un design interactif et attrayant.
Maîtrisez les fonctionnalités de base d'Adobe XD-UX Designer et créez des prototypes d'interface utilisateur interactifs
Maintenant, on va faire tourner le footer. Pour qu’à chaque fois que l’utilisateur change de page, le footer tourne et change.
Pour commencer, il faut choisir une autre glace si on veut, pour remplacer la glace qui est déjà là.
Puis on duplique le texte Cornet en dessous des deux glaces. Pour cela, on clique sur le texte et on fait CTRL+C et CTRL+V .
Après cela, on doit grouper la nouvelle glace ( Glace 2 ) et le texte Saveur qu’on vient d’écrire, puis on va renommer leur groupe : Saveur.
Après cela, il faudra masquer ce groupe. Puis, on va aussi grouper l’ancienne glace et l’ancien texte en dessous (Cornets) et on va le nommer : Cornet .
Après tout cela, depuis la liste des calques, on va sélectionner le groupe Cornet (l’ancienne glace et texte) et le Footer.
Après avoir sélectionner, on va tourner tous les groupes qu’on a sélectionnés à -90 degrés .
Puis, on sélectionne ce groupe Cornet , et on diminue l’ opacité à 0%
Après cela, on va démasquer le groupe saveur qu’on masqué.
Maintenant, on va copier ce footer sur les pages Saveur . Pour cela, on va supprimer les autres sur les autres pages qu’on n’a pas encore modifiées.
Pour chaque page qu’on n’a pas encore modifiée, on doit sélectionner : La glace , le texte Cornet et le footer . Et on supprime avec la touche DELETE ou SUPPR .
On va sélectionner le groupe Saveur et Footer . Et on fait CTRL+C .
Après avoir fait la copie, on clique sur les noms des pages où on va copier les éléments qu’on a sélectionnés. On peut maintenir la touche SHIFT tout en cliquant sur les noms pour pouvoir les sélectionner ensemble. Puis on fait CTRL+V.
Voilà, on finit de modifier notre footer. Le footer changera quand l’utilisateur changera de page.
Maintenant, on va passer au design de la page pour les sauces.
Formez-vous gratuitement avec Alphorm !
Maîtrisez les compétences clés en IT grâce à nos formations gratuites et accélérez votre carrière dès aujourd'hui.
FAQ
Comment faire tourner le footer à chaque changement de page dans Adobe XD ?
Comment grouper des calques dans Adobe XD ?
Pourquoi masquer des groupes dans Adobe XD ?
Comment changer l'opacité d'un groupe dans Adobe XD ?
Comment copier des éléments sur plusieurs pages dans Adobe XD ?
Conclusion
En utilisant ces techniques, votre design Adobe XD devient non seulement plus interactif, mais aussi plus engageant pour les utilisateurs. Quel autre aspect aimeriez-vous explorer dans Adobe XD pour améliorer l’interactivité de vos projets ?
