【读书笔记6】提升产品UX体验的一些排版设计原则

原文链接:www.woshipm.com/ucd/851246.html

UI排版的4大原则:1、视觉焦点;2、层次结构;3、视觉重量;4、视觉方向

1、视觉焦点:

【读书笔记6】提升产品UX体验的一些排版设计原则_第1张图片

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

【读书笔记6】提升产品UX体验的一些排版设计原则_第2张图片

反例:右边界面所有元素看起来一样重要;没有明确的视觉方向指引

2、层次结构

通过大小、对比、颜色、肌理、留白、空间等建立视觉层次结构

【读书笔记6】提升产品UX体验的一些排版设计原则_第3张图片

3、视觉重量

影响视觉重量的因素有大小、对比、颜色、留白、形状、位置等

4、视觉方向

通过视觉引导,让用户能快速完成任务和达到预期目标,常用的视觉引导有F pattern和Z pattern;

【读书笔记6】提升产品UX体验的一些排版设计原则_第4张图片

你可能感兴趣的:(【读书笔记6】提升产品UX体验的一些排版设计原则)