Axure RP9的简单介绍
Axure是什么:Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速
原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建
应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原
型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制
管理。
1.特点:
* 用于第一阶段:页面重构
*原型:是一个产品或数据系统的一个基本实用的模型
*原型功能:包括UI,包括功能(交互)等
*使用者:产品经理,交互设计师、UI设计师、架构师,程序员
*axure 软件可以将原型文件.rp生成成为 html或者图片以供演示。还可以作出很多交互效果,
直接通过拖拽组件生成页面
*软件效果很好,能够很快的模拟出高保真的页面原型
*支持中文汉化(但汉化包不是官方提供的,汉化方式:直接将汉化包拖拽进Axure软件的文件中)
*原型中需要重复使用的模块,我们要把它转换为母版
*画原型图的时候可以找一个参照的软件
*原型文件后缀名是.rp
2.Axure RP软件的布局以及功能介绍
文件-导出图片:当前打开页面对应的单张图图片、所有页面
编辑-快捷键:保存、撤销 视图-重置
视图:当关闭某个窗⼝,可通过此次菜单快速恢复窗口视图
布局-组合、对齐、分布,在工具栏也有快速按钮,可通过拖拽元件库中两个按钮到⼯作区中,
进行一一说明使用,包含shift键多选元件、组合后右键或者概要中进行重命名
布局-显示网格和对齐辅助线
发布-预览、预览选项、生成HTML⽂件,在工具栏也有快速按钮
3.元件库
* 默认原件库:
icons:默认原件库包含部分图标
也可以使用 iconfont 的图标,chrome浏览器或者谷歌内核安装 axhub 插件快速复制
插件位置:https://axhub.im/chrome/
安装插件方式:https://sspai.com/post/54031
* 导入第三方元件库:
AntDesign 、 Element、 Vant 等
4.⺟版
* 原型中需要重复使用的模块,我们要把它转换为“母版”
风格的统⼀、元件的复⽤
* 新建母版:
普通组件 -> 转换为母版 -> 母版 或者在母版的菜单里直接新建
* 删除母版:
母版文件 -> 脱离母版 -> 普通组件
使用母版:拖拽使用、母版重写
5.交互
定义链接、设置动作、多个条件场景、⻚⾯上的交互四种类型
交互样式(仅对当前元件的样式进⾏更改):选中元件,⿏标右键,选择【交互样式...】,
选择交互触发类型, 选择要更改的交互样式。
交互动作(带有逻辑性):选中元件,在右侧交互⾯板选择交互事件类型,设置动作。
交互情形(带有逻辑性): 设置交互动作,在交互动作中添加情形并设置情形对应的动作;
当某个元件的值满足情形的时候做A动作,满足B情形的时候做B动作。
6.选项组
定义多个菜单栏、设置为选项组、则具有互斥功能
变量的使用(属于情形内)
设置变量值(fx)
局部变量[[userName]](在视图中新建和查询)
7.动态面板的使用(可以实现轮播图的效果)
它是⼀个多层容器,好⽐⼀本书有很多⻚⾯,每⼀个⻚⾯ (层)放不同内容,他可以与其它元件
组合使⽤,实现动态切换改变⾯板状态。 Axure中很多的交互是由动态⾯板来实现的。
动态⾯板⾥⾯可以包含多个状态,所以通过⼀些事件可以对动态⾯板的状态进⾏切换,
以此来实现交互效果。但任何时候都是只有⼀个状态是可⻅的,或者整个动态⾯板是被隐藏的。
8.自适应
页面样式 - 自适应视图 - 编辑自适应视图
9.流程图 flow
10. 中继器
它可以在原型⻚⾯中保存数据,并且提供增删改查等功能,帮助你完成复杂的交互场景。例如:
添加⼀个好友后,好友列表⾥就新增⼀⾏对应的记录。上传⼀张照⽚后,在对应的地⽅多了⼀张照⽚等。
11.团队协作
需要用到Axure Share,但是服务器在国外,访问缓慢
https://www.axure.com.cn/4918
12. Axure学习网站:https://www.axure.com.cn/