线框图的正确画法

1.通过明暗对比表达

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


2.不使用截图与颜色

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

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


3.合理的布局

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


4.遵守栅格规范

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


5.标记第一屏的高度


6.表达清楚UI逻辑

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

普通操作:对比。

消极操作:删除。


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

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


8.了解设计趋势

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




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

                  刘津 李月

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容