这里我总结了文字排列中的三大对比原则，是最基础也是最容易掌握的几种类型。

为什么使用对比？因为在设计的过程中，不同文本本身具有不同的重要程度，所以依次划分层级，然后使用对比手法，强化重要的，弱化次要的。高效的到达宣传需求。

那么我这里先举一个极端案例，如下图是高田唯的设计作品，暂且不看具体的信息内容，从文本的排列来看，我们并没有很强烈的感受到“对比”，这几乎是违背了设计常识，所以许多同学会说看不懂，不懂到底要表现什么。

看不懂是正常的，因为这确实是在常识之外的一次设计尝试，甚至作者连字号的大小没有调整，就是这样赤裸裸明晃晃的将文字依次排列下来。

我们再来看另一个案例，这个案例在某种程度上来说，也是在常识之外的。

我们仅看它的文本排列，你会发现，作者将中英文的粗细搭配做了很高的匹配度，也就是近乎达到了“粗细一致”，这是很见细节的地方。

另外，说这个作品在某种程度上的文本排列极端，是因为对于文本排版上的技法用的非常克制。

也就是文本上只用了“字号对比”，字号对比是很常见了，但是不常见的是“只使用字号对比”。

在广煜的作品中，这种手法已经不作为一个简单的技法，而是一种通用的风格来使用。我们看下面的作品都是用了“字号对比”的手法来完成的。

首先我们来看一下第一个案例。

第一个案例我们将用字号对比来进行划分文本的层级关系，那么首先第一步，我们需要将文本全部排成等大等粗。

即字号一致，字重保持一致。

如下图，这个是我分类好的信息，使用的是思源黑体，中英文未做匹配。

那么接下来我们要解决四个问题。

第一，选择字体，我这里中文选择了一个日本的字库-A-OTF リュウミン，英文选择的是Garamond。

第二，英文和中文同字号的情况下，英文要略小，所以给英文增加字号。

第三，调整字距行距组距，确保统一关系。

第四，特别要注意的是，中英文选择字库时，观察英文的粗细比例变化是否和中文保持了一致关系。

下面是我调整过后的效果。

然后分析文本，划分一下层级关系，然后做字号的大小对比。

一般如果想要彻底拉开对比，字号应为2-3倍关系。

上面的文本排列效果是有一定的构图规律，我个人喜欢用六栏网格，变化较多，排列时自由度也要更高一些。

字号对比这招非常好用，许多同学把握不了多字重的变化，经常陷入文本排列混乱，那么这一招可以非常高效的完成层级的划分。

最后一步，我们按照主体去加入主体元素，修改色彩，这个方案就完成了。

第二个方法，字体对比。

字体对比的难度相对更高一些，常规我们会更比较建议尽量少使用不同的字体，使用字体种类数量越少越好，这是因为不同的字体，能够融洽的放在一般版面当中而不让人觉得突兀，需要对字体本身有一定的了解。

那么在这个案例当中，我将会使用两种中文字库，两种英文字库。

首先我将标题做了一个简单的处理。

我这里简单说一下这种效果如何来处理，只是一个非常简单的小技巧。

01.在ps中将字打出来。

02.选择高斯模糊，注意不要太大。

03.选择“阈值”，调整参数。

04.在ai当中进行图像描摹。

05.在ai中使用变形工具进行微调细节。

标题的英文我给它搭配的是无衬线体-Helvetica，因为楷体的粗细比例已经倾向于一致，选择无衬线体是非常适合的。

剩余的文字依次排列下来，处理好层级关系。

我们来看一下最终的文本排列效果。同样使用六栏网格，处理好构图关系。

最后一步，添加画面主题，修改颜色，这样就完成了最后的海报效果。

我们看一下，这个方案在文本上要比第一个方案变化性更强，灵活性更高。

其实这个方法在纯英文的排版中更加好用一些，因为英文字母造型简单，可以有更灵活的变化性。我们来看一下国外的这类设计方案。

第三个方法，字重对比。

这估计是许多同学最爱用的一招了，粗细对比会给人非常直观的视觉对比效果，从而达到画面的视觉张力。

虽然客户最喜欢的建议是“这个放大这个放小”，但是如果用字重控制也是一个不错的方法。

这个案例我们将使用一个黑体搭配无衬线体。第一步，先将文字简单排列出来，这一步，可以先不加粗某个部分。

可以先将粗细控制在同一粗细范围内，第二步再进行加粗某个需要强调的部分。

然后再次进行加粗，注意加粗的部分需要有一定的侧重，比如这里的标红部分，我都是选择了重要的信息去进行加粗，这样版面就会具有一定的准确性。

最后一步，添加色彩与画面主体，完成。

原文：胡晓波工作室

作者： 王猛奇 

什么是对比原则

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

人们习惯了生活中的对比，如果画面没有对比，会让人觉得单调乏味。对比可以突出重点，使版面具有层次感，内容要点展示更有条理，对比关系越清晰，视觉效果越强烈。有了对比，画面才会生动活泼、主次分明。

对比的作用

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