网络编程
位置:首页>> 网络编程>> 网页设计>> 产品交互原型设计工具分享(2)

产品交互原型设计工具分享(2)

作者:Seven 来源:ISD Webteam 发布时间:2010-03-24 18:06:00 

标签:交互设计师,产品设计,工具

Auxre RP:基本操作也和FW,Mockups类似,3是工作区域,从5控件库里拉取到工作区域画wireframe。

控件库内含了许多会经常使用到的widget物件,例如:按钮(Button)、图片(Image)、文字面板(Text Panel)、单选按钮(Radio Button)、复选框(Checkbox)、下拉式选单(Droplist)。甚至可以藉由Dynamic Panel的功能,来设计动态介面,例如:下拉式选单、页签,甚至是更进阶的AJAX或RIA的功能。

Axure RP相对于其他原型工具,比较有特色的有以下几个方面:

·区域4站点地图(页面列表)
可以自动根据页面列表,快速绘制树状的网站架构图,而且可以让架构图中的每一个页面节点,直接连结到对应网页。

·区域6 Masters共用模板功能。
在设计Wireframe时,如果能善用Masters共用模板功能,您可以节省下不少重复修改的时间,Master可以是经常被使用到的widget集合,例如:页首、页尾、或是一个登入的画面。

·区域8为高级交互操作区域
Wireframe里的大多数的widget可以对一个或多个事件产生动作,包括 OnClick、OnMouseOver和OnMouseLeave诸如此类。模拟出逼真的交互工作,十分方面的进行演示和讲解。

·自动输出网站原型 (HTML Prototype)
Axure RP可以将您设计的wireframe,输出成符合Internet Explorer或Firefox等不同浏览器的HTML prototype。

也就是说,您不需要安装Axure RP或任何其它软件,就可直接将产生的Prototype档案email给客户,或是发布到网页服务器让客户或使用者检视和操作,Prototype包括 Sitemap、Page Notes、Annotations和功能性的交互效果,是一个能有效测试所提议的功能和清楚沟通设计的工具。

·自动输出Word格式规格文件(Functional Specification)

Axure RP可以输出Microsoft Word的格式的文件,不只容易阅读,更可以展现规格文件的专业,能有效的记录、沟通和取得设计的最后确认。

规格文件包含了目录、网页清单、网页和附有批注的Master、撷取的画面、Annotation、Interaction和Widget特定的信息,以及结尾文件(例如:附录),规格的内容与格式也可以依据不同的阅读物件来变更。

三、实例操作对比

这里,我们利用以上各工具,实际操作一次,制作一个简单的原型设计实例,看看各个工具的表现。
我们将实际制作一个Tab View的例子。

Word:

不足:对交互表达不好,也不利于演示。(一个基本的页面要分3页,且一页一页看才能表达交互效果);没有标准样式,各种线框画的很随意。

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com