西西软件园多重安全检测下载网站、值得信赖的软件下载站！
→ 常用快速原型设计工具大比拼、原型设计工具哪个好用
v2.2.6 官方特别版
类型：动画制作大小：2.9M语言：英文 评分：1.1
原型设计是交互设计师与PD、PM、网站开发工程师沟通的最好工具。而该块的设计在原则上必须是交互设计师的产物，交互设计以用户为中心的理念会贯穿整个产品。利用交互设计师专业的眼光与经验直接导至该产品的可用性。简单说，“原型”是在项目前期阶段的重要设计步骤，主要以发现新想法和检验设计为目的，重点在于直观体现产品主要界面风格以及结构、并展示主要功能模块以及之间相互关系，不断确认模糊部分，为后期的视觉设计和代码编写提供准确的产品信息。目的：下列角色使用用户界面原型：用例阐释者，用来了解用例的用户界面；系统分析员，用来了解用户界面如何影响系统分析；设计员，用来了解用户界面如何施加影响及它对系统“内部”的要求；类测试人员，用来制定测试计划活动。如何高效完成优秀原型设计，工具自然非常重要。下面我们介绍一些常用的原型设计工具，供大家参考。Axure RpAxure RP是美国Axure Software Solution 公司的旗舰产品，该原型设计工具可以专业快速地帮助完成定义需求规格负责设计功能和界面的原型设计者快速创建应用软件或Web网站线框图、原型、规格说明书等。Axure所针对的用户包括用户体验设计师（UX）、交互设计师（UI）、业务分析师（BA）、信息架构师（IA）、可用性专家（UE）和产品经理（PM）等等。
类别： 办公软件 &&&大小：9.8M
&&&语言： 中文
Axure RP 能让操作它的人快速准确的创建基于Web的网站、原型页面、交互体验设计、标注详细开发说明，并导出Html原型或规格的Word开发文档。（通过扩展还会支持更多的输出格式）• 网站架构图&& (Site Structure)• 示意图&&&&&& (Wireframe)• 流程图&&&&&& (Flowchart)• 交互设计&&&& (Interaction Design)• 原型设计&&&& (HTML Prototype)• 规格文档&&&& (Specification)用Axure RP设计线框图和原型会有效提高工作效率，同时方便团队成员一起完成协同设计，可以向用户演示和交流以确认用户需求以及自动产生规格说明书，极大地优化工作方式：设计更加高效、可快速体验动态原型，帮助清晰有效的沟通。Axure RP的可视化工作界面以让用户轻松快速的简单用鼠标拖拽的方式创建带有注释的各种线框图。无需编程，就可以在线框图上定义简单链接和高级交互。同时该工具支持在线框图的基础上自动生成HTML原型和Word格式的规格说明书。Balsamiq MockupBalsamiq Mockups是一款快速原型的设计软件，由美国加利福利亚的Balsamiq工作室推出，它真正抓住了原型设计的核心与平衡点――既能快速设计草图，又能较好地进入到平时团队工作的流程和工具。它基于 Air，能够流畅的在不同浏览器，不同操作系统平台下完美运行，可以在线使用，亦可以离线使用，能够很顺利地将其安装在Windows 7、FreeBSD、Ubuntu等平台中，高效率地完成每个原型设计任务。
类别： 动画制作 &&&大小：2.9M
&&&语言： 英文
Balsamiq Mockups具有极其丰富的表现形式，设计效果非常美观。它支持几乎所有的HTML控件原型图，比如按钮（基本按钮、单选按钮等）、文本框、下拉菜单、树形菜单、进度条、多选项卡、日历控件、颜色控件、表格、Windows窗体等。除此以外，它还支持Phone手机元素原型图，极大地方便了开发iPhone应用程序的软件工程师。Pencil ProjectPencil Project最初只是的小插件，曾经得过Firefox插件Grand Prize大奖第一名，后来发布了独立软件。这款手绘风格的开源原型设计工具可以用来绘制各种架构图和流程图。Pencil Project内置丰富模板，可创建具有背景的多页面文档，支持文档内超链接跳转，支持富文本功能的文字处理，支持安装自制画笔和模版，具备所有标准绘图功能如对齐、堆叠层级、缩放、旋转等，支持添加外部对象，跨平台……可以创建可链接的文档并输出成为HTML、PNG、OpenOffice、Word、PDF等格式的文件。Prototype ComposerPrototype Composer是一款Serena出品的能够让非技术型的用户进行原型设计的免费软件，同时它还包括商业过程、活动、用户界面、需求和数据，不但可以制作界面原型，方便用户在代码编写之前直观预览到网站的运行流程，同时还可以用来做项目管理，包括需求管理，数据管理。Prototype Composer提供了完整的集成环境，可轻松进行设计、建模，在进行开发之前使得商业应用软件合理化。该软件能够以可视化的形式描述软件的工作模型，提供可定制的Word格式说明书模板库，可自动组装上从模型中产生的数据，一键创建需求、功能、技术规格说明。Omni GraffleOmni Graffle软件由Omni Group公司出品，可以在OS X平台上轻松绘制漂亮的图表、树状结构图、流程图、页面等，可以用来规划电影或剧本的情节走向、绘制公司组织图、专案进度等等。该软件界面非常漂亮，模板丰富精致，容易激发灵感，辅助对齐和尺寸调整功能强大。目前还推出了iPad版本的应用（328元）。GUI Design Studio（GDS）GUI Design Studio是面向应用软件设计图形用户界面的专业工具，特别适合客户端软件设计。该软件能够快速将设计思路以可视化的方式来表现出来，并实现基本的交互，便于演示以及与客户完成有效沟通交流。GUI Design Studio是不需要软件开发和的完整的设计工具，它支持所有基于微软Windows 平台的软件，提供的了大部分C/S、B/S组件的示意图，可组合使用，是一款非常款适合界面原型设计者和界面原型开发员的软件，能够满足一般软件界面模型设计需要。
类别： 编程辅助 &&&大小：4.4M
&&&语言： 中文
Office组件大家熟悉的Office套件中有不少组件都可以用在原型设计中：如Visio、PPT、Word、甚至Excel等，但是操作过程相对比较繁琐。Visio：功能相对丰富，操作复杂。适合画流程图，框架图。不利于批注与交互的表达与演示。Word：可以画线框图、流程图，添加批注与文字说明。对交互表达不好，不利于演示。PPT：易于画框架图、做批注，也可以表达部分交互流程，擅长演示。
类别： 办公软件 &&&大小：374.9M
&&&语言： 中文
Adobe设计组件一些视觉设计出身的原型设计人员因为软件使用习惯的原因，会选用Adobe的一些平面和网页设计工具来做原型设计工具。/Illustrator：操作难度相对较大，易于画框架图、流程图。不利于表达交互设计，不擅长文字说明与批注。Dreamweaver：操作难度大，需要基础html知识。易于画框架图、流程图、表达交互设计。不擅长文字说明与批注。纸笔当然，我们最传统的纸笔也是非常重要的原型设计工具，帮助我们在设计初期记录和整理思路，绘制最初的草稿。除了上面我们提到的这些，现在还有很多很多相关的原型设计工具他们各有特点，大家可以选择自己习惯地使用，也欢迎在文章末尾分享您的意见。无论是桌面软件、Web网站还是移动APP界面，原型设计都是产品设计流程中非常重要的一环，原型设计在一定程度上是为了说明用户将如何与产品进行交互，用来展现最初的产品设想，起到直观展示和有效沟通的作用。原型设计需要体现出用户在每个页面上期望看到的内容，以及这些内容在页面上的相对优先级，展示内容和结构及粗线条的布局，而不是视觉设计。原型是一个概念到实现的过渡，是不同部门对话的交流介质，重点在于沟通和帮助项目成员（比如团队中的工程师与设计师等）理解产品需求。 从整个项目的角度讲，在原型的设计与沟通过程中发现问题并加以调整，将更有效地避免将问题留到视觉设计和开发流程中，有效提高开发效率。
12-1101-2701-2401-2401-2301-2201-1701-1701-1501-12
阅读本文后您有什么感想? 已有23人给出评价!
名称大小下载让世界与你更贴近，商机与你零距离，足不出户营销全球。
服务电话：7
移动互联网
关键词优化
按行业定制
互联网增值产品
微信营销成功案例
企业网站建设案例
网络营销推广案例
十年建站经验，1000多家企业合作案例，信心保证！
严格遵循国际代码开发标准，适应各大搜索引擎的抓取和收录。
―― 联为动力，您的建站指导专家!
App应用软件制作开发的成本要多少钱？
15:35来源: 联为网点击: 次
APP是英文Application的简称，由于iPhone等智能手机的流行，APP指智能手机的第三方应用程序。一开始APP只是作为一种第三方应用的合作形式参与到互联网商业活动中去的，随着互联网越来越开放化，APP作为一种萌生与iphone的盈利模式开始被更多的互联网商业大亨看重，如百度的百度应用平台、淘宝开放平台、腾讯的微博开发平台都是APP思想的具体表现，一方面可以积聚各种不同类型的网络受众，另一方面借助APP平台获取流量，其中包括大众流量和定向流量。
基于此，无数的移动互联网者都以为做一个APP就能实现移动互联网创业之梦，但是显然这个认识并不正确，下面我就借助马海祥博客的平台跟分享一下关于移动APP应用开发的成本估算，看看做一个APP到底是否有那么容易？
1、团队组建的成本
通常情况下，要想制作一个正规的App应用需要后端工程师、客户端工程师、UI设计师、产品经理各一名，这已经是比较精简的配置，搁大公司，还得再配置测试工程师，运维工程师，交互设计师等等。
如果遇上前端工程师，或者对后端的依赖不大，工程师或许可以减少到1个，如果产品经理和UI设计师恰好可以合体，那么产品团队最少2个人&&这情况很罕见，大部分时候起码得3-4人拿出一款产品来，5-6人也很正常。
3-6人，从人数上来看并不多，麻烦的是分散在三四个工种，独当一面，各自负责三四个核心环节，也就是出现短板的风险特别大。
根据马海祥的经验，互联网从业人员里，合格者的比例可能还不到一半。即便人合格吧，也不一定适合这款产品的设计风格，技术特性。产品项目最大的人力支出项并不是薪酬，而是招募组建这支团队的时间成本，以及在不得已的情况下，降低标准组队带来的质量与效率下降。
好吧，我们假定组队成功，从头研发一款App通常需要1-3个月，从发布到产品相对稳定，相对成熟，又需要1-6个月，合起来是1-3个季度。
如果4个人半年多就能折腾一款体验成熟的App出来，那真不算什么事儿，因为真正的大头是运营成本。
2、App开发工程师大概的薪资是多少？
国内APP最火的时候应该是在2011年底到2013年初。那个时候，不少&土豪&们争相投资各种APP或APP开发团队，这是资本市场的背景，另外，那段时间也是苹果手机风靡全球的时候，因此开发苹果版APP是最热门的需求，因此也催生了一批IOS开发工程师。
大学里基本没有教授这门技能，也鲜有相关的培训机构，大部分的工程师都是靠自学成长。但是苹果系统的封闭性导致了学习IOS开发的成本比安卓的要高很多，至少手头要有一台能装有苹果系统的电脑，还要有一个苹果手机或平板做测试，申请一个开发者账号也需要好几百块，这些加起来都将近一万多，不是一般人能承受得起的，因此，懂IOS开发的人也就少了。
在这种求大于供的情况下，IOS开发工程师的薪酬像泡泡一样越吹越大，最疯狂的时候，一个稍微懂点IOS的程序员就能要个7、8千的月薪，编出来的软件基本用不了，因为经验完全不足。
一方面资本的推高，另一方开发成本的高企，直接导致了APP开发的费用水涨船高。安卓APP因为本身采用的是JAVA语言，又是开放系统，很多学校和培训机构都相继开设了课程，大量的流水线式的产出安卓开发工程师，但这并不导致开发成本的降低，反而，因为三星等国内外手机厂家对安卓系统的大力改造和发展，安卓系统的应用场景越来越广泛，市场需求旺盛，所以工程师的薪酬并不比IOS的低很多。
3、实际开发一个App大概要多少钱？
如果真正想做一款好的APP，那就得考虑IOS和Android两个平台各做一个APP，同时选择一个好的开发团队，这个很重要，因为差的团队做出来的产品基本会有很多问题。一个好的APP项目至少需要一个项目经理、一个UI设计师，一个IOS开发工程师和一个安卓开发工程师，另外如果需要后台数据交互的，还需要一个后台开发工程师，正规的话还需要一个测试工程师。
这些人员的月薪加上来已经超过4、5万人民币了，对于简单的APP，设计、开发加上测试的时间大概需要6到8周，复杂一些的需要8到12周。
这样算下来，一个简单APP的开发费用就需要6~10万，稍微复杂些的需要10~15万，这里包括两个版本的APP。当然这个范围不是很确切的，有些难度较大的或者前后台复杂程度高的系统，价格也会更高。特别是做游戏的，成本可能会是这个估算的好几倍。
4、在预算有限的情况下，如何开发App应用？
现在市场上确实也有一些小工作室，两三个人组成，UI设计、产品经理、IOS、Android和后台开发都肩负在这两三个人身上，他们可以加班加点把项目赶出来，这样的成本可以省下至少三分之一。但需要清楚的是，这种工作室开发出来的APP质量不高，潜伏问题比较多，如果只是用来演示或交作业的，他们也是一个不错的选择。
如果还想再省点钱，可以找些兼职的人来做，兼职的设计师和开发工程师，如果对开发的时间要求不高，正常只需要一个月的开发时间对于兼职来说，延长一倍的时间是很正常的。
此外，为了降低开发成本，现在已经有一些平台开发出一些模板，只要从后台把一些基本信息换掉，也可以换套皮肤，更出色的甚至可以更换一些交互效果，这种模式下，就不是按照人力成本计算的，而是按照产品售价计算的，这些模板目前的费用是1到3万不等，比独立开发可以省出至少一半的费用。但缺点在于只能基于他们原有的模板进行使用，而且有可能是按年付费的，对于推广方面的节省大家可通过马海祥博客的《没有钱该如何做好新产品的网络营销推广》相关介绍来了解。
总体来说，目前国内开发APP的成本相对还是比较高的，这跟当年网站刚出现的时候类似，只有等市场慢慢普及开来，人力成本的泡沫缩小，市场供需的平衡，费用就能降下来了。
今年年初后，随着微信的快速发展以及百度轻APP概念的推出，Web App又重新被人们所重视，各种微信营销培训大会在各地遍地开花，成千上万的企业被电话邀约参加这些培训大会，并被推荐建立各种微应用、微商城等Web APP。
这些Web APP被依附在微信的公众平台上，最大的好处就是能利用微信的传播途径进行快速推广。做一个定制Web APP的费用大概是在几千元，如果是选用商家的模板，市场上最便宜的已经有几百元的了。
关于这些Web APP，说实话，其实就是手机网站，开发这类产品的工程师只需要原来懂网页设计开发的人就可以，而这类人早些年已经被市场逼成了IT界的民工，太多太多了，因此Web APP的成本就低得多。
5、App运营成本
运营成本可以细分为用户运营，内容运营，资源拓展、市场营销等等，只要产品还活着，就会持续地要求运营投入。前三样也就是1-10个人的配置，真正可怕的是营销成本，毕竟做一款有需求有品质的产品，很快自发传播开的时代早就过去了。这里，马海祥总结了以下几种情况需要考虑：
（1）、App分发渠道高度集中，以至于排行榜更迭速度极快（具体可查看马海祥博客的《详解app应用分发平台的榜单推荐和搜索排名规则》相关介绍）。新产品即便上榜也会快速下沉，接下来需要持续的营销投入来维持曝光。
（2）、没钱投入，分发渠道靠不住的话，就得依赖社交传播。然而用户是否活跃，是否容易分享内容，首先取决于产品定位与场景，其次才关系到品质与体验（具体可查看马海祥博客的《app营销的核心竞争力不是内容而是功能）。只可惜用户活跃又乐意分享的产品类型注定是极少数，据马海祥收集的数据显示这部分的占比大概是10%左右。
（3）、即便你的产品就是那10%，能带来有效的社交传播，它还能创造稳定的使用场景与用户价值吗？是否一阵风刮过去，然后就寂然无声。想想曾经风靡一时的疯狂猜图，曾经一个月内(全球)下载上百万次的画中画相机，据马海祥收集的数据显示这部分的占比大概也只有1%左右。
（4）、即便你的产品就是那1%，又有社交传播，又有用户价值，你以为这就搞掂了吗？Too simple，sometimes naive。这样的产品会在瞬间被大公司复制去，只留下你坐在地上蹬腿哭闹：他们欺负我，他们不要脸。
所以，绝大部分新应用想存活下来，就得准备足够的营销费用，别妄想&酒好不怕巷子深&。这个数字可能是起初人力成本的N倍。当然，产品足够赞，也会减少营销费用的比例，但产品的其他成本又飙上去了。
要想成功的打造一个&爆款&App应用，需要最多的就是钱，钱，钱，以及越来越多的人和时间。当你推进一个移动项目的时候，就掉进了成本的无底洞里，并非&只差一个程序员了&这么简单，何况我还没有计算App从用户价值到商业价值之间的低效率转化。
6、App成本的全局考虑
绝大部分的公司对App投入资金是支付不起这么大的投入，冒个泡就沉了，或者冒个泡没多久就沉了，或者冒个泡之后死撑了一两年，然后就咕嘟咕嘟沉了。
如此高的成本，使得新应用必然往大里使劲，想成为大企业，做大事业，拿下大市场，这才能说服VC和老板给予大投入，因为小打小闹只有死路一条。
但人人都往大里做，带来的结果是产品种类上的同质化，反倒遏制了创新。我去跟别人谈新应用想法，得到的回应首先是：能做多大？有商业价值吗？拿得到几百万融资？
做产品既可以是一件事业，也可以是一种自我满足的游戏，后者能激发更多的创造力，带来市场的多样化。但是，一想到要投入如此高成本，最后很可能还是无声无息地沉了下去，大多数人宁肯把有限的精力押在有可能做大的产品上面，进入谨小慎微的高风险高回报模式。
7、对于一个企业来说，是否有必要开发App呢？
答案是肯定的，因为移动互联网的发展已经进入普及期。但做哪一类的APP呢？以马海祥多年的经验，原生态的APP，是工具类和平台类的首选，而对于普通的展示类或服务类，则可以选择Web APP来实现。
原生态APP的好处是可以实现更多的基于手机的功能，比如GPS定位，手机拍照，手机的重力感应等，并且他能够自己掌握数据和用户，但缺点是这类APP开发后推广是一个难点，因此用原生态APP作为展示推广品牌或产品的目的就变得不现实了，它只能作为工具类或平台类的选择（具体可查看马海祥博客的《app营销推广的渠道、策略和技巧》相关介绍）。
举个列子，如果企业想开发一套简单的销售管理系统，方便业务人员和管理人员对销售工作进行管理，这属于工具类，建议开发原生态APP。如果企业只是想把自己的产品展示出来或实现网上下单，那么建议用Web APP来实现就够了。
虽说做APP已经是一个趋势，但我们还是要仔细考虑好我们是不是真的需要这个APP应用，做这个APP的出发点是什么，想好了再选择一个合适的方式，这样才能做到事半功倍。
马海祥博客点评：
想开发一个好的App，其成本确实不低，不是所有企业都可以承受得起的。相对于App开发的成本来说，其推广和运营成本会更高，也有花费千万的推广费，依然砸不出可观的安装量的。也会有安装量还可以，但是活跃用户很低的，这就是产品运营上的缺失。
还有一个是App的盈利问题，目前市面上绝大多数的App都没有很好的盈利模式，连之前资本热捧的App市场现在也很萧条。
所以，在决定开发App之前一定要想好是否真的需要，还是说用来装B之用。并不是说别人有的你也一定要有，也并不是说别人可以做到的，你或你的团队一定也能做到，别人可以把公司带上纳斯达克，你可以吗？跟风也要适度，先要想好自己真正的核心竞争力是什么，是否真的需要这么个东西。
站内搜索：
United States - Chinese
本站关键词：、、上下架应用
只需一步，快速开始
10款最受用户欢迎的图形图表制作工具
原作者:来自: 简书 10:47
清晰的图形图表可以帮助我们分析察觉差异，做出判断，减少时间成本，为大家推荐10款最受用户欢迎的图形/图表制作工具。
在数字经济时代，人们需要对大量的数据进行分析，帮助用户更直观的察觉差异，做出判断，减少时间成本。当然，你可能想象不到这种数据可视化的技术可以追溯到2500年前世界上的第一张地图，但是，如今利用各种形态的数据可视化图表帮助用户减少分析时间，快速做出决策一直扮演着重要的角色。为大家推荐10款最受用户欢迎的图形/图表制作工具。1、TeeChart for .NET 官方独家授权中文版是最优秀的WinForm图表控件，官方独家授权汉化，集功能全面、性能稳定、价格实惠等优势于一体。Steema公司和慧都科技针对中国市场联合推出中文版TeeChart for .NET图表控件，一共汉化2000个词条（17000个单词），汉化文档35000个单词，包括控件设计时与运行时的界面汉化以及控件使用向导文档的汉化，总汉化90%以上！TeeChart for .NET 中文版让您在使用和学习上没有任何语言障碍，至少可以节省30%的开发时间。TeeChart for .NET中文版具有易上手，使用方便，稳定性好，性价比高，价格优惠等优势，并且针对Web应用提供无限制服务器分发授权方式，非常有利于产品集成。2、TeeChart Pro ActiveX图表组件库提供数百种2D和3D图形样式，54种运算和统计函数以及无限数量的坐标轴和14工具箱供你选择。该图表控件还可以有效地用于创建多任务的仪表板。3、AnyChart是基于JavaScript (HTML5) 的图表控件。使用AnyChart控件，可创建跨浏览器和跨平台的交互式图表和仪表。AnyChart 图表目前已被很多知名大公司所使用，可用于仪表盘、报表、数据分析、统计学、金融等领域。AnyChart HTML5图表高度可定制且高度兼容。拥有纯JavaScript API，AnyChart图表内置客户端数据实时更新，多层次向下钻区和具体参数更新。强大的主题引擎使你通过一系列图表进行独特的演示体验，而PDF和图像输出能产出图书质量打印文档。4、FusionCharts XT作为FusionCharts图表套包的主打产品，它提供了所有通用的图表类型，同时它还支持 ASP、 ASP.NET、 PHP、 JSP、 ColdFusion、 Ruby on Rails、 JavaScript、甚至简单的HTML页面。它是你值得信赖的JavaScript图表解决方案，目前在全球有50万用户选择Fusioncharts来制作专业的JavaScript图表。5、TeeChart Pro VCL/FMX是一款主流的图表制作工具。提供了数百种用于可视化的2D、3D图形样式、56种数学、统计和金融函数，以及不限数量的坐标轴和30种调色板组件。6、ProEssentials作为一个分发免费的领先的图表制作工具，在工程、制造、金融和处理大数据集方面被广泛接受。这都要归于其出众的处理速度，完备的功能以及对渲染和终端用户细节的重视。7、ChartDirector是一款使用方便快捷、功能非常强大且交互性强的通用Web图表组件。在Web服务器以及嵌入式应用程序开发中，ChartDirector是一个非常理想的图表工具，因为它拥有丰富的图表图形组件库。8、Telerik 的 UI for ASP.NET AJAX（原名RadControls for ASP.NET AJAX） 是完整的 ASP.NET AJAX 用户界面开发工具集，拥有超过70种优化的 ASP.NET AJAX UI 控件，提供无与伦比的开发性能和用户体验，并能无缝集成SharePoint。它主要针对专业级的 ASP.NET 开发，适用于 AJAX、Atlas 、Visual Studio .NET 2005 、Visual Studio 2008 及 ASP.NET 3.5。通过该产品的强大功能，开发者可以开发出功能丰富、适应标准广泛，与交互浏览器兼容的网络应用程序。9、Highcharts是一款纯JavaScript编写的图表库，为你的Web网站、Web应用程序提供直观、交互式图表。当前支持折线、曲线、区域、区域曲线图、柱形图、条形图、饼图、散点图、角度测量图、区域排列图、区域曲线排列图、柱形排列图、极坐标图等几十种图表类型。10、Visifire是一款WPF&Silverlight图表控件，使用visifire可创建移动，Web和桌面应用程序的动态图表。Visifire 图表控件还能嵌入到任何web页面。Visifire独立的服务器端技术能够与ASP, ASP.Net, SharePoint, PHP, JSP, ColdFusion, Python, Ruby或者简单的HTML一起使用。原作者：MelodyNing文章来源：简书
上一篇：下一篇：
Powered by
鸟哥笔记 沪ICP备号-1五种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等。
推荐阅读：
CocoaChina是全球最大的苹果开发中文社区，官方微信每日定时推送各种精彩的研发教程资源和工具，介绍app推广营销经验，最新企业招聘和外包信息，以及Cocos2d引擎、Cocos Studio开发工具包的最新动态及培训信息。关注微信可以第一时间了解最新产品和服务动态，微信在手，天下我有！
请搜索微信号“CocoaChina”关注我们！
关注微信 每日推荐
扫一扫 浏览移动版}