Adobe XD鼠标悬停怎么用?使用方法是什么?

李冰琪            来源:优草派

Adobe XD是一站式UX/UI设计平台,在这款产品上面用户可以进行移动应用和网页设计与原型制作。同时它也是唯一一款结合设计与建立原型功能,并同时提供工业级性能的跨平台设计产品。熟悉Adobe XD软件的朋友们都知道,随着软件版本的更新,会添加新的功能在软件中。本文小编来为大家介绍Adobe XD v24.0 版本的一个新功能 -“鼠标悬停”。

电商1

鼠标悬停功能有什么作用?

鼠标悬停功能可以实现鼠标经过切换状态,比如下拉菜单。这个功能需要配合“组件状态”使用,“组件状态”和“悬停”在我们操作的过程中起到很大的作用。

如何使用鼠标悬停功能?

1、首先我们需要在一个包含文章图片、标题、时间的组件中添加两个状态,一个是默认状态,一个是鼠标悬停(鼠标经过)的状态。

2、下一步我们为它添加交互作用:先切换到原型模型,选中组件之后,选择状态后,用鼠标点击“交互”设置项右侧的“+”号按钮即可。

3、添加1个交互作用之后,分别根据效果需要选择“触发“操作”“目标”“缓动”“持续时间”等选项。

4、最后点击界面右上角的桌面预览按钮,鼠标经过组件即可看到效果。

以上就是关于Adobe XD鼠标悬停的使用方法,如果电脑配置允许的情况下,我们最好可以及时更新最新版本的XD软件,其中的新功能可以有效的帮助我们完成设计任务。

【原创声明】凡注明“来源:优草派”的文章,系本站原创,任何单位或个人未经本站书面授权不得转载、链接、转贴或以其他方式复制发表。否则,本站将依法追究其法律责任。
TOP 10
  • 周排行
  • 月排行