Point 04　字体设计原理

字体是设计的根本，字体是构成版面的基本模块，设计一个页面时通常都需要使用字体，而且是绝对要有的元素，那么应该如何让这些字体能有效地一起工作呢？本节将进行详细的介绍。

1.字体之间的关系

字体是搭建所有排版页面的基本模块。设计一个页面时，通常需要使用多种字体，不过如何才知道该使用哪些字体相组合呢？在生活中，事物往往都不是单一的，这就会建立动态的关系，而字体的组合亦是如此。

（1）协调

如果只使用了一个字体系列，在样式、大小、字体粗细等方面没有变化，就会产生一种协调关系。保持页面的协调很容易，而且看上去这种安排很安静、正式，但有一些会显得比较乏味，大家可以根据需要选择这种搭配方式。

（2）冲突

如果结合使用了多种字体，它们在样式、大小、字体粗细上都很相似，但并不相同，就会出现一种冲突关系。这种相似性会造成困扰，因为它们并不完全相同，但也并不完全不同，所以它们是冲突的，应避免出现这种搭配方式。

（3）对比

如果结合使用了多种字体和元素，但彼此之间截然不同，就会出现一种对比关系。引人注目的设计往往包含了大量的对比，而且这些对比得到充分强调，强烈的对比能吸引我们的视线。在设计中增加对比，是最有效和简单让人满意的方法之一。

2.字体对比

通过前面的介绍，我们知道字体对比是在进行字体搭配时的必要手段，那么该如何搭配，应通过哪些理论与实际相结合，是本节学习的内容。

（1）大小对比

字体大小对比是指将大字体和小字体进行对比，在进行对比设计时，尽量使对比效果更加明显，避免12点与16点的字体对比，或30点与48点这种相差不大的对比，这样会造成冲突，不能形成强烈的冲击效果。

在设计中应确定一个元素作为参考中心，并使用对比来突出需要强调的元素，但也不能将突出的元素设计得特别大，只需要体现出对比效果即可，如下图（左）所示。

大师点拨

英文字体的大写与小写

在设计中如果有英文字体时，需要知道使用英文字母大写会让长度增加很多，同样的文字使用小写，长度只有大写字母的1/2，而且小写字母具有更好的可读性。

（2）粗细对比

字体的粗细是指笔画的粗细程度，大部分字体都设计了不同的粗细效果，如最常见的就有常规（regular）、粗体（bold），粗细对比是为页面增加视觉效果最容易且最有效的方法之一，更粗的字体会形成一个更强的中心点，也使读者一眼就能看出信息的层次结构，如下图（右）所示。

（3）结构对比

字体结构对比是指使用不同粗细结构的两种字体组成的对比，就是两种字体它们的结构是不同的，可能一种字体的结构是横竖笔画粗细相同（如黑体），而另一种字体的结构是横竖笔划粗细不同，有细微的变化（宋体），需要注意的是不要将结构相同的字体进行结构对比，因为它们的相似性无法形成对比效果。下图（左）所示为粗细对比效果。在结构对比的同时加入大小和粗细的对比，这样更能加强二者的对比关系。

（4）形状对比

形状对比是指它们的外形，字体可能有相同的结构但是形状不同。如大写字母A和小写字母a的结构相同，但形状完全不同，也可以将形状对比认为是大写与小写的对比。

前面提到大写字母不易阅读，那么可以通过将首字母设置为特殊字体，其他字母设置为小写，从而形成有效的形状对比，如下图（右）所示。

（5）方向对比

方向对比是指将字体的方向进行改变，或具有一定的倾斜度，倾斜的东西会让人感到一种莫名的动力和气势，有时字体的方向突然改变会产生显著的影响，如下图（左）所示。

（6）颜色对比

颜色对比是指将字与字之间的颜色设置得不同，有意突出某个需要表现的字符，在设置中应注意红色、橙色为前进色会引起读者的注意，蓝色、绿色是后退色，会在视线中显得更远，在特定背景上，如黄色背景就可以使用蓝色突出字符。在一般情况下使用前进色进行颜色对比，能更加有效突出字符，如下图（右）所示。

（7）多种对比

在设计中，可充分将各种对比相结合来进行使用，设计出更加有效的对比效果。