1. 介绍
axure是目前原型设计使用较多的软件之一,功能齐全,几乎可以达到和实际页面比较接近的交互效果。目前最新大版本为9。官网:https://www.axure.com。
2. 安装
打开官网,点击Download,选择对应系统,点击Download Now即可。
说明:由于原型设计使用软件功能比较多,一般我们都使用汉化授权版软件,因此不建议下载官网最新版。
3. 界面介绍(9.0.0.3654)
3.1 菜单栏
和大部分软件的菜单栏类似。比较常用的有:
- 文件:新建、打开、保存、导出图片、导入rp文件;
- 试图:设置工具栏显示工具和功能区显示项、重置试图;
- 布局:一般通过工具栏的快捷按钮实现对齐;
- 发布:预览、预览设置、生成html、发布到Axure云(注册axure账号后可以通过发布到网络快速分享);
- 账户:注册、登录、退出账户;
- 帮助:管理授权、检查更新(一般也不要更新,以免汉化和授权失效);
3.2 主界面
- 工具栏:快速设置样式,其显示可以在试图中设置;
- 页面:可以新建页面或文件夹;
- 概要:选中页面内的所有元素,当页面内容丰富时比较能快速等位元素;
- 元件:组成页面的元素,可以自定义元件(库);
- 母版:把一些自定义内容转化为母版后,可以像使用元件一样在后续位置直接使用。改动时只需改动母版则所有使用该母版的页面对应位置都修改;
- 工作区/画布:绘制页面的主面板;
- 样式:页面元素的样式;
- 交互:页面元素上添加交互动作;
- 说明:对页面元素及动作等进行说明;
4. 元件和元件库
元件是组成页面(原型)的基础组件,熟练了解axure自带元件是高效合理地绘制原型的前提。元件库是一类元件的集合。axure9软件默认的元件库有三个,分别是Default元件库、Flow元件库和Icon元件库,需要注意的是,软件自带的Icon元件库并不是字体图标,而是图片。
元件(库)可以自定义,也可以导入外部元件库。一般使用axure绘制原型会使用比较多的元件库,网上也有比较多现成元件库,但需要了解的是,各种元件库的核心还是由系统基础元件组成,且网上资源良莠不齐,建议初学者还是尽量多熟悉和使用系统基础元件。
4.1 自定义元件库
- 文件 — 新建元件库;
- 自定义元件(库):
- 保存即可(后缀为.rplib);
4.2 导入外部元件库
- 下载元件库文件(后缀为.rplib);
- 关闭软件,将下载元件库文件放至对应目录下:
- Windows:根目录 — DefaultSettings — Libraries;
- Mac:根目录(Contents) — Resources — DefaultSettings — Libraries;
- 再次打开即可在元件标签中下拉看到导入的元件库;
4.3. svg图片使用
在绘制原型时,有时需要一些类似于字体图标的元件,此时除下载导入专门的字体图标元件库外,还可以通过将svg图片转化为形状来实现颜色的填充切换。
-
下载svg图片,如阿里矢量库;
-
拖至axure页面,如果需要更换颜色,则可以通过右击 — 变换图片 — 转换svg为形状;
-
此时可以通过填充其他颜色修改即可;