axure常用原型模板

竭诚为您提供优质文档/双击可除
axure常用原型模板
篇一：axure学习资料界面原型设计工具汇总
界面原型设计工具汇总
界面原型设计工具汇总介绍
界面原型图绘制工具pencil
pencil是一款开源的原型图绘制工具，手绘风格的，就像自己在纸上画的那样。

pencil还可以用来绘制各种架构图和流程图，同时还提供Firefox的插件。

Framer是一个开源原型设计工具，使用coffeescript 编写。

支持动画效果和交互操作。

【商业】原型制作软件axureRp
axureRp是一个快速原型制作软件，由美国axuresoftwaresolutions,inc.公司开发。

axureRp能让操作它的人快速准确的创建基于web的网站流程图、原型页面、交互体验设计、标注详细开发说明，并导出html原型或规格的word开发文档。

通过扩展还会支持更多…
【免费】软件界面原型设计工具uidesigner
uidesigner，简称“uid”，是一款进行软件界面原型设计的工具。

它拥有强大的模板和预制功能，能够快速的搭建起软件界面的高保真原型。

可以实现设计师、产品经理、程序开发工程师三者间的快速沟通，减少不必要的工作内耗。

【商业】产品原型设计工具balsamiqmockups
balsamiqmockups是产品设计师绘制线框图或产品原型界面的利器。

在产品设计的需求阶段，低保真的线框图或者草图设计介于产品流程设计与高保真
demo设计之间，在balsamiqmockups出现之前，流程图可以使用Visio，高保真demo可以使用axure，但我们并没有好用的草图设计工具；在产品设计管理中，我们通常在产品的业务流程和数据流转已经相当明确时才开始进一步考
虑产品的结构层和框架层，虽然此时纸、笔、白板都是非常简单方便的交流工具，但是他们的最大劣势就是——很难将有价值的原型保存下来。

balsamiqmockups的出现完美的解决了这个问题。

网页原型制作工具Framebox
Framebox并没有多么特别的特色。

你可以拖放、设置大小、复制粘贴这些ui组件，但是他的特色在于你可以非常轻松的通过它的拖拽很容易就完成你的原型制作。

想要用这个轻量级的免费的工具，也需要注册一下。

原型设计工具mockupbuilder
mockupbuilder是一款原型设计工具，支持网页、桌面应用、移动应用。

iphone原型制作iphonemockup
在iphonemockup里面你可以使用铅笔模式，也可以使用图表模式的编辑器。

不管你选择什么，功能都是一样的，都可以很简单很方便的生成iphone上的应用原型。

你也可以分享给别人，就算你更改了设计，别人通过那个链接也一样可以看到。

【商业】界面模型插件wireframesketcher
wireframesketcher是一个eclipse插件，用于创建线框图，界面模型和ui原
篇二：axure原型文档设计
一、axure概况
1、axure是什么：axure是一款设计原型文档的软件
原型文档是什么？
原型文档可以理解为是一个页面（或者应用、甚至软件）的草图。

以图形形式
等比例展现出你想要的页面效果，比如各栏目的安排、各栏目的展现形式（文字列表或者缩略图等）。

设计者只需要在意整个页面布局是否合理、用户体验如何，不用在意背景要什么颜色、用什么图形。

这是美工的工作。

2、axure有什么特色：与其他设计工具不同的是
axure除了能设计出页面原型表现形式，他还能做出一些交互效果。

实现本地
交互功能。

让美工和程序员快速理解你要的效果，减少沟通成本。

axure能生成一个网页形式展现的页面，能更清楚直观地看到页面的布局
二、axure界面介绍
区域①：站点地图。

你可以自行删除增加及重命名。

也许举个例子，你会更明白：假设你在设计一个专题，你需要首页、文章页、列表页。

那么你可以设计在同一文件中区域②：主编辑区。

页面排版等都在这个区域进行
区域③：部件区。

提供各种部件让设计者使用，如：矩形、文本框、下拉框、按钮等
区域④：查看部件的尺寸及坐标。

如下图
区域⑤：交互功能设置区
设计者可以设置：
某个按钮点击时的交互（点击后弹窗或点击后进入一个列表等）
某个部件鼠标移入及移出时的交互
区域⑥：动态面板编辑
要做交互就需要有动态面板，这个区域就是编辑动态面
板的区域
三、基础使用：
初学者可以先不使用交互功能，只使用普通部件功能画出草图。

所以初学者最常用到的区域只有①②③
先确定你的页面宽度
既然是原型，那么就需要我们等比例来设置页面，布局和排版才能再最终页面中体现。

建议以宽度960/980为基础来设计原型。

如下图：
如果是活动页面，设定要你第一屏需要显示的内容至少要到什么位置，在页面上表现给美工。

