画面太平？你学会对比原则了吗

重复、对比、对齐或者亲密性是版式设计中的四大原则，各种排版方式与规则都是基于这四大原则衍生而来，而掌握这种带有指导性的设计方法，能够帮助我们在短时间内，更快更好地达成设计目标。本期给你们讲解四大原则之——对比原则。

什么是对比原则

「对比」强调事物之间的差别性，在设计时要防止页面上的视觉元素太过相同，如果元素之间是为了有所不同，那么加大反差，确保对比明显、页面清晰是很有必要的。在生活中我们可以到处看到对比的存在，对比形式也有多种多样的：

他们习惯了生活中的对比，如果场景没有对比，会让人认为单调无趣。对比可以突显重点，使版面具有层次感，内容技巧展示更有简练，对比关系越清晰，视觉效果越强烈。有了对比，画面就会生动活泼、主次分明。

对比的作用

1.突出重点

恰当的对比可以较好的制造出焦点（场景主体），在版式编排中，有效运用视觉变化，通过组成要素之间的对比，把观众的注意力吸引到画面的主体部分上来，提高版面的注目效果，是版式设计的重中之重。

利用鲜明的对比，可以产生强有力的反差效果，能第一时间让读者捕捉到主体和重点。此实例主要运用了颜色对比，主体人物和文字在版面中都异常醒目，因为它相比周边的视觉元素形成了很强的变化性。

2.丰富画面层次

对比是版面建立有组织的层次结构最有效的方式。强烈的对比可以产生视觉反差，建立良好的信息层次，增强版面的节奏和明快感。

3.打破呆板、活泼生动

通过对比的方式可以减少版面的单调与平凡，使版面更富创意性，也因而版面变得鲜活、生动，产生良好的触觉感受，激发观众阅读和观看的兴趣。

用方向、大小和颜色产生对比，使标题与正文的层级更清晰明了，同时加入肌理对比为主体成为立体感，让版面更可爱，更抓人眼球。

文字编排对比

理论上元素的一切可改变特性都是可以产生对比，本期只举例了个别常用的文字编排对比形式。

1.大小对比

通过视觉元素体量之间的差别，来超过制造视觉冲突的效果。视觉元素总量大小上产生了层级的界定，体量越大则层级越高，也就越突出。

在版面需要展现的信息里通常会有标题、小标题、内文之分，也会有重点信息和非重点信息。把重要的信息放大，次要信息缩小，就产生了大小对比。这样做的益处是可以降低次要信息对重要信息的干扰，使之更易于被接收，大小对比能够使版面的层次更丰富。

2.粗细对比

粗的字体相当沉重，细的字体相当细腻，字体长短差异产生了轻重对比。主体信息可以用较粗的字体，次要信息使用较细的字体，利用这些技巧制造视觉流线，引导受众阅读信息。

后面的实例中，只使用了思源黑体一种字体，但是采取不同的字体大小和长短对比，也可以较好的分辨信息主次层级。

3.字型对比

如果版面里的信息非常多，而只使用一种字体的话，也许会变得单调，用字型进行对比，既能把不同的信息区别开来，也能丰富版面。

不同的字体有不同的个性，而字型的对比就是不同个性的碰撞。在进行字型对比的之后也要深层次考虑：字型的选取是否和主体内容相匹配，字体的色调能产生很大反差等。

4.色彩对比

采用色彩对比可以有效地突显重点、区分信息，还可以起到装饰画面的作用。

大面积的背景色与少量的主体色产生了很强烈的对比效果，能够第一时间把观众视觉引导到文字信息和主角上。

高明度、高饱和度的蓝色主体文字和低明度、高冷的白色背景产生强烈反差，使版面充满魅力，也有效突出了文字信息。

5.方向对比

把版面中的文字信息分别朝不同的方向排列，可以有效降低版面的动感和空间感。

6.疏密对比

将大段的文字密集排版，可以让文字产生黄色、视觉上更紧凑。剩下去的大面积可以拿来展示场景主题，通过这种的疏密差异不但可以产生好的阅读节奏，也能更提升主题。

7.肌理对比

