文字构图排版设计

总结一下：广告设计多以图片为主，意在通过图片传达概念；而平面设计则多以文字或图片为主，意在通过文字传达信息。那么作为信息传达的载体，字体就显得格外重要了。下面我会从字体的分类、字体的搭配、字体的气质与设置细节着手，慢慢带领大家去认识字体，首先我们来看看字体的分类都有哪些。中文字体大致可分为：黑体、宋体、圆体、书法体与卡通体等。其中书法体又细分为：楷书、行书、草书与隶书等。 在列举的这些字体中，最常用就是：黑体、宋体和圆体，而在书法体中，最常用的是楷书与行书。为什么说这些字体常用呢？因为在许多优秀的设计作品中，这些字体的出现概率都非常高，尤其是黑体与宋体。下面说一下英文字体，大致可以分为：衬线体、无衬线体、手写体与展示字型等。其中最常用的就是：衬线体与无衬线体。理由与中文一样，它们也是使用率很高的字体，其次还有一个原因就是在以中文为主的设计中，它们与中文字体搭配起来比较契合。 拿黑体来说，与之搭配的英文字体就是无衬线体，因为它们的笔画特征相似度很高。宋体搭配的就是衬线体，因为宋体的笔画特征是有粗细变化且有装饰线，而英文的衬线体也刚好有与之相似的地方。 而圆体则是搭配拥有相似特征的无衬线体。因为常用的书法体通常使用毛笔书写，所以在笔画特征上没有与之相匹配的英文字体，大多数时候我们会选择用衬线体来搭配，具体原因我会在后面的字体气质环节为大家讲解。虽然也有别的搭配方式存在，但我给大家提供的这些都是最常用和最安全的。说完字体搭配问题后，下面我们来看看这些字体，所包含的气质又有哪些。 首先是黑体，它具有科技感与现代感，这是由它简洁干练的笔画特征决定的。其次黑体也能表现出运动与时尚的感觉，因为运动与时尚本就是偏现代的词汇。接着是宋体，它具有文化与历史的气质，这个比较好理解。而除了能表现出历史与文化感之外，宋体还能表现出清新与雅致的感觉，这是由宋体的笔画特征决定的，横细竖粗且末端带有装饰，与优雅精致的感觉十分契合。圆体的特点也是非常明显的，在看到它时脑海中的第一印象就是可爱与卡通。 除了刻板印象外，圆体那种圆滚滚的笔画给我们的感觉还有安全和易亲近，所以圆体也能用来表现儿童与温暖感觉的题材。一说到书法体，能直接联想到的关键词就是传统与历史，因为书法的演变就是我们汉字发展的轨迹。然后我们回过头来讲一下，为什么书法体可以和西文中的衬线体搭配。原因就在于衬线体也具备书法体的某些气质，比如传统、文化、历史等。与书法体在早期的东方一样，衬线体在早期的西方也是主要的字体之一。 温暖、人情味儿，说到书法体可能很难联想到这两个词，但是书法体确实具备这种气质。跟黑体这种棱角分明的字体相比，书法体是手写出来的，它的笔画特征给我们的感觉就是有「温度」的。在字符面板中，除了选择字体与改变字号以外，这两个区域相信大家用的还是比较多的，它们分别是：行距设置与字距设置。 拿行距来说，在使用时有几个比较常用的设置方法，比如用当前文字的字号乘以2、732或是2。不过，通过这个方法所算出来的数值只是一个参考，也就是说你可以在这个基础上做些调整。 比如：在计算出的数值的基础上进行递增或是递减，这时你要做的就是用眼睛去观察，觉得大了就减少一些，觉得小了就增大一些。 其中，用字号乘以2适用于标题。比如上方那个标题的字号是40pt，那么行距的数值就是用40乘以2等于48。下方这个是在此基础上做的一个调整，稍微增大了一些行距。字号乘以2适用于标题，而用字号乘以732或2则更适用于小字号的文字，比如内文。 上方是用字号乘以732的例子，字号是9pt，用它乘以732得出来的数值是588，四舍五入取个整数得到的行距就是16，下方这个是用字号乘以2得到的效果。大多数情况下我建议大家用字号乘以732的行距，大小比较适中。 跟行距不同的是，基本上来说字距是无需调整的。当然还是那句话，要靠自己的眼睛来衡量，如果你觉得字与字之间离的很近的话，那么可以增大一些字距，反之，则可以减小一些。其次就是，当你遇到一些偏轻松慢节奏的设计，比如典雅清新类的文学小说时，就可以适当的增加一些字距来营造这个感觉。比如这两张海报，左边的是经典的居中结构，右边的是包围结构，构图都是可以的没有任何问题，但为什么看起来还是怪怪的呢？因为文字组没有刻画好。为了让大家能更深刻地体会到文字组对于版面的意义，修改了这两张海报，其中构图不变只改文字组。这个修改前后的对比还是非常直观的，可见文字组对版面的影响有多大。如果说构图是版面的骨架的话，那么文字组就是版面的五官，骨架再好五官不行结果也是可想而之的。

