近期带产品新人时，发现在做原型图设计，有几处细节被疏忽，导致返工修改降低效率。

整理出来，给大家避坑！

一、页面的模拟数据不合理

画图时，经常会直接复制现有内容，如果不注意内容合理性，容易给开发、测试造成歧义，因为图与注释不一样，哪个才是正确的？来回沟通就降低效率。

注意：按线上的真实数据进行填充

注意：数据之间的逻辑合理性

二、给原型图上色

原型图的目的是展示功能逻辑、页面的元素关系和交互，太多的颜色会严重干扰UI设计师的理解和发挥。

如何定义B端产品及B端产品经理方法论

相较于C端产品，B端产品最大的特点是：面向特定领域用户，且数量少得多，但更注重对用户专业领域操作流程的深度挖掘——也就是专业性更强，与业务的结合更紧密。

查看详情 >

原则上只用黑白灰+不同灰度值

特殊情况，要加颜色，只用1个颜色

三、排版不能表达元素之间关系

原型图要表达的是元素关系，而错误、不美观的排版会给设计师、研发带来歧义。

常用 必须懂的：

对比：大小、灰度、样式

亲密性：内容越相关越靠一起

对齐：左、右、底、顶、垂直

四、遗漏数据的默认值、边界值

画图时，经常会先画主场景和主流程的界面，页面按「理想」的正常状态填充数据，容易漏了异常值。

建议：画图前，把每个字段的状态值列清晰

以上4个细节，画好原型后务必要自查！