Axure如何给图片增加点击效果?

溜溜自学专注室内设计,平面设计,视频剪辑,建筑动画和软件入门基础教程,新手实现快速入门与成长?去看一下 >>
文章作者:小溜 文章分类:平面设计 发布时间:2022-10-26 15:17 浏览量:607

大家好,我是小溜,Axure作为一款原型制作工具,受到广大软件从业人员的欢迎,使得软件前期的原型制作即简单又好看。今天我们来说一下Axure中常用的一个部件--hotspot。

想学习更多的“Axure RP”教程吗?点击这里前往观看溜溜自学网免费试听课程>>

Axure如何给图片增加点击效果?hotspot使用方法?

工具/软件

硬件型号:联想ThinkPad P14s

系统版本:Windows7

所需软件:Axure RP

方法/步骤

第1步

首先打开Axure,我们能很清楚的看到Axure的功能分区,在中央白色操作去讲我们需要制作的图片拷贝进去。

Axure如何给图片增加点击效果?hotspot使用方法?

第2步

找到左侧部件库中公共(common)部件,在公共(common)部件库中找到Hotspot部件,鼠标将其直接拖拽到白色操作区图片上方。

Axure如何给图片增加点击效果?hotspot使用方法?

第3步

选中拖入的Hotspot,点击右侧中间的样式按钮,调整Hotspot的大小及样式。

PS:当然也可直接通过拖动Hotspot边缘改变Hotspot的大小。

Axure如何给图片增加点击效果?hotspot使用方法?

第4步

同样选中拖入的Hotspot,双击右上方交互功能模块下的‘鼠标单击时’按钮。

Axure如何给图片增加点击效果?hotspot使用方法?

第5步

弹出用例编辑器,在用例编辑器中可以设定鼠标点击时,触发什么样的效果,这里我们选择在当前窗口打开一个地址链接。如图所示

Axure如何给图片增加点击效果?hotspot使用方法?

第6步

最后,保存并发布,点击图片,页面跳转到百度首页。

Axure如何给图片增加点击效果?hotspot使用方法?

注意/提示

好了,本次关于“Axure如何给图片增加点击效果?”的全部内容就分享到这里啦,希望小溜分享的内容能够帮助到大家。同时可以关注溜溜自学网,遇到不懂的问题可以在这里寻找到详细的解决方法。

Axure8.0交互设计必备教程
Axure RP是一个专业的快速原型设计工具。Axure RP已被一些大公司采用。是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。
大宝老师 669人在学 基础入门
免费学习>
超低价秒杀课程
立即登录学习: