1. 首页

揭秘!文字排版的三个对比原则!

另外,说这个作品在某种程度上的文本排列极端,是因为对于文本排版上的技法用的非常克制。如下图,这个是我分类好的信息,使用的是思源黑体,中英文未做匹配。其实这个方法在纯英文的排版中更加好用一些,因为英文字母造型简单,可以有更灵活的变化性。

在排版当中,许多人问题于文字排列的复杂性,从纯粹乏味的文字排列获取最后想要的某些排版上的“调性”,显然是一件更乏味的事情,犹如要将一个冷米饭嘬出香味来,直教人心生绝望。

此处我总结了文字排列中的三大对比方法,是最基础也有最易于掌握的几种类型。

为什么使用对比?由于在设计的过程中,不同文本本身带有不同的重要程度,所以依次划分层级,然后使用对比技巧,强化重要的,弱化次要的。高效的到达宣传需求。

揭秘!文字排版的三个对比原则!

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

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

揭秘!文字排版的三个对比原则!

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

我们仅看它的文本排列,你会看到,作者将中英文的粗细搭配做了很大的匹配度,也就是几乎超过了“粗细一致”,这是很见细节的地方。

此外,说这个作品在某些程度上的文本排列极端,是由于针对文本排版上的技巧用的十分克制。

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

揭秘!文字排版的三个对比原则!

在广煜的作品中,这种技巧终于不成为一个简单的技巧,而是一种通用的样式来使用。我们看后面的作品都是用了“字号对比”的手法来完成的。

揭秘!文字排版的三个对比原则!

揭秘!文字排版的三个对比原则!

揭秘!文字排版的三个对比原则!

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

第一个实例我们将用字号对比来进行界定文本的层级关系,那么首先第一步,我们必须将文本全部排成等大等粗。

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

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

揭秘!文字排版的三个对比原则!

那么接下去我们要解决四个难题。

第一,选择字体,我这儿中文选择了一个中国的字库-A-OTFリュウミン,英文选择的是Garamond。

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

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

揭秘!文字排版的三个对比原则!

第四,特别要切记的是,中英文选择字库时,观察英文的长短比例差异是否和中文保持了一致关系。

以下是我调整之后的效果。

揭秘!文字排版的三个对比原则!

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

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

揭秘!文字排版的三个对比原则!

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

揭秘!文字排版的三个对比原则!

字号对比这招十分好用,许多朋友把握不了多字重的差异,经常陷入文本排列混乱,那么这一招可以比较高效的完成层级的界定。

最终一步,我们根据主体去加入主体元素,修改颜色,这个方案就完成了。

揭秘!文字排版的三个对比原则!

揭秘!文字排版的三个对比原则!

揭秘!文字排版的三个对比原则!

第二个方式,字体对比。

字体对比的难度相对更高一些,常规我们会更非常建议尽量少使用不同的字体,使用字体类型数量越少越好,这是由于不同的字体,能够融洽的放在一般版面当中而不让人认为突兀,需要对字体本来有一定的知道。

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

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

我这儿简单说一下这些效果如何来处理,只是一个特别简单的小方法。

01.在ps中将字打起来。

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

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

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

05.在ai中使用变形软件进行调整细节。

揭秘!文字排版的三个对比原则!

揭秘!文字排版的三个对比原则!

标题的中文我给它搭配的是无衬线体-Helvetica,因为楷体的长短比例已经偏向于一致,选择无衬线体是十分合适的。

揭秘!文字排版的三个对比原则!

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

揭秘!文字排版的三个对比原则!

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

揭秘!文字排版的三个对比原则!

最后一步,添加场景主题,修改色彩,这样就完成了最终的海报效果。

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

揭秘!文字排版的三个对比原则!

虽然这个方式在纯中文的排版中非常好用一些,因为中文字母造型简洁,可以有更灵活的差异性。我们来看一下美国的这类设计方案。

揭秘!文字排版的三个对比原则!

揭秘!文字排版的三个对比原则!

第三个方式,字重对比。

这大概是许多朋友最爱用的一招了,粗细对比会给人十分直观的视觉对比效果,从而超过画面的视觉张力。

然而客户最偏爱的建议是“这个放大这个放小”,但是即使用字重控制也有一个不错的方式。

揭秘!文字排版的三个对比原则!

这个案例我们将使用一个黑体搭配无衬线体。第一步,先将文字简洁排列起来,这一步,可以先不加粗某个个别。

可以先将粗细控制在同一粗细范围内,第二步再进行加粗某个必须指出的个别。

揭秘!文字排版的三个对比原则!

之后继续进行加粗,注意加粗的个别需要有一定的着重,比如这里的标红部分,我都是选择了重要的信息去进行加粗,这样版面都会带有一定的具体性。

揭秘!文字排版的三个对比原则!

最后一步,添加颜色与场景主体,完成。

揭秘!文字排版的三个对比原则!

原文:胡晓波工作室

原创文章,作者:设计网,如若转载,请注明出处:http://www.shejiwz.com/?p=975

发表评论

邮箱地址不会被公开。 必填项已用*标注

联系我们

181-3885-0759

在线咨询:点击这里给我发消息

邮件:295310592@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息