一、前言

1、为什么学习前端要使用原型工具Axure RP？

一般来说，作为程序员，当客户（甲方爸爸）找我们做需求，我们需要将甲方所描述的项目简单的绘制出来，通过绘制的界面了解甲方的具体需求以及甲方对项目的预期效果。绘制的界面的方法我们可以通过手绘、ps、HTML、原型工具（原型工具有很多种，我们这里选择Axure RP）以及其他方式。

手绘方式：描绘起来粗糙，不足以让甲方直观感受预期效果。
ps方式：ps功能强大，以至于对于使用者要求高，具有专业性才能玩转。
html方式：效率过低，不适合做为绘制工作。
而Axure RP作为一款快速原型设计工具，功能强大，容易上手，效果好。

二、如何快速简单使用Axure RP

1、了解Axure RP工作区间

Axure RP的整个界面包含了：编辑区，站点地图区，元件库，母版区，工作区，属性、样式、说明区以及页面概要区。

编辑区：包含软件的全部编辑操作，比如说盒子（在本文中，盒子是对页面的全部元素的统称，例如按钮、表单、文本框等）的大小的调整，位置的移动。
站点地图区：就是页面的导航面板，对页面进行增加、删除、重命名操作。
工作区：绘制页面的区域。
属性、样式、说明区：对页面中的盒子进行样式调整、修饰，以及盒子与盒子之间的关系链接。
元件库：提供丰富的组件，直接使用，提高绘制页面效率。
页面概要区：对页面中的内容进行管理，分类，细化。方便设计者对页面框架进行把控。
母版：将可重复利用的版块整合在一个页面上，减少设计者重复绘制一样的版块。

1）、工作区进一步说明

新建并打开页面，在工作区燥起来。

2）、编辑区进一步说明

内容着实有点多，这里挑着必要的进行介绍
1、file:可创建新的文件，以及打开文件。
2、front:将盒子上浮back将盒子下沉。

3、group:选中一个或多个盒子组合成一个整体 upgroup:拆开选中的整体。
4、preview:预览已经保存的页面。

3）、元件库进一步说明

这里提供很多的组件，按钮，图标。

1.Box1、Box2、Box3：三种不同的盒子，主要用于构架整体页面。它们区别在于有无边框，背景颜色深浅。
2.Ellipse:一个圆。
3.image：插入图片，拖进工作区后双击即可添加图片。

4.Button按钮组件。
5.H1、H2、H3：大小不同的标题。
6.Label：文本框。
7.Horizontal Line：一条横直线。

4）、属性、样式、说明区进一步说明

现在选中的是样式区。
1.STYLE:样式。
2.NOTES：说明。
3.PROPERTIES:属性。
4.fill：设置盒子的背景色。
5.Border：设置盒子的边框线粗细、虚实、有无。
6.Font:设置盒子内的字体样式。

2 简单使用原形工具Axure RP相关推荐

原型设计如何直接生成html,使用原型设计工具 Axure RP创建一个web页面框架
前言什么是原型呢? 原型设计是交互设计师与PD.PM.网站开发工程师沟通的最好工具.而该块的设计在原则上必须是交互设计师的产物,交互设计以用户为中心的理念会贯穿整个产品.利用交互设计师专业的眼光与经 ...
原型设计的工具-----Axure RP
原型设计的工具-----Axure RP 1.原型设计的工具目前能用于原型设计的工具有很多,其中有七种比较好. (1) Axure RP (2) Mockplus (3) Jus ...
软件原型设计工具Axure RP安装教程
http://www.axure.us/1896/ Axure RP是产品经理必备的原型制作工具,因为很多同学是新手,在这里整理一下axure7.0的下载.安装和汉化流程,希望能够帮到大家. Axur ...
[交互设计工具/原型创作工具]Axure RP Pro 5.0新特性破解版　注册码
先感谢木的{moond},要不是一次提供了那么多画原型图的工具,我现在还在Word和Visio里面打转呢. 这些软件能试用的我差不多都用了一下,其中觉得Axure的RP Pro 4挺好的,功能包括站点 ...
产品经理（PM）常用原型图设计工具 Axure RP 等等
本文转贴自:http://www.zhangping.name/2010/08/28/pm-wireframes-design-tools/ ,尽管都是一些商业软件,但对设计的确非常有帮助. 天天和产 ...
界面原型设计工具 Axure RP开发环境搭建
Axure RP 是一个界面原型设计的得力工具.类似于DreamWare对于网页设计的关系. [下载]:官方下载链接 :http://www.axure.com/ 百度搜索一下Axure RP,也很容 ...
原型图工具Axure RP 8/Axure RP 9 免登录最新版授权码（博主亲测有效）
官网下载地址:https://axure.cachefly.net/AxureRP-Setup.exe (授权码) Axure RP 9.0.0.3687 正式版(更新到2021年3月9日) Lice ...
Axure RP 8.0 网页与APP原型设计工具使用教程--- 项目经理、产品经理设计必备工具
Axure RP 8.0 网页与APP原型设计工具使用教程 --- 项目经理.产品经理原型设计必备工具 Axure RP 8.0.0.3312版本下载[这个是目前能用的最新的版本,其后的版本都无法注册 ...
Axure RP教程_编程入门自学教程_菜鸟教程-免费教程分享
教程简介 Axure RP是一款专业的快速原型设计工具.Axure(发音:Ack-sure),代表美国Axure公司:RP则是Rapid Prototyping(快速原型)的缩写. Axure RP是 ...
软件界面原型设计工具(Web)：Axure RP
Axure RP 如果你觉得Balsamiq Mockups卖79美元还贵的话,那Axure就更显得色差奢侈了,很多Axure的培训费都远高于这个价! Axure的发音是"Ack-sure& ...

2 简单使用原形工具Axure RP

目录