产品邦

 找回密码
 立即注册

QQ登录

只需一步,快速开始

[Axure6.x] 13.图片热区-axure线框图部件库介绍教程

[复制链接]
Vegeta 发表于 2013-8-13 12:28:37 | 显示全部楼层 |阅读模式

立即注册,下载精品资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
产品经理学院提供全面的产品经理学习培训教程。
本教程为 013.图片热区-axure线框图部件库介绍-Axure入门教程。
通过本 axure rp 6.5 教程可以掌握 013.图片热区-axure线框图部件库介绍的方法。

什么是Axure图片热区?Axure图片热区的作用是什么?


  Axure各个部件库所支持的操作(功能)不一,图片热区用于实现某些部件库不支持的操作(如超级链接)。图片热区在Axure工作中是一浅绿色矩形,原型文件生成HTML后,热区矩形为透明,不遮挡任何内容。

  温馨提醒:使用热区时需注意调整热区所在的层,如果被别的部件遮挡,热区就不起作用了,因此一般热区会放置在顶层。


首先,我们将图片热区组建拖动到axure页面编辑区域


1. 图片热区为页面图片或者其他部件添加热区,添加交互
  我们一般在做专题的时候,会遇到一些组合商品,但是又需要单独分别设置连接,如果是2张图片还好办点,可是如果和下图一样是集成在一张图片中的,可能就需要我们借用图片热区组件,给每一束鲜花添加热区,然后再设置交互,在新窗口打开链接地址。


2200192008-0.jpg




  我们为上面的图片添加热区,设置点击鲜花图片,单独开新的连接地址


2200195955-1.jpg






2. 图片热区作为页面锚点的使用

我们经常在有些网站看到一些楼层快速直达的链接按钮,如图:


2200196031-2.jpg

其实,使用axure的页面锚点功能我们也可以制作出类似的效果

对于拖动出来的图片热区,我们必须首先给他设置标签,这样在设置交互的时候,我们才知道要滚动到哪一个锚点

22001924X-3.jpg




如果页面没有发生相应的滚动效果,可能是你的页面设置不够长,随便放上个组件,把页面撑长。

页面够长了,点击按钮时才能体现出滚动效果。


3. 图片热区相关属性设置
008. 认识axure部件库中各个部件的属性


您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|产品经理之家 ( 粤ICP备12078725号 )

GMT+8, 2024-4-16 23:07

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表