原型设计规范如何做做出规范的原型，这3步不可少？-营销圈

原型设计规范如何做做出规范的原型，这3步不可少？

用户投稿 • 2022年6月3日 pm10:39 • 未分类 • 阅读 458

原型设计规范如何做做出规范的原型，这3步不可少？

1. 合格原型应该是规范的

原型是用线条，图形、字体等元素描绘的线框图。对这些构成原型的基本元素进行规范的处理可以让原型更加的高保真

1.1 字体

字体统一：选择常用字体（微软雅黑，黑体等）；字号统一：一级标题，二级标题，正文等字体描述字号大小保持一致；颜色规范：正文，标题等代表不同功能的字体做出一定的颜色区分。

1.2 间距

适当的留白可以使整个作品画面，模块间更为协调精美。

2. 搭建你的产品的整体框架和各个页面的流程图

任何产品的设计都离不开流程的构建，它是后续产品架构，用户交互的地基。构建好你的产品各个页面的功能流程图，构画原型时更有效率。

从上面的流程图中，你可以清楚的知道完成登录操作需要登录页面、输入手机号和密码页面以及各个页面的跳转逻辑。它可以使你避免丢失重要页面，更有效制作demo。

左侧导航清晰的层级关系，可以让程序员们很清楚的知道你的产品的整体架构，页面间的关系，减少他们索引的时间。

3. 了解你原型的输出对象

产品原型贯穿于整个项目链，它输出的下一个节点就是我们的程序猿们，如何更好的让程序猿读懂我们的原型，是我们在绘制原型中重要考虑的因素，因为他们是你的产品用户。

页面的内容被我拆分成不同模块，对不同的版块说明它包含的内容、功能、交互、操作逻辑。程序员可以清晰的知道他要做的事情。在对页面的内容进行说明时，页面一定要简洁，不要把解释写的”遍地开花，箭头乱飞“，这给程序员的体验会非常差劲，可能直接”提刀“找你了。对版块的解释要尽可能的清晰，简单，这样可以减少程序员理解你原型的时间。最后在唠叨一句，对页面的分解和内容说明一定要规范，左边放页面，右边放文字（怎么放都行，个人习惯），页面的统一对程序员的体验也是影响很大的。

4. 总结

在实际工作中，每个团队对原型的要求程度不一样，所以产出的原型图侧重点不同，与你家的设计师、程序员达成一定的共识，设计出有助于他们理解的原型即可。在原型的动效制作上前期不要太过于注重，能黑纸白字的注释就不要花太多功夫制作，能简则简。但界面的流程，逻辑一定要理清，相信我，这样做你后期的路会越来越来越顺。

以上是我在制作keep原型以及结合自己工作经验做的总结，希望可以帮助同是刚进入产品这条崎岖路的新人们。

感谢阅读~

源文件下载：

（注：若提示链接不存在，刷新或者更换浏览器重进即可）

参考文章：

好了，这篇文章的内容营销圈就和大家分享到这里，如果大家对网络推广引流和网络创业项目感兴趣，可以添加微信：Sum8338 备注：营销圈引流学习，我拉你进直播课程学习群，每周135晚上都是有实战的推广引流技术和网络创业项目课程分享，当然是免费学！

原型设计规范如何做做出规范的原型，这3步不可少？

1. 合格原型应该是规范的

1.1 字体

1.2 间距

2. 搭建你的产品的整体框架和各个页面的流程图

3. 了解你原型的输出对象

4. 总结

源文件下载：

参考文章：

相关推荐