Axure学习资料界面原型设计工具汇总文档格式.docx

Axure学习资料界面原型设计工具汇总文档格式.docx

《Axure学习资料界面原型设计工具汇总文档格式.docx》由会员分享，可在线阅读，更多相关《Axure学习资料界面原型设计工具汇总文档格式.docx（15页珍藏版）》请在冰豆网上搜索。

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

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

【商业】界面模型插件WireframeSketcher

WireframeSketcher是一个Eclipse插件，用于创建线框图，界面模型和UI原型。

项目正式开发前创建原型可以帮助用户和开发者理解系统，使用WireframeSketcher在Eclipse中创建能够更好的集成进入你的项目开发流程。

产品原型设计工具Mockup

Mockup是一款手绘风格的产品原型设计工具，在短短的几分钟内，用户可以创建一个模型。

采用Vala语言开发。

应用程序使用从工具条中拖放对象到虚线带白色区。

ubuntu用户安装，官方ＰＰＡ（支持ubuntuPrecise/Quantal/Raring）

产品原型制作工具FluidIA

fluidIA是一个在线的但是可以下载的富用户界面原型设计工具。

它基于面向对象的理念，可以让你快速完善。

它设计的基本思想是团队中的任何成员，无论是设计师还是工程师都可以自由的设计自己的原型。

最近fluidIA的更新稍微慢了点，但是它仍是一个非常优秀的线框图工具。

WEB在线流程图设计器GOOFLOW

这是一个用来在浏览器上设计流程图的WEBUI组件，基于Jquery开发。

可用来设计各种引擎的流程图、逻辑流图，数据流图，或者是设计某个系统中需要走流程的功能应用。

用户体验经本人的不断改良后使得操作界面很容易上手，不仅二次开发人员可用，最终用户也能。

.

【商业】UI原型设计和交互设计工具IndigoStudio

IndigoStudio是由infragistics开发的一款UI原型设计和交互设计工具。

帮助你快速而简单地创建活生生的UI原型。

它的每一步都保持以用户体验为中心。

有了IndigoStudio你可以用超过100个不同的场景、线框（内置交互控件以及桌面、网站和移动应用的原型）创…更多IndigoStudio信息 

设计原型工具包Origami

Origami是一个来自Facebook设计团队的作品，是QuartzComposer的免费工具包，可在无需编程的情况下轻松实现与设计原型进行交互。

【免费】Linux下的界面原型设计工具Justproto

JustProto是一个在线的网站及桌面应用的原型设计工具，它能让你用高效的方式来处理重要的信息流，能让你的项目进程更加简单、快速和高效。

你能在JustProto上找到每个项目（任何规格）的详细说明，并可以立即处理项目中的功能改进、bug修复或评论信息

【商业】图形化的编程工具QuartzComposer

QuartzComposer是一款图形化的编程工具，专门用来生成各种动态视觉效果，包括可交互的界面原型

QuartzComposer的优势一来在于它生成的交互原型是可操作的，二来它能生成的动态效果灵活丰富，自由度相当高（它可以自定义曲线控制运动速度与轨迹），另外它虽然是编程工具，但基本不用写代码就可以实现生成动态效果与交互所需要的逻辑。

（对于复杂的逻辑则可以通过JavaScript实现）

附录资料：

axure常用变量和函数

全局变量：

OnLoadVariable

a

b

filename

中继器/数据集

Item 

中继器的项

Item.Column0 

中继器数据集的列名

index 

中继器项的索引

isFirst 

中继器的项是否第一个

isLast 

中继器的项是否最后一个

isEven 

中继器的项是否偶数

isOdd 

中继器的项是否奇数数

isMarked 

中继器的项是否被标记

isVisible 

中继器的项是否可见

repeater 

返回当前项的父中继器

visibleItemCount 

当前页面中所有可见项的数量

itemCount 

当前过滤器中的项的个数

datacount 

中继器数据集中所有项的个数

pagecount 

中继器中总共的页面数

pageindex 

当前的页数

部件

This

Target

x:

Widget.X：

获取元件左上顶点X坐标值，使用方法：

通过局部变量获取[[LVAR.X]]；

y:

Widget.Y：

获取元件左上顶点Y坐标值，使用方法：

通过局部变量获取[[LVAR.Y]]；

width:

Widget.Width：

获取元件的宽度，使用方法：

通过局部变量获取[[LVAR.Width]]；

height:

Widget.Height：

获取元件的高度，使用方法：

通过局部变量获取[[LVAR.Height]]；

scorllx

scorlly

text

name

top:

Widget.Top：

获取元件顶部边界Y坐标值，使用方法：

通过局部变量获取[[LVAR.Top]]；

left:

Widget.Left：

获取元件左边界X坐标值，使用方法：

通过局部变量获取[[LVAR.Left]]；

right:

Widget.Right：

