2020-12-18

Axure

产品原型：产品原型是设计方案表达，是产品经理，交互设计师的重要产出物之一，项目也是项目团队的其它成员（尤其是设计师、开发人员）的重要参考和评估的依据。产品界面原型其实就是页面级别的信息架构、文案设计、及页面和页面之间的交互流程，它是产品功能与内容的示意图。

Axure原型图分为四种：

01：线框图： 一个简单的线框图只需要使用线条、方框和灰阶色彩填充，黑白色的布局整体呈现为低保真设计图，主要呈现主体信息群，勾勒结构和布局，表达用户交互界面的主视觉和描述。

02：低保真原型： 其实是对产品较简单的模拟，它只是简单的表述了下产品的外部特征和基本功能构架，很多时候都是用简单的设计工具迅速制作出来，用来表示最初的设计概念和思路。

（比如用纸和笔进行的手绘，用画图软件做出的简单线框图，都算是低保真产品原型）

低保真原型图有几个优点：1. 可以快速产出：有时候一个需求的开发周期很短，低保真原型可以快速满足同事的时间要求。2. 修改成本低：一个产品策划很可能会被修改很多次，低保真的原型修改起来很方便。当然，低保真原型也会有几个问题，比如交互细节不清楚，容易造成误解等。

 

03：高保真原型： 高保真产品原型，则是高功能性、高互动性的原型设计，是忠实展示产品功能、界面元素、功能流程的一种表现手段。原型图中无论是功能模块的大小，还是文案设计甚至是所用的图标、图例、交互动作，都使用真实素材，或者说和最终UI设计师的产出非常接近，就算是高保真产品原型了。

 

高保真的优点：1. 便于梳理产品细节：制作高保真原型的过程中可以让产品经理提前发现产品潜藏的各种问题，提前处理风险。2. 更容易让其他成员了解产品设计：有时候简单的线框图无法让别人想象出你要做的事情，也不清楚你要放的是哪几个字段，而高保真原型就可以。

 

相对而言，劣势就是制作周期比较漫长，涉及到产品流程的修改，那基本原型就得回炉重造一遍。

刚入门的产品经理，我一直建议有时间的话，还是尽可能多的画高保真原型。因为在一开始产品设计经验不多的情况下，通过设计一些高保真原型，对梳理自己的产品思维、了解产品设计是很有帮助的。对于已经入门很久的同学来说，则看需求的复杂程度和时间安排，比如产品的关键页面是必然要用高保真原型去设计和梳理的。

04：设计成品

元件 ：

添加元件：

从元件面板中拖动一个元件到元件编辑区域， 就可以添加一个元件；

元件可以进行拷贝（Ctrl+C）和粘贴（Ctrl+V）

操作元件：

选中元件后，可以拖拉移动元件和改变元件的大小；

可通过元件右键菜单进行组合、排序、对齐、分配等操作。

编辑元件风格和属性：

工具栏：点击工具栏上的按钮，编辑元件的文本字体、背景色、边框等。

右键菜单：元件右键菜单上可编辑元件的一些特定属性，不同元件这些属性。

元件有：基本元件，表单元件，菜单元件，表格

面板状态管理：

动态面板：01是一个容器；02：可拖动 ；03：有动画

变量：变量能作为某特定种类的值中任何一个保留器（暂存，中转）

局部变量：变量名必须是字母，数字，不允许包含空格。局部变量只适合当前元件，当前这一时刻。

全局变量：变量名必须是字母数字，少于25个字符，并且不能包含空格。全局变量能在整个站点调取使用。

 

指当前被选中或是某个元件内，

属性：为当前选中元件的相关属性

交互：

第一：添加条件（判断）

第二：选择动作（要执行的操作）

第三：组织动作（整理，编辑）

第四：配置动作（选择执行动作的对象）

样式：为当前选中元件的样式设置