线框图的正确画法

1.通过明暗对比表达

加入明暗对比，界面阅读的优先级关系更加直观。

2.不使用截图与颜色

拼凑竞品截图：不规范，对视觉设计师有干扰。

不建议线框图使用颜色：对视觉设计师有干扰。如果自己有一些关于图案的想法，告诉视觉设计师需要营造什么样的氛围，达到什么效果。

3.合理的布局

规划页面布局，保持简单结构，最好不要出现2列和3列混排的设计。

4.遵守栅格规范

栅格设计系统：一种平面设计的方法与风格。

5.标记第一屏的高度

6.表达清楚UI逻辑

最重要的操作：一般用按钮表现。

普通操作：对比。

消极操作：删除。

7.考虑视觉实现后的效果

交互设计师绘制线框图时，不仅要考虑清晰的逻辑，还要考虑视觉实现后的效果。

8.了解设计趋势

帮助我们在审美上和视觉设计师站在较为一致的立场。

---

参考资料：破茧成蝶: 用户体验设计师的成长之路

                  刘津 李月