文字排版-从细节处出发

7月 16, 2020 发表于: 视觉设计. 评论

Sponsor

每个设计师在设计中都会在意很多的细节问题，因为一个好的作品往往在细节中就会被体现出来。今天我们讲的这个细节是关于文字排版的，总的来说就是如何更好的排版文字使整体画面协调，在更多的细节处让作品变得更加的完美。

今天就从文字的排版开始说起。

文字排版

一：细节的重要性

1. 对齐

1.1文字对齐

对齐这一项其实是经常被忽略的，如果你的版面内容，通过一个准则或者一个参照物来对齐，会显得整齐有序，不会杂乱无章。常说的对齐方式就是左对齐、右对齐和居中对齐。

上面图2我用红色画出了对齐线，我们发现，当把文字全部对齐排放的时候，整体的画面视觉清晰干净，这样做你的版式至少是规矩并且有条理的。哪怕只是单独的文字内容。

我们就拿几段文字来展示，左面的图会比右面的图视觉效果统一，虽然没有什么设计在里面，只是单纯的对齐，至少可以保证你的画面井然有序。当然右面的画面有点儿极端，但是我们主要强调的是，无乱你说在做设计图，还是排ppt，后者做一些其他什么文字相关的工作，在你做完作品的时候，一定要细细检查一下，该对齐的是否对齐了，一点点的误差会导致你的画面很粗糙，也会显得你不够细心，不求突破，但求无错～

还有一点是在下面这张图里面，因为文字全部左对齐，在视觉元素的呈现上，我们会把左对齐的文字理解成画面的一个整体元素，并且红色的1和2在主观意识上是关联在一起的，他们是通过做对齐的共性联系在一起的。

1.2 参照对齐

什么是参照对齐呢？在设计版面的时候，是有视觉导向的，所有用到的元素都要有关联性。那么文字在画面中摆放在什么位置，能让画面不仅有设计感，而且还能和其他元素产生关联呢？这就需要我们找到一个参考点，以参考点来对齐文字，是一种很好的方法。

在上面这张海报中，画面左侧大面积留白，有很大的空间，但是文字却没有放在这个区域，而是放在了人物的下面。作者为什么把文字选择放在这个位置？
我在图2里面，标注了1、2、3三个点，这三个点所组成的线和文字的左边正好处在同一条垂直线上面，这难道是巧合吗？那是绝对不可能的，这显然是设计师精心处理的结果。
如果我们把文字换下位置看看呢？

对比就可以看出来，还是原作是最舒服，最符合视觉导向和版面布局的。只要你找到参照点去摆放文字，讲作品的时候就可以滔滔不绝的告诉他们你为什么要这么做了。
我们可以再看几张作品。

后面两张完全是文字，没有任何其他辅助图形元素就可以把版式排的这么漂亮并且有节奏，绝不是随便一摆就可以完成的。里面还涉及了其他知识的运用，我们后面会说到。

2. 英文字间距

在做海报或者版式设计甚至logo设计的时候，难免会涉及到一些英文的使用。英文如果是呈段落出现的，只要注意换行的时候英文单词的规范就好了。如果是用作标题，只有一个或者几个单词的时候，这时候要注意字母与字母之间的默认间距是有问题的，需要设计师手动调整。

我们看如果是图1的情况，等距分布，红色的间隔区域是相同的，没有问题，如果像图2的情况，圆形替换了部分矩形，虽然距离还是一样的，但是被绿色区域影响了视觉判断。有的时候很多设计的细节问题是需要我们通过视觉去判断，不管是对齐还是间距，或者碰到的其他情况，软件的默认数值虽然准确，但是在某种情况下不符合视觉效果。

从这个例子可以看出来，上面的单词是电脑默认，字母疏密不均，显得松散。下面的单词是手动调整过的，相对于更紧致更舒服。

3. 层级限定

无论是设计版面，还是排ppt，亦或是写文章，层级是一定要弄清晰的。写文章要有大标题小标题副标题等等，版式设计里面的文字，也要分清主次。

上面这张图里，红色是一级内容，就是最重要的内容，蓝色是二级内容，是次要内容，绿色是三级内容，解释说明的部分。其实就算是受众来不及看清三级内容是什么，通过前两级的内容，也把信息传递出去了。

基本上我们不是大师级别的设计师，一个画面上文字等级的划分，做到三级就好了。
我们可以多看些例子：

说完上面的这两个基本操作之后，就产生了一个问题。如何做到排版的节奏感和设计感呢？下面即将登场的对比原则便是一把好用的武器了。

二：对比原则

2.1:粗细对比

在版式设计中，利用粗细对比，可以制造层级限定和对比差异，使排版的文字更有节奏。我们知道在一幅设计作品里面，运用太多的字体，会导致画面杂乱，如果我们需要用一种字体来搞定设计的时候，选择家族字体是很好的选择，因为字体设计师已经把粗细字体全部设计完善了，只需要我们按照信息的重要性，把文字做一个粗细对比，就可以轻松搞定文字层级，并且产生了变化。在粗体字旁边选择一款细体字，是明智的选择。

我们看看例子：