常有朋友问我:在Axure设计中能否添加定位锚点来实现点击链接或按钮进行页面位置定位?
其实这个功能也非常容易实现,在单击(OnClick)事件中有一项交互事件属性为:“滚动到图片映射区域”,也就是可以通过单击事件与交互事件属性组合实现锚点定位,如下操作即可:
1、设计好要需要定位到的位置对应的内容,常需要定位的内容如:顶部、评论区域、多标题对应内容等等;
2、在其位置处添加一个小小的“图片映射区域”组件,最好写上标签名便于区分;
3、给需要激发跳转的链接或按钮添加单击事件,选择“滚动到图片映射区域”事件;
4、点击事件框下方带下划线的值,在弹出的框中选择要定位到的锚点,选垂直滚动即可,除特殊的宽页面需要水平滚动;
5、将操作一步步确认即可完成,生成网页测试一下吧,就这么简单; 阅读全文...
示范: 登入的逻辑判断
逻辑判断示范
以旅游网站的企划 (http://userxper.com/blog/archives/36 ) 为例,说明「会员登入页面」如何应用Condition Builder建立逻辑判断。
这个会员登入要做到的功能是:如果登入成功(即帐号、密码输入正确),则导回首页,并显示招呼讯息。如果登入失败(即帐号、密码输入不正确),则出现错误讯息。
来到旅游网站Prototype的「范例2-进阶版首页」,点一下”登入”按钮,就进入会员登入的页面。设计以下两种登入的操作状况:
状况1 输入错误的密码:出现登入错误的讯息。
状况2 输入正确的密码:登入成功之后,立即导回首页,并显示招呼讯息,同时将登入的文字连结变成登出。
阅读全文...
设定逻辑条件
1. 认识Condition (逻辑判断)
2. 认识Condition Builder (逻辑判断编辑器)
3. 用Condition Builder建立逻辑判断
4. 秘技(Quick Tips)
阅读全文...
设计多层选单
1. 认识选单物件 (Menu Widget)
2. 编辑选单物件
3. 设定选单的变换样式 (Rollover Style)
4. 秘技 (Quick Tips)
1. 认识选单物件 (Menu Widget)
选单物件(Menu widgets) 常被用来建立简单的多层选单(Flyout Menus)。
阅读全文...
1. 滑鼠移入移出(OnMouseEnter/OnMouseOut)
2. 变换图像(Rollover Image)
3. 变换样式(Rollover Style)
1. 滑鼠移入移出(OnMouseEnter/OnMouseOut)
在先前初级互动设计(Basic Interaction)一章中,介绍多种Axure RP支援的人机介面互动效果。这里我们要介绍其中两个常见的触发事件 (Event):
OnMouseEnter - 滑鼠的指标移动到物件之上
OnMouseOut - 滑鼠的指标移动出物件之外
阅读全文...
在使用Axure原型设计过程中,会有很多公共的(很多页面都有的)部分/内容,例如:页头、页脚、导航栏、主菜单、背景、边框等,这些内容重复性比较高,并且在修改的时候都需要统一修改,这些公共区域修改的频率还可能会高一些,那么,模块的应用就显得比较重要了,下面与大家分享一下我的一些模块应用;
模块常见应用范围:
1、页头:
页头一般包括logo,欢迎信息,用户名,主页链接,帮助,退出等内容,还有一些页面需要添加顶部通栏导航条,顶部导航条在现有一些产品较多的网站运用比较广泛,有利于用户来往于各个产品之间而不容易迷路,例如Live、淘宝等都有这个顶部导航条,可以将主要的链接、欢迎信息、登录退出等设计在其中;
阅读全文...