Axure实战01:快速了解Axure9.0

简介: Axure实战01:快速了解Axure9.0

一、Axure简介


1.1、Axure概述

image.png

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、软件下载

软件官网


image.png

下载地址:

Axure RP 9 MAC正式版

Axure RP 9 WIN正式版


2.2、软件汉化


1、下载汉化包

Axure RP 9 通⽤汉化包

2、拷⻉汉化包lang⽂件夹到系统安装⽬录

image.png

MAC版本:包内容/Contents/Resources

WIN版本:C://Program Files (x86)/Axure/Axure RP 9.0/lang/default(64位系统)


2.3、软件激活

image.png

三、第⼀个Axure原型


3.1、新建⽂件

快捷键:Command+N(MAC)、Ctrl+N(Windows)

image.png

3.2、拖⼊⼀个元素

image.png

3.3、修改⽂字

image.png

3.4、保存

快捷键:Command+S(MAC)、Ctrl+S(Windows)

image.png

四、功能⾯板介绍


4.1、顶部⼯具栏

image.png

1、选择模式:⿏标圈选时,是完整在圈定范围内的元件选中,还是圈定范围边缘的元件挨到也选中;连接为⽤线段连接两个元件;

2、插⼊形状:快速选择插⼊元件(钢笔、矩形、椭圆、线段、⽂本、形状等);

3、编辑控点:选择元件上⼀点,改变元件的形状;

4、层级调整:将选中的元件置顶或者置底;

5、组合和取消组合:将多个元件组合成⼀个复合元件;

6、⻚⾯⽐例:当前⻚⾯展示的⽐例,可⽤⿏标滚轮快速调整;

7、对⻬⽅式:多个元件的对⻬⽅式,强迫症患者的福⾳;

8、预览和分享:预览是在本地浏览器中预览整体的原型效果,发布是将原型更新到Axure云中⽣成链接,其他⽤户访问链接查看;

9、账号管理:登录账号后才能使⽤分享功能;

4.2、左侧⾯板

image.png

1、⻚⾯:单个原型可以创建⽂件夹和⻚⾯,层级结构为:⽂件夹->⻚⾯->⻚⾯;

2、概要:单个⻚⾯中有多少个单独的元件,元件过多时,可通过概要快速定位到元件;

3、元件:基础元件库和引⽤元件库的使⽤,只需要按住拖到⻚⾯中间即可;

4、⺟版:多个⻚⾯需要复⽤⼀个元件的时候,可以选中这个元件或元件组,右键添加为⺟版;在以后需要复⽤的时候,将⺟版内的项拖动到⻚⾯内就可以把元件带到新的⻚⾯内。⺟版修改,则所有⻚⾯的⺟版元件同时修改;

4.3、右侧⾯板

image.png

1、样式:未选中元件时,修改⻚⾯样式,选中元件时,可修改元件样式(颜⾊、字号、⼤⼩等)

2、交互:未选中元件时,修改⻚⾯交互动作,选中元件时,设置单个元件的交互动作(点击、双击、载⼊、移动等)

3、说明:给⻚⾯或者元件添加说明⽂字,不影响交互效果;

4.4、功能⾯板调整

image.png


在顶部导航栏【视图->功能区】可以设置功能⾯板的显示和隐藏,也可以直接拖动功能⾯板调整位置;如果功能⾯板调整后不合适,也可以点击【视图->重置⾯板】,这样功能⾯板的位置就会恢复初始的位置;

相关文章
|
6月前
|
API 数据库
Axure学习案例和项目
Axure学习案例和项目
|
3月前
|
UED
Axure的小技巧,你知道多少?
Axure的小技巧,你知道多少?
54 2
|
6月前
|
前端开发 UED
产品入门第四讲:Axure动态面板
产品入门第四讲:Axure动态面板
|
6月前
|
人工智能 程序员
01-Axure9入门培训
01-Axure9入门培训
|
12月前
|
iOS开发 MacOS Windows
Axure快速入门(03) - 丰富的元件库
Axure快速入门(03) - 丰富的元件库
126 0
|
12月前
Axure快速入门教程
Axure快速入门教程
53 0
|
12月前
Axure快速入门(11) -函数总结
Axure快速入门(11) -函数总结
82 0
|
JavaScript
Axure教程:音乐播放器(含视频教程)
Axure教程:音乐播放器(含视频教程)
|
数据可视化 搜索推荐
Axure教程:竞品分析文档
Axure教程:竞品分析文档
Axure教程:竞品分析文档
Axure教程:用中继器做图片轮播(含视频教程)
Axure教程:用中继器做图片轮播(含视频教程)
Axure教程:用中继器做图片轮播(含视频教程)