eeeeeeeeeeeeee

Axure RP  专业的快速原型设计工具

快速创建互联网产品的线框图、流程图、低保真原型、高保真原型和交互说明/流程文档等

什么是原型？模拟真实产品功能与设计，用于初期阶段测试产品的可行性与效果，节省开发成本与周期

线框图  ————快速成型，粗略构思产品

低保真原型 ———— 添加交互效果，进一步细化产品细节（一般完成低保真原型就可以交付给交互/UI设计师）

交互说明/流程图 ———— 可以理清页面之间的逻辑关系以及交互元素的说明

高保真原型 ———— 接近产品的真实效果，可以模拟一些交互效果（耗费周期较长，一般不需要）

学习axure的目的是使用工具完成思路设计

很好

线框图  ————快速成型，粗略构思产品

低保真原型 ———— 添加交互效果，进一步细化产品细节

交互说明/流程图 ————线框图间的跳转说明

高保真原型 ————真实产品的交付物DEMO

产品的构思流程

线框图

低保真原型图

交付交互设计师或UI设计师

交互说明、流程图

高保真原型

产品初期线框图

AXURE

vue-cli安装：
1.安装node和npm；
2.在cmd中测试node和npm版本：
   node -v (版本号v8.11.3, 在6.9以上)
   npm -v (版本号5.6.0, 在3.10以上)
3.根据Vue.js官网-安装-命令行工具教程 (在cmd中执行)：
   npm install --global vue-cli (安装全局的cli)

4.安装好后，测试是否安装成功，cmd中输入vue --version           2.9.6版本
   使用vue指令，会显示“vue不是内部或外部命令...”
   解决方法就是：将vue.cmd的路径加入系统设置的Path环境变量中，即可。如我的路径是“D:\Program Files\nodejs\node_global”。
   另外一种解决方法是进入NodeJS文件的目录下，试一试vue -V（查看vue的版本号，V是大写）。也就是：D:Program Files/nodejs>vue -V
5.装好后，打开cmd输入，cd到对应的项目文件夹下，例
   cd F:\VueJS                f:
6.vue init webpack vue-playlist (创建一个基于webpack模板的新项目)
   vue build------runtime + compiler

7.cd到 项目文件夹下，例
   cd vue-playlist/
8.npm install (安装该项目中需要的依赖模块)

9.npm run dev (运行文件)

入门到实战精通

创建线框图、流程图、低保证原型、高保证原型

分类：

线框图——低保真原型——交互说明/流程图——高保真原型图

艾克俺的不许学看?金

看

Axure RP:模拟最真是的交互工具。

（1）初步构思为线框图 

（2）低保真原型

线框图  ————快速成型，粗略构思产品

低保真原型 ———— 添加交互效果，进一步细化产品细节

交互说明/流程图 ————线框图 间的跳转说明

高保真原型 ————真实产品的交付物DEMO

原型：模拟真实产品功能与设计，用于初期阶段测试产品的可行性与效果，节省开发成本与周期

 线框图 — 低保真原型 — 高保真原型

交互说明 + 流程图

 这个软件主要是用来产品早期的开发和构想

学习对象

产品经理、项目经理、信息架构师

交互设计师、UI设计师、开发工程师