设计协作,用摹客

更好的产品协作设计平台,设计师的利器,产品经理的帮手,工程师的伙伴

文章分类
设计1+2,摹客就够了!

摹客,支持Sketch/PS/XD/Figma/Axure设计稿交付、自动标注切图、全流程协作。助力产品团队高效工作!

立即开启
【友情推荐】uimaker - 专注于ui设计,为ui设计师提供ui设计相关教程、素材及灵感。

了解更多
入门教程 了解更多
成都君德鑫力达科技发展有限公司

分享到微信朋友圈:

打开微信,点击底部的“发现”,使用 “扫一扫” 即可将网页分享到我的朋友圈。

博客 > 设计信息 > 原型图是什么?5分钟带你了解原型图!

原型图是什么?5分钟带你了解原型图!

mooncakest
2022-04-26
582123

什么是原型图?

简单来说,原型图就是产品成型前的简单框架,主要用于展示页面的布局和各个功能键的交互,让产品的初步构思有更直观的展现。它为开发相关的功能边界,需求细节和产品期望提供了非常具象化的展示。也是创意成为成熟产品之前非常重要的一步。原型是创造性思维过程和最终产品之间的桥梁。


原型图是什么


绘制原型图之前需要注意以下三项内容:
制作精度——原型的保真度意味着其细节、装饰和保真度的水平,精度不同,难度也不一样。
交互演示——对用户开放的功能演示,例如,按键功能、弹窗功能以及更复杂的复合交互功能。
周期循环——原型图通过初稿、测试、修改的循环。将其中一些内容不断进行构建、测试、丢弃,然后替换为改进的版本(这被称为“快速原型”),逐步完成最终理想的产品原型图。

原型图的作用和价值

绝大多数非互联网公司想要开发一个产品,甲方在与外包公司明确沟通业务流程和需求时,往往没法准确描述自己的产品的表现形态。
而此时,原型图可以预览产品的界面风格、每个按钮的功能和效果,以及产品的基本框架和运行机制,以获得较为真实的感觉。
因为原型图不是最终的设计稿,当需要修改或者逻辑交互不符合要求的时候,修改比较方便,不会很麻烦,能够在开发前排除相当部分的潜在问题。
业务方确定原型图后,UI设计师并没有直接和业务方沟通过需求可能无法理解产品的真实意图。此时,为设计师提供一份原型图也可以节省时间。
原型图对开发人员也很有用。开发人员也可以通过原型图快速理解到产品的样式和需求,以及功能点。如果没有原型图,开发人员就会出现很多想当然的情况,最后就会出现需求和开发互相推卸的情况。
总之,原型图让团队里的人都能参与到项目中来,让产品往预期的方向推进,并能得出解决方案,节省了大量的时间和沟通成本。


关于线框图、原型图以及高保真原型图有什么区别?

原型图制作方法可以分为低保真原型和高保真原型。根据可用的资源和原型制作的目的,选择相应的原型图制作。
为了使定义更清晰,这里对线框、低保真原型和高保真原型进行了比较。


原型图的分类

线框图

低保真原型也叫线框图,是将高级设计概念转换为有形的、可测试物的快捷方式。
线框图可以算是原型图的一种,原型可以根据线框图进行细化和设计。就呈现效果而言,线框图是静态展示而非动态可交互的。从功能上讲,高保真原型代表最终产品,而线框图通常用于潜在用户测试。
线框图是任何软件或网站设计过程中非常重要的一部分。低保真原型代表最终产品的简单且不完整的版本。在低保真原型中,并非所有视觉特征和内容元素都能被传达。虽然将广泛的概念转化为低保真原型并不需要太多时间或精力,但它可用于在早期阶段收集用户反馈。
线框通常用于团队内部讨论的非正式环境中,用于初始测试,以查看一个想法是否适合目标市场。如果在产品发布之前没有原型和用户测试,产品必然会失败。避免原型设计阶段的时间、额外工作和成本。

高保真原型

高保真原型能够更加详细地展现产品的功能及业务需求,除了没有真实的后台数据进行支撑外,几乎可以模拟前端界面的所有功能。
与低保真原型相比,高保真原型更具交互性和功能性。它们代表了更接近真实产品的东西,其中大部分设计元素都能表现出来。高保真原型是产品原型中最接近最终产品的一类。虽然画高保真原型图是一个耗时的过程,但它也有更多的好处。例如,它用于在可用性测试和发现工作流程问题期间识别错误。设计元素和组件的结合为高保真原型提供了最终产品的外观和感觉,并能完成逼真的用户交互行为。


高保真原型制作需要专门的工具,虽然市场上的原型工具不少,但免费又好用的国产原型工具,还是要看摹客RP


摹客RP


摹客免费设计计划,为产品经理和设计师量身定制,拒绝“假”免费套路,真正永久免费,不限时长、不限页面、不限功能!操作简单,配合教程,即可上手操作。 “永久免费+功能全开”,摹客RP等你来!
上一篇
Dribbble 上15个全新的富有特色的移动 UI 设计示例

mooncakest   04/28

UI设计中的排版:初学者的终极指南

mooncakest   04/19

下一篇
需要帮助?

摹客产品顾问为你服务

我是小摹,立即扫码加我吧!

帮助群:762023607

服务邮箱:service@jongde.com