Axure

目录

一、认识产品经理

1.1 基本概述

1.2 产品经理工作范围

二、原型设计介绍

2.1 原型设计概述

2.2 原型设计分类

2.3 原型设计的流程

2.4 原型设计工具

2.5 原型测试流程

三、Axure 9介绍

3.1 Axure 9 概述

3.2 Axure的应用场景

3.3 Axure 9 下载、安装、汉化、激活

3.4 Axure 9 界面介绍

四、基础操作

4.1 文件

4.2 备份中恢复

4.3 画布操作

4.4 元件操作

4.5 常用快捷键

---

一、认识产品经理

1.1 基本概述

产品经理，英文：Product manager，缩写是PM

是指在公司中针对某一项或某一类的产品进行规划和管理的人员，主要负责产品的研发、制造、营销、渠道等工作。

从产品的诞生，到原型、交互、实现、上线，协调一切可以协调的资源使其存活，成长，开花，结果。

1.2 产品经理工作范围

• 确定产品定位
• 展开市场调研
• 明确用户需求
• 组织研发产品
• 协调运营推广

1、市场分析：找准市场方向，确定哪个市场是值得进入的

2、用户分析：针对目标市场的用户，分析他们的特征和需求，从而得到产品的需求和方向

3、产品实现：组织相关的人力和资源，比如开发、UI、测试、运营、客服等，将产品实现出来，并发布上线

4、产品运营：将产品推广出去，吸引用户使用，并根据用户的反馈和数据统计结果，继续优化迭代产品

二、原型设计介绍

2.1 原型设计概述

原型（prototype）这个词来自拉丁文的词proto，意谓“最初的”，意义是形式或模型。在非技术类的文中，一个原型是给定种类的一个代表性例子。_墨刀

原型是一种让用户提前体验产品、交流设计构想、展示复杂系统的方式。就本质而言，原型是一种沟通工具。

线框图描绘的是页面功能结构，它不是设计稿，也不代表最终布局，线框图所展示的布局，最主要的作用是描述功能与内容的逻辑关系。

原型图是最终系统的代表模型或者模拟，比线框图更加真实、细致。

2.2 原型设计分类

草图

一般主要用于产品经理整理思路，寻找灵感，或者在产品团队内部相互讨论碰撞火花时使用。画给自己看的想怎么画就怎么画。

低保真

打个比喻来说就像，用于“生产的图纸”,要简单易读，内容全面，标注准确，是其他同事工作的参考，因此必须带有交互说明。

高保真

用来展现效果的原型，大量使用真实的图片，真实的色彩，拟真的交互效果，努力营造真实产品的使用状态，除非特殊要求，一般不带交互说明。

2.3 原型设计的流程

开始做原型之前，请先考虑清楚以下几个要素：

• 做这个原型的目的是什么？
• 这个原型的受众是谁？
• 这个原型有多大效率帮助我传达设计或测试设计？
• 有多少时间做原型？需要什么级别的保真程度？

2.4 原型设计工具

选择什么工具来制作原型？主要考虑以下几个因素（排名分先后）

• 熟悉程度和获得工具的便利度；
• 所需的时间和精力；
• 可复用的代码/框架；
• 为测试创建可用的原型；
• 价格和学习曲线。

Axure
Balsamiq Mockups
墨刀
Justinmind
iClap

2.5 原型测试流程

测试结果取决于测试者，务必招募到合适的人。要找到合适的人，需要对测试者制定一系列的筛选标准，比如一个社交产品绝对不可能找一个连电子邮件都没有的人来测试。

1. 用户如何开始任务的？（是搜索还是浏览？）
2. 他先做了什么，再做了什么？
3. 他如何做出最终决定的？
4. 他们是否领会了设计意图？有什么操作困难？
5. ............

三、Axure 9介绍

3.1 Axure 9 概述

Axure RP是美国"Axure Software Solution"公司出品的一-款快速原型(Rapid Prototyping )软件;

