Axure中使用热区具体操作步骤

浏览:49日期:2022-12-26

伙伴们晓得Axure中的热区是怎么使用的吗?此篇文章就为你们分享了Axure中使用热区的具体操作步骤,感兴趣的快去下文看看吧!

Axure中使用热区具体操作步骤

1、热区鄙人暂时还没有太深入研究,但是还是感觉有些有点,比如图例中,并排横向有三个名片,若是要求点击邮箱,进入联系页面(链接跳转),那么热区就能较好的减少工作量。

Axure中使用热区具体操作步骤

2、将一个热区拉长,长度足够覆盖三个名片中的邮箱长度即可

Axure中使用热区具体操作步骤

3、对热区添加点击跳转事件

Axure中使用热区具体操作步骤

4、此时运行页面,可发现鼠标移入后,三个邮箱同时可以点击,点击后均可触发点击事件,跳转至指定页面

Axure中使用热区具体操作步骤

5、当然,除了应用热区外,我们直接在指定的文字上添加点击跳转事件,也是可以的,但是若是文本过多,不断的复制也蛮麻烦的,相比之下反倒是应用热区+中继器来实现重复性较多的工作,速度更快些。

Axure中使用热区具体操作步骤

6、当然,热区的使用也是各有利弊的,首先,热区在默认情况下是透明的,使用与否并不影响页面的美观程度,而且在原型文件中一般都是置顶的,修改起来也方便,但是它的缺点也挺明显的,若热区过大,它所包含的每一个区域都可以出发已经添加的事件,以上图为例,点击名片间的空白处,只要是处于热区范围内的地方,均能导致跳转事件的发生。

Axure中使用热区具体操作步骤

根据上文为你们分享的Axure中使用热区的具体操作步骤,你们自己也赶快去使用吧!

相关文章: