什么是Axure?
以下来自百度:
Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理
为什么要画原型图?
1. 产品经理自己用:自己脑袋里面想的细节难以完全想清楚,或者想的东西比较多容易遗漏,所以最好是画出来。
给团队成员:告诉UI、交互、开发,我想做这么个东西,干讲是讲不清楚的,画出来Axure图就是非常具体的参考。
给用户或者投资人:快速迭代开发的时候,要给出原型图和模型,让他们确认预期是不是跟我们画出来的原型一样的。
这样才能更好地设计产品和谈投资。
常见的原型工具:
Axure、墨刀(移动应用原型)、Justinmind(移动)
下面以Axure为例讲解,先提供下我网盘下载地址:
https://pan.baidu.com/s/1ch9cWe 提取码:n7yf
汉化包(包内用txt文档说明,参照做就行):
https://pan.baidu.com/s/1i4FA1Kx 提取码:ahi6
左侧可以建立层级和App页面关系,如图所示:
画好层次结构后,在首页右键-选择生成流程图-并选择- 向下生成,效果如下:
左侧有一系列控件,可以将右侧控件拖到画布里。要看网页页面的显示效果,点击菜单栏里的运行:
根据需要选取我们设计原型需要用到的控件,就组成了原型图。
母版 -- 相当于模板
导航条或者什么控件,在很多地方都用到,就可以用母版,减少重复工作。
母版可以拖到每个控件中去,母版改动,子页面中的『导航条』都随之改动,非常方便。
交互管理
按钮拖好了以后按照以下步骤操作,可以看到浏览器载入会显示一个按钮,添加按钮的交互,单击可以打开忘记密码页面,实际测试OK。与预期相符。
当然,除了『单击』以外,还有鼠标经过、鼠标移出等交互。
备注
网页中就可以看到备注的标记:
对控件『形状 名称』的标注有助于后续交互设计的时候快速找到相应的控件:
很快找到『订购按钮』
属性和样式中可以设置:边框、线条、填充、背景色、圆角半径等,这个自己玩一下就会了。
动态面板
先有个动态面板的概念,具体的设置教程可以百度一下。
总是通过动态面板可以实现调整以适应内容,固定在浏览器中100%宽度等。
关于动态面板
动态面板是axure原型制作中使用非常频繁的一个元件,主要用途就是实现一些动态的交互效果。所以,如果动态面板使用不熟悉的话,对axure原型的制作会有很大的影响,那么动态面板都能做什么呢?主要有以下几个方面:
1、 隐藏与显示
2、 滑动效果
3、 拖动效果
4、 多状态效果
以上这些效果都在移动面板的元件属性里面体现。
提供个链接:http://www.woshipm.com/rp/42682.html
页面控件可以整体设置对齐方式,背景等;
可以选中多个控件设置间距和对齐方式;
可以锁定控件的大小和位置,防止很多控件的时候误操作。
还可以控制隐藏和显示控件。
以上就是基本操作,再有不会的可以上网百度。