Maison >Tutoriel logiciel >Logiciel >Comment créer une fenêtre contextuelle de règle d'activité dans Adobe XD_Comment créer une fenêtre contextuelle de règle d'activité dans Adobe XD

Comment créer une fenêtre contextuelle de règle d'activité dans Adobe XD_Comment créer une fenêtre contextuelle de règle d'activité dans Adobe XD

WBOY
WBOYavant
2024-04-10 14:00:07917parcourir

l'éditeur php Baicao vous présente la méthode de création de fenêtres contextuelles de règles d'activité dans Adobe XD. Adobe XD est un outil de conception d'expérience utilisateur professionnel Grâce à son interface facile à apprendre et à ses fonctions puissantes, il peut aider les concepteurs à créer rapidement des éléments tels que des fenêtres contextuelles de règles. Lors de la conception de fenêtres contextuelles de règles d'activité, vous pouvez utiliser les différents outils et fonctions fournis par Adobe XD pour obtenir un processus de conception rapide et efficace, rendant la page d'activité plus attrayante et améliorant l'expérience utilisateur. Voyons ensuite comment utiliser Adobe XD pour créer des fenêtres contextuelles de règles d'événement !

1. Ouvrez d'abord Adobe XD et sélectionnez l'outil [Rectangle] pour dessiner un rectangle aussi grand que l'écran du téléphone.

Adobe XD怎么制作活动规则弹窗_Adobe XD制作活动规则弹窗方法

2. Cliquez ensuite sur [Remplir] dans la barre de propriétés à droite, remplissez le rectangle avec [Noir] et modifiez l'opacité à [70 %].

Adobe XD怎么制作活动规则弹窗_Adobe XD制作活动规则弹窗方法

3. Sélectionnez l'[Outil Rectangle] pour dessiner un rectangle arrondi blanc d'une largeur de 360 ​​pixels et d'une hauteur de 500 pixels.

Adobe XD怎么制作活动规则弹窗_Adobe XD制作活动规则弹窗方法

4. Sélectionnez [Outil Texte] pour saisir le titre de la fenêtre contextuelle au milieu de la fenêtre contextuelle et définissez la police et la taille de la police dans la barre de propriétés à droite.

Adobe XD怎么制作活动规则弹窗_Adobe XD制作活动规则弹窗方法

5. Sélectionnez ensuite l'[Outil Texte] pour dessiner une zone de texte et saisissez le contenu de la règle dans la zone de texte.

6. Enfin, sélectionnez l'[Outil Ellipse] pour dessiner un bouton de fermeture.

Adobe XD怎么制作活动规则弹窗_Adobe XD制作活动规则弹窗方法

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer