标题字体_这个标题排版你学会了么?

今天我们来说说标题排版,很多人不重视这块,觉得只要把文字信息放上就行了,然后就杯具了……

1e4b97ec04bfd9b88cf55af8456af7e4.png

都不知道是层级错误、字体不符造成的问题,so你离成熟的设计还差几步?

ebb2fc436271cd51e3949f0b26909764.png

字体类型

首先字体的选择很重要,跟整体不搭的话,会导致画面low爆,所以你要从字体类型>字体气质>不超过3种,一步步入手。

cb38fede2ade0775e14204d988f8b590.png

86423b3c3f8d50875ace65a894502650.png

字体组合

选好了字体,就要开始组合了,标题的功能是短时间内能让读者快速了解信息,所以一定不能单调,下面有4种类型。

中+中

粗体的可作为标题,细体可作为正文。为了让中文+中文的组合不单调,可以从简单对比,甚至添加元素,使组合更有层次感。

7fad14f14ec0f705c40c0bbfb3c78435.png

英+英

跟中+中搭配基本类似,也是通过对比的方式,强调标题的层次感。

33195dc46ad4c72846d46f25213adf51.png

英+中

到了英文和中文的组合,就比之前复杂了,所以一定要注意文字间的张弛有序。

37254929eb7bae20e8adca89cc53c73c.png

数+中/英

添加数字后,会形成两个小方块,使文字逻辑更清晰。

f56d1e1de275c64d55cd2d1ac543edd9.gif

字体编排

知道选啥,怎么组合,依然容易使画面杂乱不堪,是不是犯了下面这四个问题?

字体的搭配

必须考虑消费群体,并不是每个人都能看懂你的设计,所以不要使用过于花俏的字体,除非是为画面设计的定制字体。

8eb5d5d3f225e7a3df5d88a95e797e87.png

间距的调整

间距调整间距调整间距调整间距调整间距调整间距调整间距调整

对于入门设计师来说,通常都会选择默认的间距。但是不同的字体,产生的行字距都不一样。所以需要反复调整,直到视觉上舒适。

89197576ee4825546ce0b4385f0f2281.png

d28aab6d62c3b3b1d65af398b1dd3d69.png

层级的变化

间距调整间距调整间距调整间距调整间距调整间距调整间距调整

清晰的层级关系是信息传达的基础,简单来说就是,哪里重要就突出哪里。

6de460428fb74721baa2c669f55622f2.png

间距调整间距调整间距调整间距调整间距调整间距调整间距调整

只是通过简单的大小对比,就把层级明显区分开了。

间距调整间距调整间距调整间距调整间距调整间距调整间距调整

7cdacec4418fc798037ad42190ffbe83.gif

再加上颜色对比和添加细线,设计感就强烈了很多。

4802c3a13a4652d28895ca775c78ecbc.png

文本的断行

标题的文字不宜过多。如果非要使用较多文字,那就要学会断行,这样不仅提高阅读效率,还能形成文本断行后的留白效果。

4e540b0a60f6a8db0896842656eed000.png

标题套路

学完了基本方法,下面看几个实战套路~

横编排

b5b2756cb54710111d118be5cad41964.png

竖编排

5659f02534a901e68545cc81f89180cb.png

横竖编排

cbc31efa9d07b693e42ce54d2b7c314f.png

错位编排

6e438122b7f51dcc68a84c4b446e0cd4.png

倾斜编排

非对称的画面形式,使版面具有动感。

df0d13a05db774d34c84c9cf42782e39.png

叠压编排

可以看作图+字、字+字、字+元素等形式,使画面表现力更丰富。

86d985486b4229b0a6af77e5adb0ef8c.png

线框编排

将文字与线框结合,也是老生常谈了,只是要注意粗细和长度,考虑它们之间的关系,并非随意添加。

c595849d318bad842460e0831b0417fb.png

肌理编排

想让标题带来意境感,就要合理运用肌理。

05ad04f61e469081988ffb1e51e85cf9.png

时间编排

在做海报的时候,经常会遇到时间信息的编排,所以可以作为二级信息出现,一般月日层级最高,其次是具体的钟数,最后是年份。

2237780b3ed371e1b3e10d99add2221c.png

59c1e096679711bfcc78f6c0045cca07.png

价格编排

如果遇到促销打折的情况,要善于利用数字和符号吸引消费者。比如把“五折”转换为“5折或50%off”,更直观明了。

0ce03ba5b0a17d522b83f94dd1f22547.png

以上的内容虽说都是比较容易掌握的技巧,但也要多多练习,把层级关系了然于胸,这样你的版面才会有的放矢。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值