五种App原设计工具使用心得.docxVIP

五种App原型设计工具使用心得 在开发的早期阶段，原型设计无疑是很重要的，这也是详查和分解应用最简单最低成本的阶段，所以你应该充分利用该阶段，以避免后期改写大量代码。 ? 在设计过程中使用原型的优点： 很容易创建。如果客户反馈引起了app结构上的或者其他大的更改，那么原型可以降低成本时间。 便于讨论。当团队对app进行评判讨论时，原型能提供可详细讨论的内容。 鼓励良好的沟通。原型可以促进多个团队之间展开头脑风暴，帮助他们在演示和demo过程中厘清与app相关的概念。 帮你在早期发现设计问题。原型可让你在早期阶段发现app流程中的问题，以及其他设计问题。 对可用性测试非常有用。交互性的原型可以让你在写代码之前进行可用性测试。 ? 幸运的是，有大量工具都可以帮你创建原型，但不幸的是需要逐一评论，这篇文章中，我特意挑选了5款工具： BluePrint AppCooker FluidUI Photoshop Handmade Sketches ? 你可以在它们之间进行比较，我用每种工具为一款简单的追踪应用创建原型。这款应用可以让你记录有趣的地方，添加follower，并在followers的list中查看兴趣点。 ? 继续阅读--深入查看每个app原型工具，以及我个人对哪种情况下最适合哪款工具的一些建议。 ? Groosoft推出的Blueprint  HYPERLINK /us/app/blueprint-ios-mockup/id405203705?mt=8 \t _blank 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的原型，但是 HYPERLINK /blueprint/ \t _blank Groosoft在其网站上提供了一些很不错的视频教程，如果我在开始设计原型前看过，那会非常有用。 ? 最初，我在Actions和视图联接上多花了一些时间和精力，但是其他任务进展的非常顺利。Blueprint是非常直观的，并且Blueprint Viewer可以轻而易举地让你分享项目。 ? 点击“+”按钮可以导入项目，并像真实app一样演示，并且Blueprint还提供了合适的指南让你清楚原型的哪些部分是可以进行交互的。 ? 你可以在 HYPERLINK /wp-content/uploads/2013/10/Blueprint-viewer.mov Blueprint Viewer – Play观看我的最终成果视频。如果你想自己试试Blueprint Viewer，你可以