Vous souhaitez créer des pages saveurs attrayantes dans Adobe XD mais ne savez pas par où commencer.
Sans un bon design, vos pages risquent de manquer d’impact visuel, ce qui peut réduire l’engagement utilisateur.
Dans cet article, nous vous guiderons à travers le processus de création de pages saveurs, en utilisant des techniques de duplication et de personnalisation efficaces.
Maîtrisez les fonctionnalités de base d'Adobe XD-UX Designer et créez des prototypes d'interface utilisateur interactifs
Maintenant, on va créer une page consacrée aux saveurs. On a déjà designé des pages pour les cornets dans la partie où on a appris à défiler le carrousel. Donc on va répéter plusieurs manœuvres qu’on a déjà vu.
On va commencer par dupliquer la première page pour le cornet. Pour cela on clique sur le nom du plan de travail et on fait CTRL+D.
Après cela il faut changer le nom de la page pour bien organiser les plans de travail on va le nommer : Saveur . Il suffira juste de double cliquer sur l’ancien nom et change.
Ensuite, on va modifier le carrousel pour les saveurs.
Pour remplacer les images, on doit ouvrir le dossier qui contient les images qu’on veut et on fait glisser l’image directement dans le cercle qu’on veut, comme on l’a déjà vu dans la partie précédente où on a appris à créer un carrousel.
On va changer les noms sur cette page avant de la dupliquer.
Maintenant, on va interchanger les images du Footer, comme on l’a fait pour le Footer des pages Cornets. On peut utiliser les outils d’alignements ou non, comme on l’a déjà vu. On duplique d’abord la page et on manipule les images.
Sur la nouvelle page saveur où on a modifié le footer, on va dupliquer le nom Chocolat et on va déplacer la copie.
Après cela, on va démasquer le chocolat qu’on a caché et faire apparaitre le texte : Bubble gum .
On va interchanger ces deux textes.
On va encore faire tourner le footer. Pour cela, on va dupliquer la dernière page et on va interchanger les images.
Maintenant, on va s’occuper des noms en dessous des images. On va dupliquer le texte Bubble gum, et on va déplacer une copie sur le bord.
Après tout cela, on va dupliquer la dernière page.
Maintenant, on doit copier le bouton valider qu’on a déjà créé pour les pages Cornets. Pour cela, il suffit juste d’aller sur la page cornet qui contient le bouton, et on sélectionne le bouton valider qui est groupé avec le tracé et le texte Choisie , on fait CTRL+C . Après cela, on clique sur le nom de notre dernière page et on fait CTRL+V .
Le bouton sera copié au même endroit. On a fini de designer les pages Saveurs. Maintenant, on va s’occuper du footer de ces pages.
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 dupliquer une page dans Adobe XD?
Comment organiser les plans de travail dans Adobe XD?
Comment modifier un carrousel dans Adobe XD?
Comment copier un bouton dans Adobe XD?
Comment personnaliser le footer dans Adobe XD?
Conclusion
En maîtrisant la création de pages saveurs dans Adobe XD, vous pouvez enrichir vos projets de design. Quelle technique allez-vous explorer ensuite pour améliorer vos compétences en design visuel?
