axure9学习


1. 介绍

axure是目前原型设计使用较多的软件之一,功能齐全,几乎可以达到和实际页面比较接近的交互效果。目前最新大版本为9。官网:https://www.axure.com

2. 安装

打开官网,点击Download,选择对应系统,点击Download Now即可。

说明:由于原型设计使用软件功能比较多,一般我们都使用汉化授权版软件,因此不建议下载官网最新版。

3. 界面介绍(9.0.0.3654)

3.1 菜单栏

image-20191218165219555

和大部分软件的菜单栏类似。比较常用的有:

  • 文件:新建、打开、保存、导出图片、导入rp文件;
  • 试图:设置工具栏显示工具和功能区显示项、重置试图;
  • 布局:一般通过工具栏的快捷按钮实现对齐;
  • 发布:预览、预览设置、生成html、发布到Axure云(注册axure账号后可以通过发布到网络快速分享);
  • 账户:注册、登录、退出账户;
  • 帮助:管理授权、检查更新(一般也不要更新,以免汉化和授权失效);

3.2 主界面

image-20191218173126973

  • 工具栏:快速设置样式,其显示可以在试图中设置;
  • 页面:可以新建页面或文件夹;
  • 概要:选中页面内的所有元素,当页面内容丰富时比较能快速等位元素;
  • 元件:组成页面的元素,可以自定义元件(库);
  • 母版:把一些自定义内容转化为母版后,可以像使用元件一样在后续位置直接使用。改动时只需改动母版则所有使用该母版的页面对应位置都修改;
  • 工作区/画布:绘制页面的主面板;
  • 样式:页面元素的样式;
  • 交互:页面元素上添加交互动作;
  • 说明:对页面元素及动作等进行说明;

4. 元件和元件库

元件是组成页面(原型)的基础组件,熟练了解axure自带元件是高效合理地绘制原型的前提。元件库是一类元件的集合。axure9软件默认的元件库有三个,分别是Default元件库、Flow元件库和Icon元件库,需要注意的是,软件自带的Icon元件库并不是字体图标,而是图片。

元件(库)可以自定义,也可以导入外部元件库。一般使用axure绘制原型会使用比较多的元件库,网上也有比较多现成元件库,但需要了解的是,各种元件库的核心还是由系统基础元件组成,且网上资源良莠不齐,建议初学者还是尽量多熟悉和使用系统基础元件。

4.1 自定义元件库

  • 文件 — 新建元件库;
  • 自定义元件(库):image-20191219090642384
  • 保存即可(后缀为.rplib);

4.2 导入外部元件库

  • 下载元件库文件(后缀为.rplib);
  • 关闭软件,将下载元件库文件放至对应目录下:
    • Windows:根目录 — DefaultSettings — Libraries;
    • Mac:根目录(Contents) — Resources — DefaultSettings — Libraries;
  • 再次打开即可在元件标签中下拉看到导入的元件库;

4.3. svg图片使用

在绘制原型时,有时需要一些类似于字体图标的元件,此时除下载导入专门的字体图标元件库外,还可以通过将svg图片转化为形状来实现颜色的填充切换。

  • 下载svg图片,如阿里矢量库

    image-20191219165635498

  • 拖至axure页面,如果需要更换颜色,则可以通过右击 — 变换图片 — 转换svg为形状;

    image-20191219170029653

  • 此时可以通过填充其他颜色修改即可;