文字版式设计排版

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

了解了基本的版式，我们再去了解排版中需要注意的几个问题。首先是对版式的选择，你如果拿到一份客户的要求而没办法想出来接下来可以用哪些方法去排版，显然是作为设计师而言不太光彩和合格的事情。我在上边的例子中也写到了，不同的情况下可以应用不同的版式，而所谓的不同情况大多数时候有这么几种，字少图少、字少图多、字多图少、字多图多，字图一样。其次就是如何应用，版式是一种缥缈的艺术，理论形式固定，但表现形式多样。当你手法纯熟了，怎么摆放都会很好看，而在刚开始练习的阶段，我们还是最好注意好排版中需要严格遵守的一样东西——留白。留白很多大师都讲过，分析过，大部分来说比较宏观，都是跟意境挂钩，我再去说重复的东西就没有意义了，我要说的是几个细碎的留白问题，首先我要否认很多人认为留白就是要做简约风的印象，其实留白无处不在，简约风只是留白更宏观的定义而已……那么怎样去理解和运用留白呢，首先我们要对留白有几个新的认识：第一，文字间距、行距都是留白，而这种距离如果太过统一和拥挤画面就会死板，所以在文段较多的情况下，我们可以适当调节文段的距离来改善画面的效果，也就是加大文字间的留白。第二，比如某个元素内部又有其他元素，那么这个元素内部区域就需要合理的留白，内部元素不能太满，也不能太偏。第三，元素跟元素之间要有一个合理的留白，不然就会拥挤难受第四，除满版型排版以为尽量让画面四周有足够的留白。有些时候不必要放那么多的装饰元素，在画面中，那样反而会抢了主体第五，留白的同时也要去白，去白是一种平衡留白画面的效果，一般来说常用的去白方式是对线去白，即下方有元素而上方很空的时候，给上方增加一个元素来平衡画面；当主体过于渺小导致留白过多时，需要放大主体和调整其它元素来去白。

正文强调的是字体“读”的功能性，版面中正文部分内容较多，需要用户长时间阅读，所以需要通过合理的排版，提高阅读的流畅性和舒适度。 使用花哨的字体，读者需要耗费很长时间来分辨它的内容，所以正文排版常使用结构清晰、识别度性较好的宋体和黑体。传统的排版设计中，更加倾向于使用宋体，比如中文报纸上所用的博雅宋就是专门设计的一套字体。黑体高度的统一性可以让字体本身对眼睛刺激降到最低，而把更多的注意力放在文字表达的内容上，已经成为现代设计中正文排版的首选字体。尤其是随着二十世纪末电脑和互联网的普及，黑体字的价值得到了进一步体现，它简洁的笔画特征与屏显介质特性相符，从而成为了当今各种屏幕媒介中最有发展前景的字体。 制定适合的字号是影响阅读效果的重要因素，计算机字体的大小，标准制度采用点数制（pt），每一点等于35毫米。可以近距离阅读的书籍报刊等，正文使用的中文字号一般在7点至10点之间。小于7点影响文字的识别性，大于10点会显得比较粗糙。包装、名片等因为版面较小，字体可以适当缩小海报、展架等需要远距离观看的版面则需要更大的字体我们做设计基本都依赖电脑来制作，但显示器显示的效果很难在印刷品上相互对应，所以字体的大小很难在显示器上做准确的判断。因此很多新手设计师会配备一张常用字体字符的样张，按原大打印出来参考显示器上版面字符的实际大小。字间距指的是字体之间的距离，不同字体有其默认的字距，有时出于设计的需要，会刻意的拉近或分散字距。但过于拉近字距或分散字距会影响文字的可读性，产生混淆不清或过于松散的负面效果，因而，大段落的正文字距通常不做这样的改动。 行间距指的是每行之间的距离。过小的行距会造成视觉的混乱，过大的行距会降低阅读速度，为获得良好的阅读效果，一般的行距推荐使用字体大小的4-0倍。小于2倍或大于2倍会影响正常的阅读。 段间距指的是每个段落之间的距离。段间距需要大于行距，这样文字信息才能区分开成为单独的段落。段间距与行间距相等，段落与段落之间没有区分，产生阅读障碍，使阅读不够流畅。除了设置段落间距外还常采用段首空两格的形式区分段落关系，从功能性上来说段首空两格是为了提醒我们，此段落是分开的，属于不同的内容。可以在PS或AI中打开“段落”面板，通过“首行缩进”进行设置：和段首空两格相似，在段首加入提示符也可以达到阅读提示的功能，常用在文字不多的版面。 行的长短与字数的多少也会对阅读观感产生影响，切忌出现单行字数太少或太多的情况。一般单行的字数应控制在25 - 40个字之间。字数太少容易造成跳行的现象，打破读者的阅读节奏；字数太多会让句子变的冗长而容易引起视觉疲劳，进而影响阅读体验。 孤行：是指在出现在页面顶端，新一栏的单行文字。寡字：与孤行类似，通常是被遗弃在单独一行的某个字。他们就像失去家人的孤儿一样凄凉，这些行或者字非常的扎眼，如果出现这样情况，可以改写句子内容或微调行长、间距等方式让他们与家人重新走到一行。 在中文里有一些标点符号是不能出现在行首或行尾的，标点避头尾则是要规避这些错误。可以在PS和AI中打开“段落”面板，设置避头尾法则： 两端对齐是最常用的段落性文字编排形式，多运用于杂志、画册、报纸等多文字信息内容的编排。可以使段落文字严谨工整，让版面清晰有序而有条理，提高阅读效率。可以在PS和AI中打开“段落”面板，设置“两端对齐”： 本文通过字体选择、字体大小、字距、行距、段距、单行字数、孤行寡字、标点避头尾和两端对齐的设置等九个正文编排的技巧，分享如何通过合理的排版，提高阅读的流畅性和舒适度的方法，希望你有所收获。