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

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

11、WireframeSketcher

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

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

12、Omnigraffle

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

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

13、Pidoco

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

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

14、FlairBuilder

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

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

15、iPhone Mockup

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

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

16、HotGloo

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

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

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

17、InVision

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


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

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

18、Mokk.me 

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

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

19、iPlotz

iPlotz

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

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

20、Pencil Project

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

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

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

时间: 2024-08-02 07:01:59

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

20款优秀的移动产品原型和线框图设计工具

线框图(Wireframe)是app.软件或者网站设计过程中非常重要的一个环节,它可以合理地组织并简化内容和元素.线框图除了可以帮助开发者节省时间外,更可以加深开发者对产品的认知,给开发者一个清晰的产品构架,避免了开发者陷入层次不清.功能不明的产品设计和开发混乱状态. 1.Proto.io Proto.io是一个专用的手机原型开发平台——可以构建和部署全交互式的移动程序的原型,并且可以模拟出相似的成品.它可以运行在大多数的浏览器中,并提供了3个重要的接口:dashboard.编辑器以及播放器.

出色的移动线框图设计工具

最近在看安卓用户界面设计方面的书,想了解一些设计线框图工具.以前没用过,这几天试试,好不好用试过才知道 1. Framer------现代原型制造工具 2. Indigo Studio------快速交互的原型制造 3. Mockingbird------快速线框图设计 4. Simulify------可分享的交互式线框图,实体模型,以及原型 5. Solidify------创作可点击的原型 6. Lovely Charts------制图App应用,提供桌面和移动两个应用版本 7. For

十个完全免费的网页原型(线框图)工具

网页的线框图是非常直观.但是也没什么技术上难点的东西.只需要你大概描出页面上需要的一些元素,比如头部.导航.页脚等等,最多再就是一些交互.内容区域什么的.但这对于任何网络应用的开发都是非常重要的.当然有很多种方法可以做这件事情,最简单的就是拿起纸和笔,但是在这篇文章中,我们要介绍的是一些非常高效好用的在线原型工具,并且他们完全免费. Lumzy 快速原型工具 使用Lumzy你可以为你的应用创建原型图,还能添加一些交互事件.有了它,你可以创建弹出框,交互的页面导航,添加外部链接等等.他对于团队协作

精美的 ( Android, iPhone, iPad ) 手机界面设计素材和线框图设计工具

在制作界面原型的时候,如果有现成的界面基础元素可以使用的话,设计师就可以非常快速的完成原型的制作,能够节省大量的时间和精力.在这篇文章, 我向大家分享45套非常有用的 UI 和 Wireframe 套件素材包,帮助设计们用于 Web 和 Mobile 项目的界面原型设计. Android 2.2 GUI 整套 Android 2.2 手机界面 UI 组件素材,非常精美! Big Block UI 下拉列表,开关切换按钮,搜索框以及单选,多选按钮等. Stencil kit 滑块控制,开关按钮等组

20款优秀的国外 Mobile App 界面设计案例

在下面给大家分享的移动应用程序界面设计作品中,你可以看到不同创意类型的视觉效果.如果你想获得灵感,那很有必要看看下面20个优秀用户体验的移动应用 UI 设计.想要获取更多的灵感,可以访问移动开发分类,里面有很多移动应用程序的 UI 设计,让你惊叹. 您可能感兴趣的相关文章 创意设计:折叠效果在移动App中的应用 45套新鲜出炉的精美 PSD 网页设计素材 分享15套免费的扁平化界面设计素材下载 设计前沿:30款超级精美的iOS图标欣赏 40款 iPhone 和 iPad 应用程序图标设计 Nap

Mockplus(摩客)- 简洁高效的原型图设计工具

Mockplus(摩客) 是一款简洁高效的在线原型图设计工具,很好的标题,基本说明了这篇文章的主要内容--! 原型设计是你对设计方案的一种直观的表达.也许你说,着跟你没啥关系.那我说个实际点的场景,小凡本人是做网站设计的,然后呢,各位卖家朋友向我表达他们对页面的设想的时候--方法各式各样,QQ 截图,Word,PPT,文本--最让我觉得难以面对的是 Excel,但是很多人喜欢用它,因为可以通过表格表达布局. 但是如果有一种只需要简单拖拽几个明确的图示加上文字就可以说的很清楚的方法,你还会又截图又

原型图设计工具。

关键字:快速原型,原型设计,原型图设计工具. http://www.iniuche.com/ http://www.91axure.com/ http://www.iaxure.com/ http://www.chinaz.com/free/2012/0620/258374.shtml http://www.woshipm.com/rp/64741.html http://tech.sina.com.cn/s/2014-04-11/08079313055.shtml http://cdc.ten

[转]常用的快速Web原型图设计工具

转自大神: http://www.cnblogs.com/lhb25/archive/2009/04/25/1443254.html 做产品原型是非常重要的一个环节,做产品原型就会用使用各式各样的工具.在PM朋友们的推荐下使用了很多各种各样的软件,当然选择一款真正适合自己的工具也是很重要,在这里就把我使用过的工具都介绍一下. 主要有:Office.Axure Rp.Balsamiq mockup.Pencil.rational rose.Serena Prototype Composer.iRi

常用的快速Web原型图设计工具

做产品原型是非常重要的一个环节,做产品原型就会用使用各式各样的工具.在PM朋友们的推荐下使用了很多各种各样的软件,当然选择一款真正适合自己的工具也是很重要,在这里就把我使用过的工具都介绍一下. 主要有:Office.Axure Rp.Balsamiq mockup.Pencil.rational rose.Serena Prototype Composer.iRise Studio.GUIDesignStudio.UIDeginer. Office Office我想几乎人人都要用,但真正用的强悍