获取元件等右边界X坐标值，使用方法：

通过局部变量获取[[LVAR.Right]]；

bottom:

Widget.Bottom：

获取元件底部边界Y坐标值，使用方法：

通过局部变量获取[[LVAR.Bottom]]；

页面

PageName

窗口

Windows.width:

Window.width：

获取窗口的宽度，使用方法：

[[Window.width]]

Windows.height:

Window.height：

获取窗口的高度，使用方法：

[[Window.height]]

Windows.scrollX:

Window.ScrollX：

获取窗口横向滚动的当前坐标值；

使用方法：

[[Window.ScrollX]]

Windows.scrollY:

Window.ScrollY：

获取窗口纵向滚动的当前坐标值；

[[Window.ScrollY]]

光标位置

Cursor.x:

Cursor.X：

获取鼠标X轴坐标值，使用方法：

[[Cursor.X]]；

Cursor.y:

Cursor.Y：

获取鼠标Y轴坐标值，使用方法：

[[Cursor.Y]]

DragX:

部件延X轴瞬间拖动的距离（拖动速度）

DragY:

部件延Y轴瞬间拖动的距离（拖动速度）

TotalDragX:

部件延X轴拖动的总距离

TotalDragY:

部件延Y轴拖动的总距离

DragTime:

部件拖动的总时间

数字

toExponential（decimalPoints）:

toExponential 

：

把对象的值转换为指数计数法，使用方法：

[[n.toExponential（参数）]]；

toFixed（decimalPoints）:

toFixed：

指定数字的小数点位数，使用方法：

如果n=1.232，[[n.toFixed

（2）]]返回值1.23；

toPrecision（length）:

toPrecision：

把数字格式化为指定的长度：

如果n=1,[[n.toPrecision（6）]]返回值1.00000;

字符串

Length

CharAt（index）

charCodeAt（index）

concat（“string”）

indexOf（“searchValue”）

lastindexOf（“searchValue”,start）

replace（“searchValue”,”newvalue”）

slice（start,end）

split（“separator”,limit）

substr（start,length）

substring（from,to）

toLowerCase（）

toUpperCase（）

trim（）

toString

运算（Math.XXXX（参数））

+-*/%

abs（x）:

绝对值函数，使用方法[[Math.Abs（-1）]]，返回值1;

acos（x）:

反余弦函数，[[Math.Acos（弧度）]]；

asin（x）:

反正弦函数，[[Math.Asin（弧度）]]；

atan（x）:

反正切函数，[[Math.Atan（弧度）]]；

atan2（y,x）:

返回给定的X及Y坐标值的反正切值，atan2（y,x）；

ceil（x）:

返回小数向上最接近的整数，使用方法[[Math.ceil（1.5）]]，返回值2；

cos（x）:

余弦函数，使用方法[[Math.cos（弧度）]]；

弧度=角度*圆周率/180；

exp（x）:

指数函数，计算以e为底的指数，使用方法[[Math.exp

（2）]]，返回值7.3890560989306495；

floor（x）:

返回小数向下最接近的整数，使用方法[[Math.floor（1.5）]]，返回值1；

log（x）:

对数函数，计算以e为底的对数值，使用方法[[Math.log

（2）]]，返回值0.6931471805599453；

max（x,y）:

返回一个最大数值，使用方法[[Math.max（1,5,5.3,2,4）]],返回值5.3；

min（x,y）:

返回一个最小数值，使用方法[[Math.min（1,5,5.3,2,4）]],返回值1；

pow（x,y）:

幂函数，使用方法[[Math.pow（2,3）]],返回值8；

random（）:

返回一个0~1之间的随机数，使用方法[[Math.Random（）]]；

sin（x）:

正弦函数，使用方法[[Math.sin（弧度）]]；

sqrt（x）:

平方根函数，使用方法[[Math.sqrt（16）]]，返回值4；

tan（x）:

正切函数，使用方法[[Math.sin（弧度）]]；

日期

Now

GenDate

getDate（）

getDay

getDayOfWeek（）

getFullYear（）

getHours（）

getMilliseconds（）

getMinutes（）

getMonth（）

getMonthName（）

getSecondes（）

getTime（）

getTimeZoneOffset（）

getUTCDate（）

getUTCDay（）

getUTCFullYear（）

getUTCHours（）

getUTCMilliseconds（）

getUTCMinutes（）

geUTCtMonth（）

getUTCSecondes（）

parse（）

toDateString（）

toISOString（）

toJSON（）

toLocalDateString（）

toLocalTimeString（）

toLocalString（）

toTimeString（）

toUTCString（）

UTC（）

vaiueOf（）

addYears（years）

addMonths（months）

addDays（days）

addHours（hours）

addMinutes（minutes）

addSeconds（seconds）

addMilliseconds（milliseconds）

布尔

==！

=<

<

=>

>

=&

&

||