Aure 常用操作与技巧(干货,不定期更新)

  1. 内联框架的使用

拖一个手机模型到画布,再在手机屏幕上放一个内联框架(调整到手机屏幕大小),隐藏滚动条和边框,链接到手机原型的第一个界面,这样的话点击跳转时候,手机模型就不会再次加载了,优化原型演示效果。

2. 变量的使用

如果一个页面view1可以由多个不同的页面(view2,view3,……)进入,那么可以设置一个变量值EnterView1View表示是从那个页面进入view1的。比如一个阅读类的app,在书籍简介页面(此页面可标记为view2),点击阅读按钮,可以进入到阅读界面(此页面可以标记为view1),并且还会有其他页面比如view3,view4等也会进入view1,那么在点击阅读按钮时候设置变量EnterView1View=view2表示进入从view2这个页面进入view1。

这样做是为了从view1这个界面返回的时候,能够通过变量的值来确定返回到哪个页面。

  1. 将阿里巴巴矢量库中的图标应用到axure中去

http://www.iconfont.cn/ 登录这个网站下载svg格式图标,将下载的图标直接拖入到axure画布中去。

导入图标的属性面板里面,点击【转换SVG图片为形状】,这样就可以调整颜色了,还可以设置渐变,非常方便,就不用一张图片这一张图片导入了。(最新版本axure支持)

4. 底边栏的使用

我们要制作的手机原型一共有四个大的板块,发现,书架,想法,我的。这四个板块分别是一个独立的页面(因为每个板块结构完全不一样,就不用动态面板了)。又因为每个页面下都存在一个除了点击状态不一样其余都一样的底边栏,所以我们把底边栏设置为母版。

拖进四张我们要放的图片进去。

分别设置每个的选中效果。

这个地方可以用svg图标来方便快捷地改变图标的颜色。(其实低保真也不用讲究这么多,但是为了较好的演示效果,推荐还是这样做比较好。)

将图标摆成一排。(当然这个地方你也可以拖上一个矩形,然后放上4个图标,设置每个图标选中时候的状态。方式很多种。)

选中4个需要改变状态的图标,右键,设置选项组,来保证这四个图标在相同时间段内有且只有一个状态发生改变。

每个页面在页面载入时候添加事件,改变相应底边栏图标的状态,并且禁用。

5. 动态面板的实际应用

(1)动态面板可以开始设置为隐藏,当发生某些条件时候(属性面板中样式面板右上角)出现,并且可以设置出现的效果。

(2)动态面板可以根据条件来切换同一区域内的显示状态。

(3)制作滚动效果(拖动滚动)

(4)内容页滚动效果

前面板用来设置滚动的范围,内容面板用来显示内容。两个都是动态面板,内容面板的高度要比前面板高度高的多。

设置前面板的事件,添加拖动时候事件,对内容面板可以垂直移动。

设置拖动结束时候两个if(注意不要是if,else而是两个if)如果内容面板没有接触顶栏(这里我的顶栏是个矩形元件,随意),则使内容面板移动到指定坐标位置。如果内容面板没有接触到底栏,而接触到了顶栏,则将它移动到指定位置。(数学运算,不再阐述)。

作者 一只大黑猫

关键字:产品经理, Axure

版权声明

本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部