一般来说，使用者会直接将它称为Axure。

• 功能：用于制作快速原型的软件。也可以绘制中保真原型草图。
• 应用人群：产品经理、交互设计师、UI设计师、网页设计师。
• 原型分类：低保真（手绘草图）、中保真（使用相关软件绘制出来的）、高保真（包含效果图及原型交互）

3.2 Axure的应用场景

拉投资使用：让投资人对产品有直观的了解;

给项目团队：使用线框图和文字说明，介绍产品细节，方便团队做出产品出现问题追责;

销售用来做演示：给客户提供定制化产品时，使用原型看到最终的产品模型; 

项目投标使用：使用高保真原型参与投标，体现公司的实力，提升企业形象;

内部收集反馈：为了避免需求混乱造成的资源消耗，先使用高保真原型获取用户反馈并优化;

教学使用：使用Axure,可以代替PPT进行项目展示，进行演讲和教学;

3.3 Axure 9 下载、安装、汉化、激活

3.3.1 Axure 9  下载

Axure RP - UX Prototypes, Specifications, and Diagrams in One Tool

3.3.2 Axure 9 安装

1. 双击安装包
2. 进入Axure安装页面，提示：需要安装.net Framework,点击接收并安装
3. 点击next，进入下一个页面操作
4. 勾选我同意条款，点击next，进入下一个页面操作
5. 根据用户要求，可更改存储路径，点击next进入下一个页面操作
6. 安装

3.3.3 Axure 9 汉化

        找到安装文件目录下的【汉化文件】文件夹并双击进入

        将所有的文件赋值到Axure安装目录下

3.3.4 Axure 9 激活

        可以去网上找激活码

3.4 Axure 9 界面介绍

进入主页后，Axure页面主要分为：菜单栏、工具栏、站点地图、元件库|母版、工作区域、样式交互

1. 工具栏：主要操作功能。
2. 站点地图：类似大纲界面，方便理清原型框架及逻辑关系。
3. 元件库：调用所需元件的界面。
4. 画布：展示原型部分，可以理解为画画的画布。
5. 元件属性页面：用于做一些交互效果和编辑元件样式的界面。

功能区域

整体功能区主要包括软件的菜单栏，快捷操作按钮（对齐，复制，粘贴等等），页面元素的属性调整（元素的对齐方式、大小、颜色等等）。

概要区域

整个页面原型由元件（元素：个人喜欢称页面中的元件为元素）拼装而成。

在本区域可以看到页面中的所有元素。可以通过调整他们的元素层级来展示对应的上下关系（Axure 按照先后顺序进行渲染的，所有有的时候有些元素没有展示，就是因为被其他元素给遮盖了。所以在这个部分需要进行调整前后关系。）

页面区域

页面功能区域，主要是构成了Axure 制作完成的页面组成结构。这里创建了多少页面，Axure原型中就会存在多少页面。

在Axure的页面导航栏中，可以建立页面父子关系，便于页面的管理与识别。

Axure 也提供了页面分组的功能，方便使用者进行相同类型（相同模块）的页面归类。

元件区域

元件库区域主要包括基础的元件库（官方自带元件库）和扩展的元件库（用户自行安装的元件库）。

元件库的主要目的是能够快速的构建原型。在基础的元件库中，官方提供了常规的一些图片，文本，矩形，线段等等常规元件。也提供了进阶的中继器，内联框架等功能性的元件。

绘图区域

绘图区域为整个Axure的页面绘制区域（工作区域）。

我们可以通过元件库的元件拼装绘制自己想要的效果图，借助调整元件样式的属性，达到我们想要的页面效果，同时配置交互事件制作完整的交互原型。

母版区域

母版区域，主要用于整个项目中的页面模块的复用。使得在制作项目的时候，能够对相同的元素做到统一修改变更的作用。同时母版支持页面级信息的自定义替换。

例如：我们可以创建一些整个项目中的公用母版。如：搜索栏，翻页等等，这些都可以通过母版的改动达到全局的改动。

