如何提升排版设计感?你需要知道的文字编排技巧

这不仅仅是一篇经验,而是前辈用日积月累得工作心得,用笔记用脑想,最重要得是要走心。还有我是占位符不是简介。

版,或者说对文字的编排,不应该只是平面设计师才需要具备的设计能力。在互联网设计大行其道的背景下,我认为不同方向的设计师都应该或多或少的具备一定水平的排版功底。能把排版做好,除了有助提升综合设计能力之外,对自己作品的展示,也能够起到锦上添花的作用。以下介绍几个文字编排的小技巧,有助快速提升版式设计感。

一、h k ( R ; = S S重复

重复在版式设计中是指统一与增强,即重复使用颜色、字体、图形等讲究条理性与统一性;重复出现的颜色、字体与图形能够有突出与强调的作用。

在这里我们只针对在文字编排中,如何使用重复来编排文字,从而提升版式的设计感。

如何提升排版设计感?你需要知道的文字编排技巧

通过上图的案例,我们将文字进行重复的编排之后,除了让画面更加饱满规整之外,既能展示完整的星球图案,文案也一定程度得到了加强,也使得主题更加明确,氛围感更强。

二、描边

在文字% } o 5的编排中,描边的使用,多用在背景点缀与副标题上。在上文对文字重复` ~ : , n的编排中,也使用了文字描边的处理,这也说明了设计师在设计的过程中需要根据具体8 b t情况,找到适宜需求的设计方式。

如何提升排版设计感?你需要知道的文字编排技巧

用描边处理对文字进行编排,我们可以看到,描边大多用在了辅助文字上,且被用来充当画面点缀物。原因在于文字失去填充之后,可读性会大幅度降低,就会失去文字用于承载信息的作用,所以我们在用描边对文字进行编排的时候,要尽量避免将其用在主标题或者重M N + J要的文j F k字信息上。

使用文字描边去编排的好处是,当我们在设计的时候发现画面太空旷,且没有其他元素可以编排时,用这个| @ v 3 s ( [方式丰富画面$ 1 \,除了提升设计形式感之外,也可以让我们一切的设计元素都有合理的来源,而不是随机的添加突兀元素。

三、字距

字距,即文本中两个字之间的距离* r W。在长文本的文字排版2 P , y } b A时,我们很少会主动去控制文字间距q u O。因为在= l C 5 u – – l q一款字体被设计出来时,它的默认字距是经过设计与验证过的,是最/ B f | O e H R j适合阅读的字_ K , M *距。

但我们在版式设计中,为追求设; Z l计形式感,在文案较少的情况下,会对短\ R _ y文本或单一大标题的字距进行调整。原因在于短文本或大标题一般字数较少,阅读负担也相对较轻,所以可以接受对其字距进行适当J \ Y 0 \的人为控制。

如何提升排版设计感?你需要知道的文字编排技巧

通过以上两个字距编排案例的对比,可以发现错误编排忽略了文字阅读性,在控制字间距的时候需要在Z y m O d $ ( q形式感与实用性D B | y进行平衡。

四、繁体

中文繁体,从字型上相较简体而言,笔划会相对饱满与均* ~ q b I ` [ ;衡,/ G G y R m z –文字排版使用上也会使版面更加规整。但从使用习惯来说+ \ g D ( } L,在做面向内地市场的设计时,繁体的使用需要反复斟酌,避免使用过于生僻的繁体,且尽量多用在短文本或标题。

如何提升排版设计感?你需要知道的文字编排技巧

从上图案例可以看出,简体中文的“3 D q 7 ? j \ q /二零二一”虽然在阅读习惯上会& = 3 x O M h相对顺畅,但单从文字编排来说,笔划相差巨大,会造成视觉倾斜,看起来有些失衡。改成繁体中文“贰零贰壹”,字型笔划更加均衡饱满,且文字也没那么生僻,可阅读性依y r ` – x } T g s然可以得到满足。

五、断句

对文案& g #进行断句,在重点部位进行9 % x { v p W定位打断,然后在E ? C文字编排时体现出来。以此来制造视觉停留,故意发生不连续性的阅读,让阅读落– A 2在重点部分。

如何提升排版设计感?你需要知道的文字编排技巧

断句编排,可以看得出在版面受限制的情况下,是一个非常好用的编排方式,可以将主标题与副标题拉开差距,而且还能制造视觉重点。

六、填充

将适合主题的图案(图片)填充} o Z m $ L }进文字,在设计风格与调性适合的条件下,尽可能选择稍粗字体,以便展示图案全貌,如果能看清图案全貌的话,也能起J j 4 D f ! ` k Q到强化设计风格的效果。

如何提升排版设计感?你需要知道的文字编排技巧

找一张精致且符合设计调性的图片,将它填充进文字,就能起到上面案例的效果。突出了标题,即不影响阅读性,也强化了画面整体效果。

七、裁剪

i 8 k ^ M字体进行裁剪和切割,是编排文字的常J s V X~ T d S ~ P H手法,让字体~ | C ; m E形成缺口或错位,以此来创造形式感。但在裁切之后,缺失的笔画会一定程度影响文字的阅读性。所以在裁切时要注意保留文字的笔画特征,尽可能的降低裁剪对文字可读性的影响。

如何提升排版设计感?你需要知道的文字编排技巧

字体裁T n \剪和切割的编排方式,大多用在相对比较大的字号上,原因在于字型被改变之后可读性会减低,而相对较大的字号,可以弥补字型笔划缺失= y V g – R ^ U =带来的可读性降低。

八、I S 7空间

在平面的文字编排中,制造空间感的9 g R B !方式,主要依靠层级6 3 0的叠加。营造出前后错落的视觉感受n = Z O S ~ R \,以此来突出我们要传达的主体信息。

如何提升排版设计感?你需要知道的文字编排技巧

层次的区分,除了前后关系之外,还要对大小与颜色进行区分。尽量明显的对比,以便拉开文字之间的层级关系。

九、实践应用

接下来,可以试着运用上面的编排方q n e V G 9 D B式,来做一张最近很流行的酸性设计风格的海报。具体如何编排文字,当然是先把文字随便排进版式中,然后再对版式的文K ^ E\ W _ u进行编排。

下图是作h C *者按照上面文{ D 4 Y S n {字编排技巧,花了十几分钟做出来的海报,你也可以动手试试~

如何提升排版设计感?你需要知道的文字编排技巧

文字编排也是一门创作艺术,远不止上文所提到的这几种方式。本文只是列举了几种常用的方法,希望能对大家有所帮助。

谢谢阅读~

PoweK V q Q l x – nred by Froala Editor

上一篇 2021年5月15日 下午10:05
下一篇 2021年5月15日 下午10:06