近期帶產品新人時，發(fā)現(xiàn)在做原型圖設計，有幾處細節(jié)被疏忽，導致返工修改降低效率。

整理出來，給大家避坑！

一、頁面的模擬數(shù)據(jù)不合理

畫圖時，經(jīng)常會直接復制現(xiàn)有內容，如果不注意內容合理性，容易給開發(fā)、測試造成歧義，因為圖與注釋不一樣，哪個才是正確的？來回溝通就降低效率。

? 注意：按線上的真實數(shù)據(jù)進行填充

? 注意：數(shù)據(jù)之間的邏輯合理性

二、給原型圖上色

原型圖的目的是展示功能邏輯、頁面的元素關系和交互，太多的顏色會嚴重干擾UI設計師的理解和發(fā)揮。

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

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

查看详情 >

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

? 特殊情況，要加顏色，只用1個顏色

三、排版不能表達元素之間關系

原型圖要表達的是元素關系，而錯誤、不美觀的排版會給設計師、研發(fā)帶來歧義。

常用 必須懂的：

? 對比：大小、灰度、樣式

? 親密性：內容越相關越靠一起

? 對齊：左、右、底、頂、垂直

四、遺漏數(shù)據(jù)的默認值、邊界值

畫圖時，經(jīng)常會先畫主場景和主流程的界面，頁面按「理想」的正常狀態(tài)填充數(shù)據(jù)，容易漏了異常值。

? 建議：畫圖前，把每個字段的狀態(tài)值列清晰

以上4個細節(jié)，畫好原型后務必要自查！