Vous souhaitez améliorer l’apparence de votre footer dans Adobe XD mais ne savez pas comment appliquer un dégradé efficace.
Sans un bon usage des dégradés, votre design peut paraître fade et manquer d’attrait visuel, rendant votre projet moins impactant.
Cet article vous guidera à travers les étapes pour appliquer un dégradé sur votre footer, utilisant l’outil Fond et les calques pour un design professionnel.
Maîtrisez les fonctionnalités de base d'Adobe XD-UX Designer et créez des prototypes d'interface utilisateur interactifs
Maintenant que notre footer est copié dans XD. On va lui appliquer une couleur dégradée.
Pour commencer, on va renommer le calque de notre footer pour bien organiser notre travail.
Si on le développe, le calque Footer est composé de plusieurs autres calques.
Pour appliquer un dégrader, on va dans l’outil Fond.
À l’aide de l’outil Calque on va sélectionner facilement chaque tracé. Avec l’outil Fond , on va appliquer les couleurs principales des dégradés qu’on va appliquer à chacune des traces de notre Footer.
Maintenant avec l’outil Bordure , on va appliquer une couleur blanche à la bordure de notre Footer.
On va maintenant créer un dégradé. Pour ce faire, on sélectionne une trace, on va dans Fond et on clique sur l’indication » Couleur unie « .
On utilise ces anneaux pour configurer la couleur initiale et final du dégradé. La position de celle sur le tracé détermine l’orientation et la disposition du dégradé.
On peut changer les couleurs initiale ou finale du dégrade grâce aux anneaux. Pour ce faire, on clique sur l’un des anneaux initial ou final et change la couleur sur Fond.
Comme on l’a dit plutôt, on peut changer la disposition d’un dégradé en manipulant les anneaux. On peut placer les anneaux sur la figure pour changer la disposition, on fait un clic glisser.
On va appliquer des dégrades à toutes les traces de notre Footer.
On a fini de travailler sur notre Footer, on va maintenant passer à la création d’un carrousel.
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 appliquer un dégradé dans Adobe XD?
Pourquoi renommer les calques dans Adobe XD?
Comment changer la couleur d'un dégradé dans Adobe XD?
Qu'est-ce que l'outil Fond dans Adobe XD?
Comment créer un carrousel après un footer dans Adobe XD?
Conclusion
En appliquant des dégradés à votre footer dans Adobe XD, vous pouvez transformer l’apparence de votre design. Quelles autres techniques créatives pourriez-vous explorer pour dynamiser votre projet?
