今天是 搜索
我要找人设计

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

2024-09-27 15:30 发布 

加入专辑
平面设计师论坛 / 举报
本作品由会员 捺虽 发布,如侵犯了您的版权请与设友网官方联系

在排版当中,许多人困惑于文字排列的复杂性,从单纯乏味的文字排列获取最终想要的某种排版上的“调性”,显然是一件更乏味的事情,犹如要将一个冷馒头嘬出味道来,直教人心生绝望。

这里我总结了文字排列中的三大对比原则,是最基础也是最容易掌握的几种类型。

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

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

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

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

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

另外,说这个作品在某种程度上的文本排列极端,是因为对于文本排版上的技法用的非常克制。

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

在广煜的作品中,这种手法已经不作为一个简单的技法,而是一种通用的风格来使用。我们看下面的作品都是用了“字号对比”的手法来完成的。

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

第一个案例我们将用字号对比来进行划分文本的层级关系,那么首先第一步,我们需要将文本全部排成等大等粗。

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

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

那么接下来我们要解决四个问题。

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

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

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

第四,特别要注意的是,中英文选择字库时,观察英文的粗细比例变化是否和中文保持了一致关系。


下面是我调整过后的效果。

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

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

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

字号对比这招非常好用,许多同学把握不了多字重的变化,经常陷入文本排列混乱,那么这一招可以非常高效的完成层级的划分。

最后一步,我们按照主体去加入主体元素,修改色彩,这个方案就完成了。

第二个方法,字体对比。

字体对比的难度相对更高一些,常规我们会更比较建议尽量少使用不同的字体,使用字体种类数量越少越好,这是因为不同的字体,能够融洽的放在一般版面当中而不让人觉得突兀,需要对字体本身有一定的了解。


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

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

我这里简单说一下这种效果如何来处理,只是一个非常简单的小技巧。

01.在ps中将字打出来。

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

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

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

05.在ai中使用变形工具进行微调细节。

标题的英文我给它搭配的是无衬线体-Helvetica,因为楷体的粗细比例已经倾向于一致,选择无衬线体是非常适合的。

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

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

最后一步,添加画面主题,修改颜色,这样就完成了最后的海报效果。

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

其实这个方法在纯英文的排版中更加好用一些,因为英文字母造型简单,可以有更灵活的变化性。我们来看一下国外的这类设计方案。

第三个方法,字重对比。

这估计是许多同学最爱用的一招了,粗细对比会给人非常直观的视觉对比效果,从而达到画面的视觉张力。

虽然客户最喜欢的建议是“这个放大这个放小”,但是如果用字重控制也是一个不错的方法。

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

可以先将粗细控制在同一粗细范围内,第二步再进行加粗某个需要强调的部分。

然后再次进行加粗,注意加粗的部分需要有一定的侧重,比如这里的标红部分,我都是选择了重要的信息去进行加粗,这样版面就会具有一定的准确性。

最后一步,添加色彩与画面主体,完成。



来源: 揭秘!文字排版的三个对比原则!
B Color Smilies
设友网
[5推广币/天] 购买
设计师论坛
[2推广币/天] 购买
设计师联盟
[2推广币/天] 购买
揭秘!文字排版的三个对比原则! 
[2推广币/天] 购买
快速回复 返回顶部 返回列表