原型设计
什么是原型
最基本的含义：原型是设计想法的表达，“交互性”是原型的根本。
百度百科提到：原型设计是交互设计师与PD、PM、⽹站开发⼯程师沟通的最好⼯具。原型让设计师们得以展现他们的设计，以及模拟真实的使⽤场景。在数字化的背景下，原
型能够模拟⽤户与界⾯之间的最终交互⾏为，设计⽅案的表达，是项⽬团队参考，评估的重要依据。它是产品功能与内容的⽰意图，是最终产品的雏形。。根据产品团队的需
求，原型可以模拟整个app或仅单个交互⾏为。原型可以模拟最终产品的运作⽅式。它⽀持产品团队测试其设计的可⽤性和可⾏性。
原型设计的重要性
原型最⼤的好处在于，它可以有效地避免重要元素被忽略，也能够阻⽌你作出不准确不合理的假设。
它⼀⽅⾯能够让开发更轻松，同时能够通过更简单的协作意味着更容易反馈，⼀⽅⾯能够节省时间和⾦钱，最终能够逐步达到双赢的局⾯。
原型的必要性是在产品发布前发现和解决可⾏性问题，它能够确保设计理念按预期进⾏，尤其是可以进⾏交互的产品原型。⼀旦⽤户拿到⼀个可以交互的产品原型，产品团队就
能够看到⽬标得到反馈以便调整初始理念，同时能测试出产品需要改进的地⽅，并迭代设计直到它⾜够好。
常⽤原型⼯具
许多原型并不⼀定得做的⾮常的好看，它最主要的的功能是还原并呈现设计思路，核⼼是可运⾏、可交互
⼀个典型的原型设计⼯作流⼤概是这个样⼦的：
绘制页⾯流程。呈现出⽤户可能会如何浏览页⾯或者APP。
创建低保真原型，为每个页⾯创建多个不同的版本，进⾏可⽤性测试，搜集相关的数据和⽤户反馈。
完善原型的细节和真实度，向着最终产品的外观靠拢。在增加细节之前，请确保原型的功能已经得到完善，并⾜以满⾜需求。
摹客
摹客RP是⼀款国产的免费原型⼯具——不限功能、不限页⾯、不限时长使⽤。同时它是⼀款集快速设计、强⼤交互、⽮量编辑于⼀体的设计⼯具。⽀持多⼈实时编辑，更能与它
⾃⼰的“摹客在线版平台”完美结合，快速进⾏设计协作和交付。
摹客RP的特点：
1）易⽤性，⾃带交互效果的预设组件、海量图标，⽀持⾼⾃由度的编辑⽅式，拥有⼀套系统的交互体系，提供了各种类型的设计模板项⽬，
2）协作效率较⾼，提供多⼈实时编辑机制
3）保真度，摹客RP拥有完善的⽮量编辑功能，⽀持钢笔⼯具、布尔运算等
4）流程衔接最后⼀点，摹客RP与摹客在线平台完美搭档。完成项⽬后，⽤户可以在摹客中直接完成协作、交付功能让团队成员能够对项⽬随时进⾏团队评审、标注并快捷地交
付给开发
Invision
Invison是⼀款快速简单的原型设计的⼯具。Twitter和 Uber在⽤它，福布斯推荐它，财富榜百强企业⼤多在⽤它来设计产品。InVision 将产品设计流程中的每⼀个环节都进⾏了细
化，InVision 让团队可以在浏览器中实现实时协作，让团队中每个⼈都能围绕着项⽬推进紧密地合作。
Pidoco
和InVision 不同，Pidoco 真正的核⼼优势在于设计出强交互性的UX原型。
Pidoco能创造出可⽤来展⽰、完全可操作的原型，⽀持⼿势操作、过渡动效、键盘录⼊等多种复杂交互，可以在浏览器、iOS和Android 设备上实时演⽰原型，Pidoco 的智能模板使得原型的设计和搭建极其快速⽽便捷，这也使得它简单易学由于Pidoco 主要是在云端运⾏，所以你不需要安装程序，只需要登录、同步、演⽰就好了；同样的，Pidoco 不需要具备代码知识
Proto.io
Proto.io 是⼀款专门的移动端原型设计平台，能搭建可交互的原型，并⽤来测试和模拟移动端APP。Proto.io 能运⾏于绝⼤多数的⽹页浏览器，它拥有⼀个⽤来管理整个项⽬的控
制⾯板，⼀个专⽤的编辑器，以及专门运⾏原型的播放器。这些⼯具使得可以在iOS和Android 设备上测试你所设计的原型。同时，在使⽤编辑器搭建原型的过程中，⽤户可以查
看并参与进来，通过交互和体验之后，给予设计者以反馈，被来⾃IDEO、迪⼠尼、PayPal 的设计师⼴泛使⽤
Webflow
Webflow 是⼀款针对⽹页端的⾼素质原型设计⼯具，版本控制和迭代升级永远不是问题。从原型、设计到开发，逐步推进，步步为营
如果采⽤标准的HTML、CSS和JS的代码，那么Webflow 能够提供从原型设计到最终交付⼀条龙的服务。借助Webflow 设计的页⾯都是响应式的，⼀个链接就可以进⾏展⽰和分
享。
PowerMockup
PowerMockup 是⼀款PowerPoint中运⾏的原型⼯具包，从PowerMockup 的库当中选取合适的形状和控件，托拽到PPT背景上，制作成合理的布局。结合PPT当中的动效和交互
功能，⼀个可靠的原型就能搞定了
HotGloo.
HotGloo内置的2000+ UI控件，多账户授权能够⽅便你与他⼈进⾏协同，并且能够动态地添加注释。除此之外，HotGloo还拥有完整的⽂档说明，详细的视频教程，还有在线论
坛。
Sketch
Sketch 是⼀款适⽤于所有设计师的⽮量绘图应⽤。⽮量绘图也是⽬前进⾏⽹页，图标以及界⾯设计的最好⽅式。但除了⽮量编辑的功能之外，同样添加了⼀些基本的位图⼯具，
⽐如模糊和⾊彩校正。容易理解并上⼿简单，对于绝⼤多数的数字产品设计，Sketch 都能替代 Adobe Photoshop，Illustrator 和 Fireworks。
Axure
Axure 是⼀款专业的快速原型设计⼯具，是很多产品经历、设计师制作原型的⼊门软件。它可以帮助使⽤者定义需求和规格、设计功能和界⾯从⽽快速创建应⽤软件或Web⽹站
的线框图、流程图、原型和规格说明⽂档。在Windows和OS系统上都可以使⽤。Framer从像素完美的图标到⾼保真、反应灵敏的设计，⽆所不包。
国内深度测评的设计师们表⽰：从其全⾯性来说，对视觉设计师不那么友好，但对全栈设计师和前端（UI）⼯程师⾮常友好。它要求你掌握的代码语⾔不⽌于coffescript，还需要
学原⽣的 JavaScript ES6，TypeScript，React 和 CSS ……相信全栈设计师会感到⼗分兴奋，⼤神⽤起来也会得⼼应⼿。
墨⼑
墨⼑是⼀款在线原型设计和协同⼯具，墨⼑有内置丰富的UI素材和模板，清爽的界⾯，让设计原型的过程顺畅⾼效。
墨⼑同样⽀持Sketch设计稿的导⼊，拖拽式创建交互链接，可以通过链接或者⼆维码在电脑端或者移动端快捷预览原型。
墨⼑新出的版本更加强化了协同管理功能，满⾜了更⼤规模团队的需求。不仅多⼈团队可以在墨⼑协同编辑/实时讨论，共同管理素材库，对于⼈员权限的管理也更加清晰分明。
原型⼯具⽐较
例⼦
总结
ui素材网站不同的设计阶段和设计需求有很多合适的⼯具，线框图适⽤于内部细节沟通，包括页⾯构和交互细节等，草图⽤于捕捉想法，不必纠结细节的构思阶段。原型图则是针对原型测试和改进，关于⾏为和逻辑的验证阶段，选择适合的⼯具可以为极⼤地提⾼设计的效率和质量，更好地完成产品。
事实上，产品原型设计⼯具不断地进化。在互联⽹创业浪潮助推之下，原型设计成了⼀件门槛越来越低的事。设计⼯具的进化，⼀⽅⾯节省了我们的时间——不⽤再在画图上耗费过多的精⼒；⼀⽅⾯将更多⼈拉到同⼀起跑线上。
⼯具始终⽆法代替思考

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。