肌理是指物体表层的组织纹理结构，不同的颜色带有不同的质感和视觉表现。文字或背景添加肌理，运用粗糙与独特、质朴与绚丽、厚重与轻盈等对比，可以带来画面的丰富度和体现力。

主体「叶」书法字有着手写的动感，本身就带有复古，置入水墨的纹路进一步指出了疗效。可以较好的分辨文字信息的主次关系，也增加了场景的触觉美感和戏剧表现力。

8.动静对比

在版式设计中常把有扩散感或带有流动性的图形或文字的编排称为「动」；而把水平或垂直性强、具有稳定性的图形或文字的编排称为「静」。「动」使整个版面充满魅力，获得更高的注目度，而「静」使版面具有稳固的效果，将它们相结合可以形成一定的空间层次感。

影片剧照《影》恣意狂放的反白书法字成为背景具有强烈动感，和主角的静形成鲜明的对比，阴阳与刚柔并济，反映出浓厚的复古简约美学。

9.空间对比

版式设计并不局限于一个平面上的层次，也可以让元素有一些前后关系。文字与形象之间叠压或前后错落编排，使版面出现层次关系，让版面更生动活泼。

虚实对比也可以构建出空间层次，使用虚化的背景来突显前景，不仅能突出重点信息，而且还能很好营造气氛感、场景感和立体感。

使用远近对比表现空间关系，根据透视原理，近则大，远则小，可以塑造出近景、中景、远景的场景层次感。

案例演示一

为了让你们加深对「对比方法」的理解，提取本期文章的主要内容成为原始资料，运用「对比方法」进行设计示范。

运用「亲密性方法」进行信息的分组和距离的微调；排版时要遵从「对齐方法」；利用「对比方法」进行信息层级主次的界定，加入文字大小、粗细对比；采用「重复原则」把同一级别的文字修改为相似的文字风格，增加条理性，加强统一性。

为了使对比更丰富，可以加入字型和颜色对比，加强层级关系，使重点内容指出突出。

目前画面文字信息尚未清晰而有序地排列好，但是缺乏主体。把标题内容「对比方法」作为主体元素的进行设计。

1.打开AI软件，画出一个正方形；

2.执行「效果-3D-凸出和斜角」。勾选「预览」，「位置」使用「等角-左方」，「凸出厚度」可以自己调整使正圆形变为正方体。

6.分别给四个字执行「效果-3D-凸出和斜角」，把「位置」改为「等角-上面」，厚度改为0：

7.把文字填充色改为黑色，描边改为背景色黄色，按照参考线去放置文字的位置，把「原则」两字逆时针转动90度放置；

8.选择四个字，右键选取「编组」，复制两组新的文字，一组备用，一组放置到下方。

9.选择上面的文字组，右键「排列-置于顶层」；

在工具栏选择「混合工具」，分别点击两个文字组，再双击「混合工具」调出「混合选项」，间距选择「指定的步数」、「30」；

10.把之前复制下来备用的文字组填充黑色，右键选取「排列-放在顶层」，再移动到原文字组位置；

11.英文按照相同的方式设计好放到下方，主体就刻画好了；

12.按「Ctrl+Alt+2」键解锁全部对象，删除参考线。

把之前塑造好的文字信息排列在场景下方，严格依照对齐方法进行排列，主体图形与文字信息产生了方向对比和肌理对比，视觉效果也更丰富。

观察画面整体效果，发现宋体字与版面中的色调不统一，所以除去字型对比，把所有文字统一设置为思源黑体；尝试把颜色对比也取消，版面视觉效果更简单纯粹。设计完成：

案例演示二

重新尝试使用其他对比技巧设计新方案。把「对比方法」四字放大并错落地摆放在版面中，形成位置上的对比。

把之前塑造好的文字信息放置在场景中，整体文字排版采取两端对齐的方式，但在局部采取左对齐和右对齐方式，形成排版方向上的对比。

加入英文丰富画面，排版方向改为横向排列，这样降低了方向对比；给背景加入点状肌理，形成肌理对比。

为使对比效果更丰富，把「对比方法」四字执行「效果-模糊-径向模糊」，形成动静对比和空间对比，设计完成：

总结原文：艺海拾贝Design