Axure如何通过“热区”功能，快速实现截图交互

我们在使用Axure制作产品原型时，很多的素材能够在网上找到合适的，不需要自己重新制作。但是，网上截图的有些功能不能直接设置交互，这时候就需要用到“热区”功能了。本文就由小编带大家了解一下，如何通过Axure“热区”功能快速实现截图页面交互，一起来看看吧~

工具/原料

Axure版本:企业版8.0.0.3338

PC电脑：Windows 7

方法/步骤

1.打开Axure，进入Index页面，把从网上的截图复制到页面，如图是一个微信登录页面，我们要实现点击截图的登录功能，登录跳转到page1页面。

2.在默认的基本元件库找到【热区】元件，如图

3.拖动【热区】元件到Index页面，将热区位置和大小调整到截图登录框的位置大小。如图

4.选择截图上放置的【热区】元件，在右侧属性面板找到【鼠标单击时】的交互，如图

5.双击【鼠标单击时】进入用例编辑，选择【打开链接】>>【当前窗口】>>【page1】，完成动作的配置。如图

6.确定后，通过“热区”在截图页面设置交互的动作完成，选择右上角的预览可以预览结果了。如图

总结：

1.打开Axure，进入Index页面，把从网上的截图复制到页面；

2.在默认的基本元件库找到【热区】元件；

3.拖动【热区】元件到Index页面，调整热区位置大小；

4.在右侧属性面板找到热区的【鼠标单击时】交互；

5.双击进入用例编辑，选择【打开链接】>>【当前窗口】>>【page1】，完成动作的配置；

6.确定后，交互动作完成，预览结果。

注意事项

Tips:对热区进行命名，可避免在同一个页面设置多个热区找不到对应名称而出错。