五种App原型设计工具使用心得
招聘信息：
在开发的早期阶段，原型设计无疑是很重要的，这也是详查和分解应用最简单最低成本的阶段，所以你应该充分利用该阶段，以避免后期改写大量代码。
在设计过程中使用原型的优点：
很容易创建。如果客户反馈引起了app结构上的或者其他大的更改，那么原型可以降低成本时间。
便于讨论。当团队对app进行评判讨论时，原型能提供可详细讨论的内容。
鼓励良好的沟通。原型可以促进多个团队之间展开头脑风暴，帮助他们在演示和demo过程中厘清与app相关的概念。
帮你在早期发现设计问题。原型可让你在早期阶段发现app流程中的问题，以及其他设计问题。
对可用性测试非常有用。交互性的原型可以让你在写代码之前进行可用性测试。
幸运的是，有大量工具都可以帮你创建原型，但不幸的是需要逐一评论，这篇文章中，我特意挑选了5款工具：
Handmade Sketches
你可以在它们之间进行比较，我用每种工具为一款简单的追踪应用创建原型。这款应用可以让你记录有趣的地方，添加follower，并在followers的list中查看兴趣点。
继续阅读--深入查看每个app原型工具，以及我个人对哪种情况下最适合哪款工具的一些建议。
Groosoft推出的Blueprint
是一款售价19.99美元的iPad应用，已经针对iOS 7进行了优化，可以帮你轻而易举地设计原型。Blueprint还有一个配套的免费内应用--Blueprint Viewer，你可以用它来查看你的项目，或者通过iTunes File Sharing或者Dropbox Sync进行备份。Blueprint还具有自动保存的功能，有助于你毫无顾虑地工作。
注意：如果你不想掏这20美元，你可以试试demo版本Blueprint Lite。
你也可以通过邮件发送你的原型，或者或者直接从收件箱中用Blueprint或者Blueprint Viewer打开原型。Blueprint支持PDF和PNG格式的输出，这样无需使用Blueprint，你就可以打印和分享你的原型。
如果你手头上有多个项目，你会爱上这款简单支持多个项目的原型工具--Blueprint。如果你需要把app从iOS 6迁移到iOS 7，Blueprint还提供了iOS 7项目转换工具，定价9.99美元，需要通过IAP购买。
Blueprint的UI非常直观，所有你需要的工具都触手可及。你可以用Blueprint为iPad和iPhone app创建原型，并且它的所有原型组件都是可伸缩的，以适应不同尺寸屏幕的iPhone。
Blueprint还有一个模仿苹果默认设计组件的插件库，包括按钮、加载指示、表视图以及地图视图。Blueprint还包括一些可以马上上手使用的复合组件，比如弹出视图或者操作表单。你可以简单地重新定义插件的颜色、尺寸，或者改变位置以满足你的实际需要。
你可以通过Blueprint创建单个app视图或者通过Actions创建一个完整的app体验。Actions可触发视图间的过渡或转场，你可以简单地为某个插件关联任何手势，或者选择两个视图间转场的类型和风格。
你可以在任何时候查看app的流程，并通过为不同的操作链接类型设置不同的颜色。比如，我用黑色箭头代表简单的导航转换，用紫色箭头指示tab bar导航，用红色箭头指示返回主屏幕。在一个复杂的多视图app中，这种组织方式非常重要。
Blueprint实际使用情况如何?
在没有查看任何Blueprint教程的情况下，我用20分钟完成了示例app的原型，但是上提供了一些很不错的视频教程，如果我在开始设计原型前看过，那会非常有用。
最初，我在Actions和视图联接上多花了一些时间和精力，但是其他任务进展的非常顺利。Blueprint是非常直观的，并且Blueprint Viewer可以轻而易举地让你分享项目。
点击&+&按钮可以导入项目，并像真实app一样演示，并且Blueprint还提供了合适的指南让你清楚原型的哪些部分是可以进行交互的。
你可以在观看我的最终成果视频。如果你想自己试试Blueprint Viewer，你可以下载 。上传到Dropbox文件夹，试一试吧！
Blueprint更多信息
的核心app只适用于iPad设备，售价19.99美元，另外IAP项目--iOS 6/iOS 7项目转换工具售价9.99美元。
是一个免费的app，允许你在购买前试用Blueprint的大部分功能。
是一款免费的app，允许你查看使用Blueprint创建的mockup。
Hot Apps Factory推出的AppCooker
是一个售价14.99美元的iPad应用，已经针对iOS 7进行了优化。它并不仅仅是一个原型，它还提供了一个让你从概念捕获灵感的工具箱，从图标草图和原型设计，到App Store信息收集以及创建商业模式。管理整个app项目计划周期是一个棘手的任务，不过AppCooker通过对各个方面信息的汇集可以简单地帮你达到专业的结果。
AppCooker工具箱中的组件包括：
Ideas definition
Mockup editor
Icon factory
AppStore info manager
Pricing and business model tool
虽然AppCooker有很多个工具，但我主要关注的是Mockup editor工具。
和Blueprint Viewer一样，AppCooker也有一个免费的版本--AppTaster，可以让你通过email、Dropbox、Box或者iTunes File Sharing保存和分享可演示的原型、屏幕或者整个项目。AppCooker还可以让你简单地创建和管理多个项目。
Mockup editor工具的首界面是一个无限的空间，你可以在此构建你的app。通过双击可创建多达200个单个屏幕视图。你可以通过联接屏幕和设置过渡触发器以更具交互性的方式调整app流程。图中白色的箭头可视化地展示了两个屏幕之间的联接。高级的联接功能和过渡预览功能相当震撼。
你可以在原型中使用几种手势，比如单击双击以及长按。AppCooker提供了四种不同的联接类型：Simple Link--在屏幕视图间进行切换；Smart Back--可以让你自动返回正确的屏幕；Swipe Area--在不同屏幕视图之间进行切换；Timer Tag--执行定时操作。你可以简单地预览屏幕过渡的类型和持续时间。
AppCooker为iPad和iPhone提供了一整套UI元素。真正的iOS动态组件功能，比如map view允许你选择你想要展示的地方，以及你喜欢使用的缩放比例。AppCooker还提供了更大的灵活性和实用性，可以呈现iOS 7的模糊效果，并保持像素完美的图形。你也可以绘制方形、圆形以及其他自定义的图形，徒手绘制项目，使用Dropbox或Photo库的图片。
该原型工具还有一个大的icon库--包含你标准的系统icon和200+的其他icon，还有Hot Apps Factory提供的大量字体。在将来的版本中，AppCooker还会有Subtle Patterns资料库和了不起的背景。
AppCooker实际使用情况如何?
通过AppCooker，我用25分钟完成了原型。。整个用户体验非常棒，并且我发现AppCooker比桌面设计程序更简单易用。
跟Blueprint一样，你所有的进程都被自动保存，这样你可以更多关注原型，而不用担心系统是否保存了你的工作。
你可以以AppCooker、AppTaster或者PDF三种格式输出项目。项目文件不仅包含你的原型，也包含app的icon、App store以及定价信息。另外，针对特定的工作区，你可以输出PDF或者JPG格式的文件。你还可以通过AppTaster交互式查看原型，并留下反馈。
你可以在此查看我的成果视频。如果你想试试AppTaster，可下载&，并把它上传至你的Dropbox文件夹。
AppCooker优点和缺点
AppCooker更多信息
Hot Apps Factory的适用于iPad设备，售价14.99美元。当然你也可以在iPhone上免费使用，你可以在AppTaster上试玩你在AppCooker中创建的原型。
Fluid Software推出的FluidUI
Fluid UI是一款用于移动开发的Web原型设计工具，无平台限制，支持Windows、Mac以及Linux系统。FluidUI是一项收费服务，但它提供了一项免费计划--允许你创建一个最多包含10屏幕的项目，并且没有更高级的功能。不过，这项免费计划应该足以让你清楚他们的产品是否符合你的产品需求。
Fluid UI的收费服务定价在12美元-89美元不等。更多细节，可在其产品定价页面查看。
Fluid UI服务最强大的功能之一--你可以创建适用于iOS、Android以及Windows Phone平台的应用原型。非常适合跨平台开发者。
Fluid UI的界面整洁，井然有序，不过在执行某些特定任务（比如创建包括两个分段的分段控件）时会让人觉得有点笨手笨脚。即便如此，Fluid UI的整体体验是非常不错的。Fluid UI包含超过2000个的iOS、Android以及Windows 8插件（针对手机和平板电脑）。
你可以选择低保真的线框图来加快开发，也可以选择高保真的组件来模仿真实的操作系统。你可以在整个库中搜索你想要的UI元素,如果2000个仍不能满足你的要求，那你可以上传自己的图片。&
像我前边提到的那几款工具，使用Fluid UI创建交互性原型非常简单。你可以简单缩放工作区和需要连接的屏幕。不过，FluidUI没有AppCooker Smart&Back links简单和高级的功能。克隆屏幕以及其他便捷操作（比如注释、对齐）都非常容易，会让你节省大量时间。
使用集成到工作区的Fluid player可以让你随时演示屏幕流。Fluid Player模拟了你的原型如何在移动设备上运行，虽然你可以在真机上演示你的原型。
如果你还想要试试这个很酷的特性，可以扫描下方的二维码，并跟随说明或者简单地跟随FluidUI提供的链接。
Fluid UI实际使用情况如何？
用Fluid UI做原型花了25分钟。虽然Fluid UI没有辅助性的app（译者注：比如AppCooker和AppTaster），但你可以通过邮件分享你的原型链接，并且收件人无需安装任何额外软件就能看到你的最终成果。
付费FluidUI用户可以以PNG屏幕、交互式的HTML原型以及PNG屏幕流图表输出项目，甚至可以打印出来。FluidUI还有一个免费计划，通过这个简单的免费计划，你可以在Twitter或者 Facebook上分享你的项目。最后，Fluid UI允许你在账户之间移动项目。
Fluid UI优点和缺点
Fluid UI更多信息
Fluid Software的Fluid UI是跨平台开发者一个很好的选择，而且使用Fluid Player预览原型非常简单。
查看来理解FluidUI更多可能性。
Adobe推出的Photoshop
Photoshop是Windows和Mac上一款知名的桌面应用，它不是最简单的mockup and prototyping工具，但它是迄今为止最全面的设计软件包。虽然Photoshop售价不低，但对于一个设计师来说是物有所值的。
你可以以19.99美元的价格购买Photoshop Creative Cloud，或者你可以以49.99美元的价格购买整个Creative Cloud package。如果你想了解更多详细信息，可在此。
Photoshop有一个陡峭的学习曲线，但是一旦你学会了基本的技能，以后你会有一个灵活性的优秀的原型设计工具。当设计工作流程（包括布局、指南、图形以及其他等等）时，Photoshop大部分基础的功能可以给你提供很好的帮助。
为了加快你的iOS图形设计工作流程，Photoshop也有很多不错的插件，比如，它兼容Photoshop CS5及以上版本的，这样你就没必要额外多付19美元了。
该插件始终保持更新，并且内置的工具可以让的工作流程更高效：
1.即时可见的视图模板：DevRocket可为所有iOS设备（iPad/iPhone）生成横向和纵向的视图模板，并智能展示模板。
2.智能icon工作流程：DevRocket可以使用单张icon设计生成各种尺寸的icon。
3.原生外观预览：在更原生化的环境中预览你的原型设计。
4.输出两种分辨率的UI元素：标准UI设计版本和retina设计版本。
你有两个方法在设计中使用UI元素：
1.在线搜索可以满足你需求的免费或者付费PSD文件；你可能会找到一个涵盖iOS 7UI组件的库。
2.你可以通过DevRocket到Refill Store下载免费或者付费的UI元素。
注意：Photoshop会以自己的格式保存项目文件。
由于标准的UI元素永远都不够，我在上找了很多非常棒的组件模板。
实际使用情况怎么样？
结合使用Photoshop, DevRocket以及PSD素材，我用了40分钟完成一个mockup设计。相比较其他几种工具，使用Photoshop花费的时间略微有点长，尤其是当你还不熟悉PS的时候。不过PS设计的弹性灵活性值得你投入这些时间。
一旦你创建好所有的屏幕视图，你可以把他们添加至共同的工作区，如果你想把这些屏幕视图连接起来的话。
有越来越多的第三方工具以神奇的方式扩展了Photoshop的兼容性。Bjango推出的Skala Preview可以让你和客户分享你的Photoshop mockups，并且
Skala Preview还有桌面版本，iOS和Android版本。你可以在上查看所有工具。
通过Skala Preview分享项目只需简单几步：
1.桌面版Skala Preview。
2.在Photoshop中创建一个远程连接。Edit > Remote Connections&,然后提供一个service name和password，确定勾选了Remote Connections。
3.和下载了的客户分享你的service name和password。
4.打开Skala View app，确定你已经同时运行了Skala Preview和Photoshop，确保运行Skala Preview的Mac和iOS设备使用了同一个wifi网络。
5.预览你的设计。
注意：为了实时预览你在Photoshop中编辑的文档，需要在Skala Preview输入Photoshop Remote Connection和密码，设置可在Settings\Photoshop&Settings中完成。
Skala Preview可以把原型像素完美的图片发送给任何iOS或者Android设备。你甚至可以进行色盲测试。
Photoshop更多信息
如果你需要一款灵活的强大的原型工具，是一个非常不错的选择：
1.UI Parade推出的是一个非常棒的可帮你加快工作流程的插件。
2.T在提供了大量原型UI组件外，还可以帮你节省大量时间。
3.你可以从Mobile Tuxedo获得一些免费的，在原型中概念性地代表手势。
4.如果你需要分享自己的原型，可使用，可使用iOS设备上的。
Handmade Sketches--by You!
最后介绍的是手工草图，这仍然是一个进行原型设计的可靠的真实的方法。很多应用程序就开始于纸上的草图。
不少公司都为开发者提供了手工草图绘制工具，我们来看下上提供的：
虽然这些工具看起来非常简单，但不要低估他们在绘制手工草图方面的自由行和灵活性。
Handmade Sketches实际使用情况怎么样?
我花10分钟完成了原型，使用了我们内部现成的模板，提供了信息的位置，比如日期和mockup id，如果你需要对工作进行分类，那么这一点非常有用。
提供了大量令人惊讶的模板，为你开始原型设计提供了坚实的基础。也为你的原型草图提供了专业的外观。另外，Interface Sketch Templates还提供了iPhone和iPad草图模板，也为Android、web app以及WP 8提供了草图模板。
你可以看看我做的原型：
我特意用荧光笔标出了视觉上的抽象信息，比如手势、操作以及选择元素。对我来说，这不仅简单灵活地描出信息，也让应用的流程一清二楚。
分享手工原型更为简单：使用iPhone拍张照片，然后上传至Dropbox，或者通过邮件分享。
但手工设计原型有优点也有缺点，有些缺点并没有在下面的图表中列出，比如它没有内置的方法来保存原型草图，没有简单的方法在草图间复制/粘贴元素。
原型工具对照表
上边是我尽自己所能给出关于原型设计工具的信息，而下表则是各种原型工具需要提供的：
那么结论是什么？
在我看来，AppCooker性价比最高，它提供了高级功能，较为直观并且可用性很高。而AppTaster作为一个非常有用和免费的viewer，很好地完善了AppCooker。
Blueprint使用起来非常简单，Blueprint Viewer对项目的可移植性处理的很好，它最大的特性是直观性和即时性。
FluidUI的显著特点是跨平台兼容性，更具有灵活性，还有一个丰富的部件库。使用FluidUI创建原型非常简单和快捷。
如果你有时间学习使用新工具，那么Photoshop则提供了一个功能多样的环境。容易可用的插件和PSD模板可以让你的原型设计工作非常有趣。
最后是快速、便宜、易用的手工草图。它们抛却了炫目花哨的图形来展示app的核心功能，可以获得大量的反馈。
不过，要选择最适合你的方法。
如果你有任何问题或者评论，可加入论坛自由讨论。
针对这篇文章，以下是其他开发者使用的工具：POP， ，，，prototyper，，Evolus Pencil，以及Balsamiq等。
推荐阅读：
微信扫一扫
订阅每日移动开发及APP推广热点资讯公众号：CocoaChina
点击量12317点击量12296点击量7807点击量6821点击量6725点击量5565点击量5376点击量5195点击量4336
&2015 Chukong Technologies,Inc.
京公网安备89做WEPAPP前端开发，用什么开发工具好？
[问题点数：20分，结帖人zpjshiwo77]
做WEPAPP前端开发，用什么开发工具好？
[问题点数：20分，结帖人zpjshiwo77]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
2015年10月 总版技术专家分月排行榜第二
2015年9月 .NET技术大版内专家分月排行榜第一2015年8月 .NET技术大版内专家分月排行榜第一2015年7月 .NET技术大版内专家分月排行榜第一2015年6月 .NET技术大版内专家分月排行榜第一2015年5月 .NET技术大版内专家分月排行榜第一2015年4月 .NET技术大版内专家分月排行榜第一
2015年7月 Web 开发大版内专家分月排行榜第三
2015年7月 Web 开发大版内专家分月排行榜第三
匿名用户不能发表回复！|
每天回帖即可获得10分可用分！小技巧：
你还可以输入10000个字符
(Ctrl+Enter)
请遵守CSDN，不得违反国家法律法规。
转载文章请注明出自“CSDN（www.csdn.net）”。如是商业用途请联系原作者。锦阳移动APP开发软件 锦阳移动APP软件制作 锦阳移动应用软件开发工具 - 锦阳app开发公司
锦阳APP开发公司,为您提供锦阳移动APP开发软件、锦阳移动APP软件制作、锦阳移动应用软件开发工具等资讯,并为锦阳地区提供app制作、app开发、app推广、app营销、APP客户端 、手机app、手机APP开发、安卓手机开发、移动互联网推广等各类app软件开发资讯,欢迎电话咨询。
您当前的位置： >>
锦阳移动APP开发软件
安卓开发软件的优点2&& 在过去很长的一段时间,特别是在欧美地区,手机应用往往受到运营商制约,使用什么功能接入什么网络,几乎都受到运营商的控制.从去年iPho以更加方便地连接网络,运营商的制约营商口中的笑谈,当你可以通过件方便地进行即时聊天时,再回想不久前是不是像噩梦一样?互联网巨头Google推动的 安卓终端天生就有网络特色,将让用户离互联网更近.
APP制作工具的作用？APP制作工具的作用范围非常广泛，不说世界上了，就目前我国移动互联网领域90%以上的资金、技术人才、平台开发都是针对消费类移动客户端进行，真正面对消费类移动客户端的技术服务并不符合他们的需求。由于企业级APP的现实需求，开发者们就需要适用这种需求的开发建设平台，而绝非将消费类移动应用的开发系统套用到企业APP的建设上。
20.移动App带来什么好处？& & & &移动App给我们的生活带了很多方便，主要有这些好处。
第一、APP用户增长速度快、经济能力强，思维活跃。
第二、App可整合LBS、QR、AR等新技术，带给用户前所未有的用户体验。
第三、App基于手机的随时随身性、互动性特点，容易通过微博、SNS等方式分享和传播，实现裂变式增长。
第四、APP的开发成本，相比传统营销手段成本更低。
第五、通过新技术以及数据分析，APP可实现精准定位企业目标用户，实现低成本快速增长成为可能。
第六、用户手机安装APP以后，企业即埋下一颗种子，可持续与用户保持联系。
为什么开发App能提高用户忠诚度?&& & 对于商家来说，用户忠诚度对于日后的发展来说，非常重要，而90%的App用户都不会主动卸载软件，它为企业创造更多的盈利机会。客户资源移动化管理，避免客户资源的流失和客户管理盲区的产生，全面整合客户的动态信息客户关系，全景透析及客户价值挖掘。
APP营销的背景植入怎么做?&　　很有人都问，APP营销的背景植入怎么做?在抢车位游戏中，可以找到答案。一眼看去，最突出的就是MOTO手机广告，将MOTO的手机广告作为停车位的一个背景图标，给消费者无形中植入了MOTO的品牌形象。游戏中还提到&用MOTO手机车位背景，每天可得100金钱&，这样的奖励广告，驱使游戏玩家使用该背景。可以肯定的是，这些奖励是真的，不过，这的确也是企业的广告。
其它地区APP
锦阳APP最新文章
其它锦阳APP服务
& &&&&&& && &
&Copyright @ chuangshengnet Inc.
&万有引力移动商务：　传真：转888&
业务邮箱：&　　客服邮箱：&
&版权所有南昌创胜网络科技有限公司ICP经营许可证编号：赣B2-
　ICP备案号：赣ICP备号
相关推荐： | | | | | | | | | ||||||||||| | | | | |给 win8 编写app需要学习什么语言，还有用什么开发工具，是visual studio吗？_百度知道
给 win8 编写app需要学习什么语言，还有用什么开发工具，是visual studio吗？
提问者采纳
visual studio 2010可以安装win8的sdk吗？可以开发win8的应用吗？
Modern UI Style（Metro）应用不行，桌面应用可以，因为可以向下兼容
这么遗憾，正版的vs2012得多少钱啊？
提问者评价
其他类似问题
为您推荐：
您可能关注的推广
开发工具的相关知识
其他1条回答
++吧，毕竟很火，java。什么c#，虽然我觉得很恶心.net，各种学，
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