与你一起走进原型设计的世界——认识产品原型

jongde

由于所从事的工作涉及售前咨询，也或多或少与产品原型设计沾点边，因此这一回跟大家一起分享一些我在原型设计过程中的一些心得体会。

1、什么是原型
根据不少产品经理网站和网络上的一些定义，原型，即产品草图。从产品流程来看，将想法形成草图原型，原型再由设计师形成效果图，程序猿们根据需求和效果图开发，出来的软件样子就是和效果图差不多。原型在过程中就是产品最终形态的骨架。
百度百科里面提到：产品原型可以概括的说是整个产品面市之前的一个框架设计。以网站注册作为例子,整个前期的交互设计流程图之后,就是原形开发的设计阶段,简单的来说是将页面的模块、元素、人机交互的形式，利用线框描述的方法，将产品脱离皮肤状态下更加具体跟生动的进行表达。
同时百度百科里面也提到：原型设计是交互设计师与PD、PM、网站开发工程师沟通的最好工具。而该块的设计在原则上必须是交互设计师的产物，交互设计以用户为中心的理念会贯穿整个产品。利用交互设计师专业的眼光与经验直接导致该产品的可用性。

换一个角度理解，原型是产品经理人员将文字化的需求转换成图形稿，是设计方案的表达，是产品经理的重要产出物之一，是项目团队参考，评估的重要依据。它是产品功能与内容的示意图，是最终产品的雏形。

2、原型的分类有哪些
那么，原型的分类有哪些呢？归结起来，主要有三类，分别是低保真原型、中保真原型和高保真原型。低保真原型是最轻松和省时间的原型，粗犷的风格让我们只重视结构和流程，原型不在乎太多设计细节。中保真原型这类原型最常见，低保真不容易描述产品最终样子，高保真容易干扰设计师，中保真汇集了各类优点，也是比较常用的。高保真原型对比中低保真，高保真可以称之为效果图了，如果加深细节可以直接对着开发咯，换句话说，高保真更强调细节。

3、原型设计的重要性
随着互联网的迅猛发展，越来越重视产品的设计和用户体验的设计，因此原型设计也愈来愈重要。一方面能够让开发更轻松，同时能够通过更简单的协作意味着更容易反馈，一方面能够节省时间和金钱，最终能够逐步达到双赢的局面。
原型主要是用来演示UI是如何运作的，呈现流程的流向，不论它是否流畅是否足够合乎逻辑。不断地对原型进行调试意味着，你可以在迭代中不断优化用户体验和产品细节，直到最终完成设计。



4、好的原型是怎样的？
那么，好的原型又是怎样的呢？主要包括以下几点：


5、原型设计的注意点有哪些？
原型做出来是给大家项目评审用的，方便用户联想最终的产品。同时也让让每个使用者都可以明确自己要做的事情，不至于模棱两可。所以在做设计时，产品经理要尽可能的去规范原型。
在进行原型设计的过程中，至少需要注意以下几点：
（1）结合业务特点及应用场景，进行整体构思，确定整体框架，合理进行布局，考虑视觉好的效果，提前和UI沟通。
（2）不要为了偷懒，使用页面截图；不要遗漏特殊状态的描述。
（3）要使用尽量真实的、符合逻辑的数据，避免给团队及用户造成不必要的困惑。

此外，简单介绍一下有关原型的UI基础和界面规范：




6、资源网站及原型工具推荐

此处，和大家分享几个常见的资源网站：



同时，给大家推荐一款原型工具：摹客RP



官网链接：摹客RP

摹客RP是一款国产的免费原型工具，与大部分产品都会提出“免费使用”的宣传口号不同，这款工具真正做到，不限功能、不限页面、不限时长使用。
同时它是一款集快速设计、强大交互、矢量编辑于一体的设计工具。支持多人实时编辑，更能与它自己的“摹客在线版平台”完美结合，快速进行设计协作和交付。




（1）易用性
摹客RP，自带交互效果的预设组件、海量图标，支持高自由度的编辑方式，加上完善的矢量编辑功能，无论是快速产出线框原型还是细节满满的高保真设计稿，这款工具都能做到。同时，它拥有一套系统的交互体系，项目中的组件、画板、页面都可以参与交互设置，并支持状态交互。摹客RP提供了各种类型的设计模板项目，你可以对中意的项目进行查看、体验编辑并保存复用。这里我给5分满分。
（2）协作效率
这一点，摹客RP完成的非常出色，它本身提供多人实时编辑机制。多个成员进入可以同时编辑同一项目、同一页面。毫秒级的数据传输，让成员之间的编辑操作实时可见。在摹客RP，团队成员无需来回发送项目文件，避免反复修改导致的内容冲突，极大地提高设计效率。如果摹客它把在线版的：任务管理“系统迁移到摹客RP上来，将会更加完美，综合考虑，当前略有不足，这里我给4分。
（3）保真度
摹客RP拥有完善的矢量编辑功能，支持钢笔工具、布尔运算等，同时，它拥有一套系统的交互体系，项目中的组件、画板、页面都可以参与交互设置，并支持状态交互，基本能满足UI和UX的需求。这里我给4分。
（4）流程衔接
最后一点，摹客RP与摹客在线平台完美搭档。完成项目后，用户可以在摹客中直接完成协作、交付功能让团队成员能够对项目随时进行团队评审、标注并快捷地交付给开发。无论是设计的内部还是外部，上游还是下游，摹客都能始终保持工作流的顺畅和高效。在同类型原型工具里，同时兼具设计和协作的，摹客RP是我见过最优秀的。这里我给5分满分。
最终分数18分（满分20）。总体看来 摹客RP极为不错，兼顾了设计和协作，最重要的是永久免费使用，免费还好用，推荐白嫖党关注，摹客RP，堪称国货之光。
————————————————
版权声明：本文为CSDN博主「踏雪无痕大黄蜂」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/huangxinfeng/article/details/81474571