接着就可以用各种部件开始画原型了：画原型使用的部件，可以在部件区找到使用方法是拖曳需要的部件到编辑区即可，部件可以随意拉伸缩放移动位置等。

以下介绍几种常用的部件：
【水平菜单】
通常是用来做导航，如下：
【图像】
①页面中经常需要使用到缩略图或者各种图片，可以直接使用图像部件来代替。

②拖曳到编辑区后，双击图像，还可以导入本地图片到编辑区
③axure也支持直接截图到编辑区粘贴。

比如你这时候需要在页面中表示一张图片，也许可以这
么做：
又或者你想在页面中布局一个可以切换的幻灯片，也许你可以这么做：
【文本面板】
文本面板可以直接输入文字，在文本面板上输入的文字，生成到页面中是可
以复制的。

如下图：
【矩形】
矩形是最常用来表示板块的部件
比如你需要在页面中添加一个经验心得的板块以及一
个视频的板块
经验心得板块采用文字标题形式展示，视频板块采用缩略图加标题形式。

那么你可以这么做：第一步：将矩形拉到编辑区，移动到合适的位置上。

第二步：使用文本面板部件，输入两个板块的名称及需要用文字标题展示的形式。

第三步：使用图像部件，表示需要用缩略图展示的形式，如下图：
矩形，精彩拿来画框架结构，在画弹窗的是要注意：直接输入的文字是不可以复制的哦，最好是在矩形里面放个文本面板。

【按钮】
最直观展现自己是一个按钮的部件……美工一看就知
道这个是按钮，就要有个按钮的样儿
比如你想在你的页面中加几个进入小工具的按钮，可以如下：
【文本框】
文本框你没概念？那举个例子吧，就是那种可以在里面输入东西的框框。

比如搜索框。

所以当你想要一个搜索框的时候，也许你可以运用上文本框以及按钮，如下：篇三：用axure做原型基础教程
前言：在产品经理工作中，特别是初级
产品经理，制作原型是主要工作之一。

axure是用的最顺手的原型制作软件，虽然制作移动端在效果上并不是很好，但作为不需要做高保真原型的情况下已经基本足够了。

下面总结一下自己在使用axure的一些可以提高效率的技巧：
1、首先最立竿见影的就是使用母版。

使用母版的好处就是省去重复工作，直接拖拉就行。

一开始觉得也可以用ctrl+c和ctrl+V代替，但是，但原型修改的时候，奔溃了，要改n次，而且还有可能出现漏改。

自此使用了使用母版后就再也回不去了。

模板有三种类型，一种是固定位置的母版，一种是可以随意移动位置的母版，还有一种是可以随意移动并且母版元素可以拆解的母版。

这三种可以根据需要设置。

在模板右键鼠标—>拖放行为，进行选择。

2、使用组合，快捷键：ctrl+g
当几个元件（组件）组成一块大的元件时，可使用组合，这样的好处是可以很方便地移动，不需要每次都全部选中后才移动。

复制也是一样的道理。

这个节省的时间累积下来也是不少的。

3、平移元件（组件），快捷键：按住shift拖动元件（组件）
平移元件的意思是使得元件只改变x轴但y轴不变或只改变y轴但x轴不变。

这个好处是当你想把元件向下移动但是左右的位置不变时，就可以按住shift然后拖住元件向下一定就可以了，你会发现左右位置不变。

4、复制元件（组件），快捷键：按住ctrl拖出一个复制的元件（组件）
按住ctrl后拖出新复制的元件（组件）后，先放开鼠标左键是复制新元件（组件），先放开ctrl就是不复制，把原来的元件（组件）移动到该位置。

5、锁定元件（组件），快捷键：ctrl+k
当元件（组件）被锁定后，元件（组件）不能被移动和复制，适用于界面元件（组件）比较多的时候，使用锁定可以避开不需要复制的元件，提高效率。

6、按住ctrl+shift后拖动元件（组件），可以垂直或水平复制新元件（组件）
这个对于做表单原型时比较有用。

因为文字对其可以使得原型工整，按住
ctrl+shift后垂直或水平拖动元件（组件），复制的原型都是对齐的，可以节省后期调整的时间。

7、重复的文字描述使用添加链接跳转
我公司prd文档是直接写在原型上的，当需要描述的地方在其它模块描述过后，添加链接使其跳转到对应模块的描述里。

这样的好处有：一是节省重复工作，二是避免需要修改时漏改的其它地方，三是跳转可以让程序员知道这是一样的东西，便于他们理解。

8、其它一些常用的快捷键
1）ctrl+z：返回上一步
2）ctrl+s：保存（多使用，避免忘了保存遇上死机，欲哭无泪。

我为什那么清楚？你懂的tat）
3）ctrl+c和ctrl+V：这个大家都懂的了
4）F5：生成html
5）ctrl+鼠标放在在元件的边缘：旋转元件任意角度。