所谓的页面单调，实际上说的是视觉层次不够丰富。简单来说就是太平淡。也是上一篇文章说到的，结构化层级/程度不够。
我们来看一个案例，排版布局也能算干净、整洁，但整体看上去略显拥挤且平淡无奇。在信息维度对比不够，文字与色块间视觉关联性不强，整个页面没有层级感。
通过对案例的分析不难发现，要解决页面单调问题，通常从文字、色彩、空间层次三个维度入手，也可以理解为三大步骤，先梳理文字，再丰富色彩，最后通过空间层次的处理，让整个页面有文字、色彩、空间不同维度的对比感和差异感。
一、文字层次
文字层次的处理还是基于上一篇文章的方法，进行手法上的处理，主要包括三个方面：内容分段、确定层级和强化对比。以上文案例进行文字信息处理：
1.内容分段。通过阅读知道这一页的内容关于公司的短中长三大发展目标，据此将内容分成三个段落。
2.确定层级。确认层级就是根据信息的重要程度还划分，最重要的就是层级中的第一级，与位置无绝对关系。通过梳理我们可以将每一文段分成三或四层。
3.强调对比。文字对比手法主要有字体（粗细）、字号（大小）和色彩三种，我们对每一层级的呈现方式都一样，可得到下面的效果。
到这一步，文字层次的处理就基本完成了，但从页面看，只有一个蓝色，纯白底，确实看上去非常的单调，此时，我们就需要用色彩进行视觉层次的划分。
二、色彩层次
无色彩或单一色彩都让页面显得单调，但运用色彩也有讲究，需要用到之前分享的“十字正交配色法”得到的类比色（近似色）和明暗色。
1.类比色区分不同项目。通常我们用类比色来区分多项内容，回到案例，给每一段内容加上不同的色块，效果会不会好一些呢？
选用蓝色系（公司主题色），将U间隔调整20，如下图框选的三个颜色，再将透明度调整至90%（效果等同于L值的调整），将色块置于最底层，得到效果如下图。为了便于大家理解，把不同色调的颜色也复制在页面上了。
2.明暗色区分层级关系。通常用明暗色来对有递进/递减层次关系的信息内容进行区分。如组织架构图，就有明显的递减层级关系。下图的公司组织架构图，只使用一种颜色，层级关系不明显，可以通过明暗色（不同亮度）的调整，突出本该有的层级关系。
还是以橙色为主色，以“总裁”这一级别为基准（以哪一级为基准没有定数，只是在改稿的时候发现总裁这一级的亮度适中，可分别向上和向下延展），以50为跨度调整L值，得到效果如下图。
有对“U值、L值”不了解的同学，可以看看之前分享的文章：PPT设计之如何打造高级感的配色体系
三、空间层次
空间层次主要是解决视觉纵深度的问题。比如说平面变立体，再比如说穿插透视，还有画布叠加以及给元素添加阴影等，这是手法都能够改变空间在视觉上的层次问题，让空间布局变得错落有致，有远近之分、深浅之分。
因此，在空间层次去强化视觉对比的主要手法就是增加“层”的数量，像刚提到的立体、穿插透视等最终都会增加空间视觉的层数。
回到案例，尽管我们给每一个板块都添加了不同填充的色块，但它们都还是在一个平面上，视觉效果很单薄。因此，可以叠加一些色块。
或者，还可以将色块三维旋转，给色块加阴影。
又或者，再结合之前文章分享的“形状打造视觉风格”将矩形色块变形，结合可视化添加一些图标等元素。
同样，下面的色块也可以三维旋转处理。
联系客服
