【读书笔记6】提升产品UX体验的一些排版设计原则
2017-11-24 本文已影响0人
Nightingale0315
原文链接:www.woshipm.com/ucd/851246.html
UI排版的4大原则:1、视觉焦点;2、层次结构;3、视觉重量;4、视觉方向
1、视觉焦点:

通过色块来强调重要的日期选项记事;吸引注意力

反例:右边界面所有元素看起来一样重要;没有明确的视觉方向指引
2、层次结构
通过大小、对比、颜色、肌理、留白、空间等建立视觉层次结构

3、视觉重量
影响视觉重量的因素有大小、对比、颜色、留白、形状、位置等
4、视觉方向
通过视觉引导,让用户能快速完成任务和达到预期目标,常用的视觉引导有F pattern和Z pattern;
