如果对您有帮助，给个采纳好吗？

在我们做UI设计的时候，信息层级的重要性不言而喻，信息的优先级能更直观地帮助产品达成业务目标。本次我们将通过两个实际案例来分析如何有效划分视觉层级。

UI设计

左右哪一张图的重点更突出？

上图所表达的视觉层级浅显易懂，处理好这些层级关系需要从理解内容和需求，到如何处理信息层次这几个方面去考虑。对于设计师来说，在心里建立起层级的这样一个框架概念可以使设计变得更有理有据。无论是内容型的页面，还是工具型软件等，都需要处理内容的主次关系，引导用户的视觉焦点，调整页面的节奏感，降低用户的理解成本，减少用户的视觉疲劳。

记得以前有过这么一个说法，当你设计陷入迷茫区的时候，可以眯着眼睛去看你的设计稿，也许在雾化的视野中会感受到一些前后的层次关系。这里所说的眯着眼睛看设计稿的方法，也就是最简单最直接判断层级的偏方。

那么要如何建立视觉层级关系呢？主要有以下几种表现方式：

大小 · 距离 · 内容形式 · 色彩

大小： 往往能最直观的体现出层级的差距

本文地址： http://www.goggeous.com/i/1/604148

文章来源：天狐定制

版权声明：除非特别标注，否则均为本站原创文章，转载时请以链接形式注明文章出处。