一、Axure简介
1.1、Axure概述
Axure RP,是主要⾯向产品经理、⽤户体验师、UI设计师、交互设计师的⼀款快速原型设计⼯具。⽬前有4个版本:7.0、8.0、9.0、10.0(新出),采⽤付费购买序列号的形式推出(10.0改⽤订阅付费)。
9.0较8.0在保持主体功能不变的情况下,在UI界⾯上、使⽤体验更加趋向于设计⼯具。
1.2、为什么是Axure?
1、⽬前市⾯上最常⽤,众多企业都要求使⽤的原型设计⼯具;
2、通过动态⾯板可以创建复杂、动态、功能丰富的交互原型;
3、拥有丰富的函数库,可以实现复杂的交互逻辑;
4、拥有“⼩数据库”中继器组件,使⽤逻辑上更接近开发⼈员;
5、完成原型的微细节处理和微交互;
1.3、Axure发展史
2002年5⽉,伯克利电⽓⼯程师在创业时,试图构建演示⽂稿、软件⼯作流程和⽂字规范时,创造了⼀种全新的⼯作⽅式,就此诞⽣了Axure。
2003年1⽉,Axure1.0版本正式推出。
时隔今⽇,Axure10.0正式推出,Axure是全球市场上产品经理使⽤最多的原型设计⼯具。
1.4、Axure⾯向哪些领域?可以做哪些⼯作?
1、B、C、G端,基本覆盖所有互联⽹领域;
2、App原型、管理后台原型、数据中台原型......
二、环境准备
2.1、软件下载
下载地址:
2.2、软件汉化
1、下载汉化包
2、拷⻉汉化包lang⽂件夹到系统安装⽬录
MAC版本:包内容/Contents/Resources
WIN版本:C://Program Files (x86)/Axure/Axure RP 9.0/lang/default(64位系统)
2.3、软件激活
三、第⼀个Axure原型
3.1、新建⽂件
快捷键:Command+N(MAC)、Ctrl+N(Windows)
3.2、拖⼊⼀个元素
3.3、修改⽂字
3.4、保存
快捷键:Command+S(MAC)、Ctrl+S(Windows)
四、功能⾯板介绍
4.1、顶部⼯具栏
1、选择模式:⿏标圈选时,是完整在圈定范围内的元件选中,还是圈定范围边缘的元件挨到也选中;连接为⽤线段连接两个元件;
2、插⼊形状:快速选择插⼊元件(钢笔、矩形、椭圆、线段、⽂本、形状等);
3、编辑控点:选择元件上⼀点,改变元件的形状;
4、层级调整:将选中的元件置顶或者置底;
5、组合和取消组合:将多个元件组合成⼀个复合元件;
6、⻚⾯⽐例:当前⻚⾯展示的⽐例,可⽤⿏标滚轮快速调整;
7、对⻬⽅式:多个元件的对⻬⽅式,强迫症患者的福⾳;
8、预览和分享:预览是在本地浏览器中预览整体的原型效果,发布是将原型更新到Axure云中⽣成链接,其他⽤户访问链接查看;
9、账号管理:登录账号后才能使⽤分享功能;
4.2、左侧⾯板
1、⻚⾯:单个原型可以创建⽂件夹和⻚⾯,层级结构为:⽂件夹->⻚⾯->⻚⾯;
2、概要:单个⻚⾯中有多少个单独的元件,元件过多时,可通过概要快速定位到元件;
3、元件:基础元件库和引⽤元件库的使⽤,只需要按住拖到⻚⾯中间即可;
4、⺟版:多个⻚⾯需要复⽤⼀个元件的时候,可以选中这个元件或元件组,右键添加为⺟版;在以后需要复⽤的时候,将⺟版内的项拖动到⻚⾯内就可以把元件带到新的⻚⾯内。⺟版修改,则所有⻚⾯的⺟版元件同时修改;
4.3、右侧⾯板
1、样式:未选中元件时,修改⻚⾯样式,选中元件时,可修改元件样式(颜⾊、字号、⼤⼩等)
2、交互:未选中元件时,修改⻚⾯交互动作,选中元件时,设置单个元件的交互动作(点击、双击、载⼊、移动等)
3、说明:给⻚⾯或者元件添加说明⽂字,不影响交互效果;
4.4、功能⾯板调整
在顶部导航栏【视图->功能区】可以设置功能⾯板的显示和隐藏,也可以直接拖动功能⾯板调整位置;如果功能⾯板调整后不合适,也可以点击【视图->重置⾯板】,这样功能⾯板的位置就会恢复初始的位置;