交互区域

交互：配置原型的跳转点击等事件相关事件。

在Axure中可以通过设置鼠标点击、鼠标双击等相关事件达到原型的网页预览交互效果。

样式区域

样式：主要进行页面的样式修改与配置，元件（元素）样式修改与配置。

说明区域

说明：进行页面整体信息备注说明，或元件（元素）信息备注说明等。

四、基础操作

4.1 文件

关于Axure的文件，能够打开、新建与八寸，或可以从其他RP文件导入原型内容。

RP文件指的是Axure保存的源文件，以“.rp”为扩展名，除此之外还有

.rp: 原型文件;
.rplib:元件库文件;
.rpteam:团队项目文件;
.html:网页文件;

4.2 备份中恢复

在AxureRP9中，会每隔15分钟对正在操作的原型文件做一次备份。若想设置的话，可以在【备份设置】中进行更改。

步骤：文件-->备份设置-->输入时间-->保存

4.3 画布操作

打开画布：在页面模块中，双击任何一个页面，都可以打开相应的画布，同时画布区域上方出现对应的标签。 

关闭画布：点击标签上的关闭按钮，或者在画布标签上点击鼠标右键，通过在菜单中选择相应的关闭选项完成操作。 

画布排序：通过鼠标拖动画布标签进行排序。 

恢复原位：点击画布左上角的准星图标或者快捷键**`<Ctrl>+9`**键，即可让画布回到原点。 

移动画布：通过滚动条移动画布；或者，按住<空格>键不放，画布中的鼠标指针变为抓手形状，此时即可拖动画布进行移动；也可以通过鼠标滚轮垂直方向移动画布，按住**`<Shift>`**键不放，通过鼠标滚轮水平方向移动画布。 

缩放画布：在工具栏中通过改变显示比例缩放画布，或者按住**`<Ctrl>`**键不放，通过鼠标滚轮改变画布显示比例。

4.4 元件操作

使用：如果想使用某个元件，我们只需要将它从元件库中拖入画布摆放即可。 

对齐：默认情况下，两个矩形元件并排摆放，中间的边框为两条边框的宽度，如果想保持一条边框的宽度，需要在【偏好设置】中，进行【元件对齐】的设置。 

旋转：元件的旋转可以通过按下<Ctrl>键的同时，拉动元件任意一个边界点来实现。旋转之后，可以通过右键菜单【变换形状】-【重置文本到 0°】 。

圆角：矩形元件可以编辑圆角，通过鼠标指针拖动矩形左上方的小三角形图标即可改变圆角的大小。 

改变形状：形状类元件都可以通过点击鼠标右键，在菜单中通过【选择形状】将当前形状改变为其他形状。 

改变尺寸：可以通过鼠标指针拖动元件的边界点任意改变。

元件的尺寸；也可以按住<Shift>不放，同时鼠标指针拖动元件边界点等比改变元件的尺寸。 

复制元件：通过鼠标右键菜单的【复制】与【粘贴】，或者使用通用快捷键<Ctrl+C>键与<Ctrl+V>键可以完成画布间或者软件间的复制粘贴操作；同一画布中，可以通过<Ctrl+D>键进行复制；或者，按住<Ctrl>键不放，拖动元件到新的位置松开，完成复制与摆放的操作。 

编辑文字：部分元件可以添加文字内容。在未开启单键快捷键功能时，直接输入即可替换当前文字内容；开启单键快捷键功能时，需要双击元件或者在元件上点击按下回车键进入文字编辑状态。

4.5 常用快捷键

添加元件类

复制  粘贴  剪切

R:矩形;
L:线段;
0:圆形;
P:绘画;
T:文本;

操作类

S:图片切割;
:预览原型;
C:图片裁剪;
/:发布原型到Axure云;
X:创建交互;
0:元件透明度0%和100%切换;
N:添加说明;
1-9:元件透明度10%-90%;