Axure教程:浅谈热区的应用

 时间:2024-11-02 10:14:11

今日,有朋友在面试的时候被问到axure热区的作用,朋友问我,我也一脸蒙圈,主要是这个热区在我的工作中并不常用,后来想想,索性补上热区的简要操作,打卡留念。

工具/原料

axure7.0

笔记本电脑

方法/步骤

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

Axure教程:浅谈热区的应用

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

Axure教程:浅谈热区的应用

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

Axure教程:浅谈热区的应用

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

Axure教程:浅谈热区的应用

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

Axure教程:浅谈热区的应用

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

Axure教程:浅谈热区的应用

Animate怎么让添加的摄像头不影响图层 C4D的3D模型表面反射细节不够丰富怎么办? 3dsmax如何插入物理摄像机#校园分享# ps怎么做镭射材质效果 C4D从哪里快速转换为标签模式
热门搜索
夜明珠图片 张璇图片 金瀚图片 葫芦娃图片大全 小狗简笔画图片