这里我总结了文字排列中的三大对比原则，是最基础也是最容易掌握的几种类型。为什么使用对比？因为在设计的过程中，不同文本本身具有不同的重要程度，所以依次划分层级，然后使用对比手法，强化重要的，弱化次要的。高效的到达宣传需求。 那么我这里先举一个极端案例，如下图是高田唯的设计作品，暂且不看具体的信息内容，从文本的排列来看，我们并没有很强烈的感受到“对比”，这几乎是违背了设计常识，所以许多同学会说看不懂，不懂到底要表现什么。看不懂是正常的，因为这确实是在常识之外的一次设计尝试，甚至作者连字号的大小没有调整，就是这样赤裸裸明晃晃的将文字依次排列下来。 我们再来看另一个案例，这个案例在某种程度上来说，也是在常识之外的。我们仅看它的文本排列，你会发现，作者将中英文的粗细搭配做了很高的匹配度，也就是近乎达到了“粗细一致”，这是很见细节的地方。另外，说这个作品在某种程度上的文本排列极端，是因为对于文本排版上的技法用的非常克制。也就是文本上只用了“字号对比”，字号对比是很常见了，但是不常见的是“只使用字号对比”。在广煜的作品中，这种手法已经不作为一个简单的技法，而是一种通用的风格来使用。我们看下面的作品都是用了“字号对比”的手法来完成的。 首先我们来看一下第一个案例。第一个案例我们将用字号对比来进行划分文本的层级关系，那么首先第一步，我们需要将文本全部排成等大等粗。即字号一致，字重保持一致。如下图，这个是我分类好的信息，使用的是思源黑体，中英文未做匹配。那么接下来我们要解决四个问题。第一，选择字体，我这里中文选择了一个日本的字库-A-OTF リュウミン，英文选择的是Garamond。第二，英文和中文同字号的情况下，英文要略小，所以给英文增加字号。第三，调整字距行距组距，确保统一关系。第四，特别要注意的是，中英文选择字库时，观察英文的粗细比例变化是否和中文保持了一致关系。 下面是我调整过后的效果。然后分析文本，划分一下层级关系，然后做字号的大小对比。一般如果想要彻底拉开对比，字号应为2-3倍关系。上面的文本排列效果是有一定的构图规律，我个人喜欢用六栏网格，变化较多，排列时自由度也要更高一些。 字号对比这招非常好用，许多同学把握不了多字重的变化，经常陷入文本排列混乱，那么这一招可以非常高效的完成层级的划分。最后一步，我们按照主体去加入主体元素，修改色彩，这个方案就完成了。第二个方法，字体对比。字体对比的难度相对更高一些，常规我们会更比较建议尽量少使用不同的字体，使用字体种类数量越少越好，这是因为不同的字体，能够融洽的放在一般版面当中而不让人觉得突兀，需要对字体本身有一定的了解。 那么在这个案例当中，我将会使用两种中文字库，两种英文字库。首先我将标题做了一个简单的处理。我这里简单说一下这种效果如何来处理，只是一个非常简单的小技巧。在ps中将字打出来。选择高斯模糊，注意不要太大。选择“阈值”，调整参数。在ai当中进行图像描摹。在ai中使用变形工具进行微调细节。 标题的英文我给它搭配的是无衬线体-Helvetica，因为楷体的粗细比例已经倾向于一致，选择无衬线体是非常适合的。剩余的文字依次排列下来，处理好层级关系。我们来看一下最终的文本排列效果。同样使用六栏网格，处理好构图关系。最后一步，添加画面主题，修改颜色，这样就完成了最后的海报效果。我们看一下，这个方案在文本上要比第一个方案变化性更强，灵活性更高。 其实这个方法在纯英文的排版中更加好用一些，因为英文字母造型简单，可以有更灵活的变化性。我们来看一下国外的这类设计方案。 第三个方法，字重对比。这估计是许多同学最爱用的一招了，粗细对比会给人非常直观的视觉对比效果，从而达到画面的视觉张力。虽然客户最喜欢的建议是“这个放大这个放小”，但是如果用字重控制也是一个不错的方法。这个案例我们将使用一个黑体搭配无衬线体。第一步，先将文字简单排列出来，这一步，可以先不加粗某个部分。可以先将粗细控制在同一粗细范围内，第二步再进行加粗某个需要强调的部分。然后再次进行加粗，注意加粗的部分需要有一定的侧重，比如这里的标红部分，我都是选择了重要的信息去进行加粗，这样版面就会具有一定的准确性。最后一步，添加色彩与画面主体，完成。