养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

Adobe XD如何给按钮添加悬停效果

时间:2024-10-19 21:31:05

AdobeXD如何给按钮添加悬停效果?7个步骤教你快速上手。

工具/原料

小米pro14

Windows11

AdobeXD2022

方法/步骤

1、打开AdobeXD软件,选择左侧栏【矩形】和【文本】工具,在画板中绘制一个按钮形状。

Adobe XD如何给按钮添加悬停效果

2、选中画板中的矩形和文本,右键点击打开列表,选择【组】。

Adobe XD如何给按钮添加悬停效果

3、选中该组,右键点击打开列表,选择【制作组件】。

Adobe XD如何给按钮添加悬停效果

4、找到右侧组件面板,点击【+】,选择【悬停】状态。

Adobe XD如何给按钮添加悬停效果

5、选中文字,将文字的填充颜色改成和背景一样的颜色。

Adobe XD如何给按钮添加悬停效果

6、选择矩形背景,将填充色前面的勾选框去掉。

Adobe XD如何给按钮添加悬停效果

7、选中按钮,选择组件中的【默认状态】,点击右上角的播放按钮即可预览悬停效果。

Adobe XD如何给按钮添加悬停效果

© 一点知识