《3+1团队》第三次作业：团队项目的原型设计初稿

原型设计是交互设计师与PD、PM、网站开发工程师沟通的最好工具。而该块的设计在原则上必须是交互设计师的产物，交互设计以用户为中心的理念会贯穿整个产品。利用交互设计师专业的眼光与经验直接导致该产品的可用性。

产品原型可以概括的说是整个产品面市之前的一个框架设计。以网站注册作为例子,整个前期的交互设计流程图之后,就是原形开发的设计阶段,简单的来说是将页面的模块、元素、人机交互的形式，利用线框描述的方法，将产品脱离皮肤状态下更加具体跟生动的进行表达。

我们采用的原型设计工具是MOCKINGBOT(磨刀)，下面对MOCKINGBOT做简单的介绍：

1.简单易用的原型设计工具

无论是 PM 从 0 到 1 绘制原型、还是设计师导入设计稿制作交互，都可以快速轻松搭建全平台设备原型。节约了沟通的成本，降低了试错成本，优化了设计的效率！让看不见的价值，更快速地用可见的方式表达。让革新者有新的方法去改变世界。

2.多种设备完美演示

可以将你的作品分享给任何人，无论在 PC、手机或微信上，他们都能随时查看最新版本。快速生成高保真原型，在原型阶段得到产品反馈，节约开发成本。

3.工作流文档生成，关注产品全局

开发人员可告别复杂的需求文档，打开工作流便可看到全局状态和注释，实时同步进度和文档——工作流成为高效的沟通语言。针对移动应用，可以做出像开发完成的应用一样的原型。产品方案验证和演示的时候，工作流极大地减少了沟通和时间成本。

4.在线团队协同，多人聚焦讨论

产品细节、新增需求、打点评论清晰可见。制作者可以第一时间收到细节反馈，方便意见的统一修改。

5.Sketch + 墨刀 = 交互标注利器

将 Sketch 的设计稿一键导入墨刀即可马上制作交互，工程师还可以通过开发者模式，看到完整的图层信息墨刀 Sketch 插件极大程度地提升了工作效率，可以一键导入设计稿，几分钟内轻松制作出可跳转的交互原型。

墨刀的教程做的清晰明了，看完【快速使用墨刀-快速上手】【基础手册-工作区】大概就能制作一个有模有样的静态页面，这部分花十来分钟看一下还是很有必要的，可以快速入门。

光静态页面肯定不行，接下来就重点攻克一下【进阶效果】，我觉得墨刀的重点就是【母版】和【状态】了吧，跟着教程好好练习【母版】和【状态】中的案例。这个过程会花费一定时间，但收获也是大大的。

在采用原型设计时，用户界面设计员负责维护用户界面原型的完整性，并确保按照用例示意板和边界对象的要求，使用原型构建一个可用的用户界面。

原型设计之于应用开发，是为第一要素。它所起到的不仅是沟通的作用，更有体现之效。通过内容和结构展示，以及粗略布局，能够说明用户将如何与产品进行交互，体现开发者及UI设计师的idea，体现用户所期望看到的内容，体现内容相对优先级等等。