码迷,mamicode.com
首页 > 移动开发 > 详细

【辅助工具】20款优秀的移动产品原型和线框图设计工具(二)

时间:2014-09-27 23:29:52      阅读:244      评论:0      收藏:0      [点我收藏+]

标签:des   android   cWeb   blog   http   io   os   使用   ar   

 接前一篇:【辅助工具】20款优秀的移动产品原型和线框图设计工具(一):http://www.cnblogs.com/haochuang/p/3997140.html

11、WireframeSketcher

bubuko.com,布布扣

WireframeSketcher是一款强大的、灵活的线框图和原型快速创作工具,适用于桌面app和移动app开发者。WireframeSketcher可以作为单独的app,也可作为一个Eclipse 插件。

 

WireframeSketcher 还是一款简单的带有手绘风格的创作工具,这样你就不会被一些细节所打扰。它包含大量UI控件,可以进行灵活的自定义设置。经过优化的界面、多个快捷方式、 格点捕捉以及智能化引导都让WireframeSketcher成为快、高效的选择。Mockups Gallery 还储存了大量可供下载的插件、模版以及icon等。

 

12、Omnigraffle  

bubuko.com,布布扣

OmniGraffle是由The Omni Group制作的一款带有大量模版可以用来快速绘制线框图、图表、流程图、组织结构图以及插图等类型图的app,也可以用来组织头脑中思考的信息,曾获得2002年的苹果设计奖。
 

它采用拖放的所见即所得界面,你可以用钢笔工具绘制自定义的模版或者图形,此外还自带Graffletopia提供的多个iPhone、iPad以及Android模版。

 

13、Pidoco

bubuko.com,布布扣

Pidoco 是一款基于Web的原型设计软件,用于快速创建可点击的线框图。也可以用于制作网站项目、移动项目、企业应用程序的用户界面原型。拥有智能的共享和协同工作功能以及便捷的可用性测试模块,更易于使用。

 

通过简单的拖放界面,你可以使用软件自带的移动UI元素来快速创建移动app原型,或者使用移动页面模版来节省更多时间。你可以选择"plain" 或者"sketched" 模式来展示你的线框图。 

 

14、FlairBuilder

bubuko.com,布布扣

FlairBuilder 是一款可以用来创建交互性线框图的快速原型工具,可以帮你把低保真度的草图升级为高保真度的线框图。FlairBuilder内置数量超过70个的小部件 或小元件,还带有大量模版。你可以简单快速地预览你的项目,并且输出功能齐备的HTML原型。线框图以树状结构出现,FlairBuilder可以读取你 的线框图,并产生一个易于查看的层级式网站地图。

 

FlairBuilder带有iOS和Android模版,你可以以HTML形式输出原型,这样也易于在真机上进行测试。

 
15、iPhone Mockup

bubuko.com,布布扣
 
iPhone Mockup最大的特点是简单,可绘制简单线框图(illustration)和手绘风格线框图(pencil)两种风格的在线原型工具,你可以在两种风格之间自由切换。


iPhone Mockup支持协同创作和同步数据/操作,每个人都可以知道项目做了那些更改,只要他们有项目的URL,每个人都可以在线编辑。iPhone Mockup支持Firefox、Safari、Chrome以及Internet Explorer 8 浏览器。
缺点是没有密码保护,且组件有限,但却是一个最基本且最简单的工具,可以上传图片和更改文本标签。


16、HotGloo

bubuko.com,布布扣

HotGloo 是一款为传统软件以及富互联网应用软件制作产品原型的在线工具,友好而强大。内置了许许多多会经常使用到的控件和UI元素,鼠标拖拽至画布,再组织绘制即 可。能够有效的帮助用户提高对传统软件以及富互联网应用软件的快速设计和交互式用户界面实体模型的规划进程。

 

最近,该软件新增了iPad和iPhone专用的模板套件,包括基本的界面元件,比如标签、icon、地图、按钮以及大量表视图。

 

HotGloo轻量级但却非常强大的模版系统给人深刻印象,双击可编辑模版组件,还有助于强调app中响应式的交互设计。协作功能可以让团队多人参与到线框图制作过程中,你也可以邀请别人来参看或者给你一些反馈和意见。内置的聊天功能可以让成员实时讨论线框图的绘制情况。


17、InVision 

bubuko.com,布布扣

InVision是一个便捷的产品原型生成工具,用户制作一个在线原型只需要四部:创建一个工程、上传视觉设计稿、添加链接以及生成在线原型。

 

确 切说,InVision提供的不是准确的线框图,而是一个快速原型的环境,可以把你的UX/UI草图快速连接起来。数字型的线框图和高保真的设计可以帮你 测试app的工作情况,同时该工具还支持协作和分享功能,生成的在线原型可以支持任何人在产品原型的任何地方评论,便于准确的交流。

 

针对iOS 开发,InVision还增添了其他功能,比如自定义主屏幕icon和自定义加载页面。

 

18、Mokk.me 

bubuko.com,布布扣
 
Mokk.me 是一个简单快速的原型工具,通过界面上简单的拖放操作,不用了解单线编程就能创作一个可以分享、测试以及多平台的app。目前,Mokk.me正在测试 中,但它是一个简单的基本的工具,任何人可以用它来创建app的布局。你可拖、放或者编辑小工具,可以搭建和连接页面,还可以选择过渡动画。它的特点还在 于页面和按钮、图片小工具、文本输入以及复选框形式。
 

另外,你可以借助HTML、CSS以及JavaScript完成app其他一些功能,一旦你创建了原型,你还可以进行分享,在iOS 和Android上进行测试。

 
19、iPlotz  

bubuko.com,布布扣
 
iPlotz 是一款可以用来创建可点击、可导航的原型和线框图工具,适合网站开发者和移动app开发者。你可以在一个可调整的页面拖放元件,然后连接起来,增加其他屏 幕或者页面的热点链接。你可以选择使用iPhone/iPad模版或者Android模版,任何模版都有独一无二的元件设置。

iPlotz界面明白易懂,支持协同工作、可分享的编辑权限、任务管理以及评价系统。另外,项目可以以IPML、JPG、PNG、PDF以及HTML形式输出。


20、Pencil Project 

bubuko.com,布布扣

Pencil是一款开源的可以用来制作图表和GUI原型的工具,可以作为一个独立的app,也可以作为Firefox插件。内置模版可以帮你绘制桌面和移动界面中用到的各种各样的用户界面,包括流程图、UI和一般的通用图形。


通过它内置的模板,你可以创建可链接的文档,并输出成为HTML文件、PNG、OpenOffice文档、Word文档、PDF。Pencil Project还包含大量移动app模版。

摘自:http://www.cocoachina.com/ios/20130408/5949.html

【辅助工具】20款优秀的移动产品原型和线框图设计工具(二)

标签:des   android   cWeb   blog   http   io   os   使用   ar   

原文地址:http://www.cnblogs.com/haochuang/p/3997141.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!