如何在Axure原型设计中添加定位锚点?

2010年5月19日 5 条评论

常有朋友问我:在Axure设计中能否添加定位锚点来实现点击链接或按钮进行页面位置定位?
其实这个功能也非常容易实现,在单击(OnClick)事件中有一项交互事件属性为:“滚动到图片映射区域”,也就是可以通过单击事件与交互事件属性组合实现锚点定位,如下操作即可:

1、设计好要需要定位到的位置对应的内容,常需要定位的内容如:顶部、评论区域、多标题对应内容等等;

2、在其位置处添加一个小小的“图片映射区域”组件,最好写上标签名便于区分;

3、给需要激发跳转的链接或按钮添加单击事件,选择“滚动到图片映射区域”事件;

4、点击事件框下方带下划线的值,在弹出的框中选择要定位到的锚点,选垂直滚动即可,除特殊的宽页面需要水平滚动;

5、将操作一步步确认即可完成,生成网页测试一下吧,就这么简单; 阅读全文...

Axure高级互动设计2——示范: 登入的逻辑判断

2010年5月10日 3 条评论

示范: 登入的逻辑判断
逻辑判断示范
以旅游网站的企划 (http://userxper.com/blog/archives/36 ) 为例,说明「会员登入页面」如何应用Condition Builder建立逻辑判断。
这个会员登入要做到的功能是:如果登入成功(即帐号、密码输入正确),则导回首页,并显示招呼讯息。如果登入失败(即帐号、密码输入不正确),则出现错误讯息。
来到旅游网站Prototype的「范例2-进阶版首页」,点一下”登入”按钮,就进入会员登入的页面。设计以下两种登入的操作状况:
状况1 输入错误的密码:出现登入错误的讯息。
状况2 输入正确的密码:登入成功之后,立即导回首页,并显示招呼讯息,同时将登入的文字连结变成登出。

阅读全文...

Axure高级互动设计1——设定逻辑条件

2010年5月7日 2 条评论

设定逻辑条件
1. 认识Condition (逻辑判断)
2. 认识Condition Builder (逻辑判断编辑器)
3. 用Condition Builder建立逻辑判断
4. 秘技(Quick Tips)

阅读全文...

Axure中级互动设计3——设计多层选单

2010年5月6日 1 条评论

设计多层选单
1. 认识选单物件 (Menu Widget)
2. 编辑选单物件
3. 设定选单的变换样式 (Rollover Style)
4. 秘技 (Quick Tips)
1. 认识选单物件 (Menu Widget)
选单物件(Menu widgets) 常被用来建立简单的多层选单(Flyout Menus)。

阅读全文...

Axure中级互动设计2——滑鼠移入移出及图像变换的互动设计

2010年4月30日 没有评论

1. 滑鼠移入移出(OnMouseEnter/OnMouseOut)
2. 变换图像(Rollover Image)
3. 变换样式(Rollover Style)

1. 滑鼠移入移出(OnMouseEnter/OnMouseOut)
在先前初级互动设计(Basic Interaction)一章中,介绍多种Axure RP支援的人机介面互动效果。这里我们要介绍其中两个常见的触发事件 (Event):
OnMouseEnter - 滑鼠的指标移动到物件之上
OnMouseOut - 滑鼠的指标移动出物件之外

阅读全文...

Axure模块在产品原型设计中的实际应用

2010年4月28日 没有评论

在使用Axure原型设计过程中,会有很多公共的(很多页面都有的)部分/内容,例如:页头、页脚、导航栏、主菜单、背景、边框等,这些内容重复性比较高,并且在修改的时候都需要统一修改,这些公共区域修改的频率还可能会高一些,那么,模块的应用就显得比较重要了,下面与大家分享一下我的一些模块应用;

模块常见应用范围:

1、页头:

页头一般包括logo,欢迎信息,用户名,主页链接,帮助,退出等内容,还有一些页面需要添加顶部通栏导航条,顶部导航条在现有一些产品较多的网站运用比较广泛,有利于用户来往于各个产品之间而不容易迷路,例如Live、淘宝等都有这个顶部导航条,可以将主要的链接、欢迎信息、登录退出等设计在其中;

阅读全文...

无觅相关文章插件,快速提升流量