设计技巧:当我把标题“错位”排版,瞬间变高级了!

举报 2023-08-10

首发:艺海拾贝Design
原标题:当我把标题“错位”排版,瞬间变高级了!!!

如果大家喜欢看电影同时注意观察电影海报设计,会发现大量海报标题设计都偏爱错位排版。

错位编排是通过对标题文字大小、位置和笔画的调整,打破固定的排版样式,让标题的排版更具个性化,是提升标题编排设计感和美感最简单最实用的设计技巧。

本期分享5个常用的错位排版方法,学会这些方法你也可以快速设计出个性的标题排版。


一、位置错位

对文字的位置进行调整,从而形成错位,打破标题常规的排版。


案例《交叉感染》展览海报:

1691460416679023.jpg

此案例,所有文字字号大小一致,文字交错移动位置。第二个字“叉”往右边移动,第三个字“感”则往左偏移,第四个字“染”再往右偏移。

每个字移动的距离不一样,这样会形成一定的节奏感。

1691460586211743.jpg

最后可以在缺口的地方加入英文、图标等小装饰,让细节更丰富。

1691460604571610.jpg

刚开始练习如果对偏移距离掌控不好,建议距离小一些,而且首字和末字字错位不要太大,可以很好地避免文字排版混乱的问题。还可以让字间距紧凑些,甚至可以让一些笔画连起来,整体感会更强。

横版也可以按此规律进行排版:

1691460750528389.jpg

如黄海大师设计的《黄金时代》海报也是使用了这个方法:

1691460793557739.jpg

熟悉方法后可以做出更灵活的版式。

1691460823450857.jpg


二、大小错位

对标题文字字号进行调整,小号字和大号字穿插排列形成大小对比,让标题更具个性。


案例《道士下山》电影海报:

1691461050880072.jpg

此案例首字和末字大小保持不变,缩小中间的“士、下”两字,最后用英文来填补缺口:

1691461111260965.jpg

案例《天龙八部音乐盛典》海报:

1691461149347306.jpg

此案例“歌”和“酒”字保持不变,调整的是首尾两字,最后还是在缺口的地方加入小元素装饰,丰富细节。

1691461197877737.jpg

刚开始练习可以固定其中部分字体的大小,小号字和大号字穿插排列,小号字偏移的位置尽量控制在大字号范围内,保持文字组合的整体性。

更多大小错位版式:

1691461236375027.jpg


三、几何错位

文字按照一定的几何形状进行排版,使排版更有章法可循。


案例《黄飞鸿》电影海报当文字组合为3个字,最合适使用三角形排版法。

1691461332942455.jpg

首字和末字位置不变中间“飞”向右移动,按三角形形状排列:

1691461386500542.jpg

如朴树演唱会海报标题也是应用了三角形排版:

1691461431823139.jpg

当文字组合为4个字,最常用的是矩形排版法还可以加入线框使得排版更整体:

1691461518946178.jpg

加入线框后多文字组合也可以轻松应对:

1691461571495144.jpg

还可以按其他几何形状进行排版,如圆形排版、梯形排版等:

1691461624861095.jpg


四、笔画错位

把笔画拆分开,移动位置,进行错位排版可以表现出强烈的艺术性。


如:“为悦已者容”本来是很常规的排版但经过笔画拆分并移动位置后,瞬间变得很有设计感。

1691461709306199.jpg1691461722954595.jpg

其他笔画错位案例:

1691461768291243.jpg


五、自由错位

完全脱离对齐参考线,进行创造性编排。


这种方式多使用于书法体标题,因为毛笔字在书写时,本身就强调“错落有致”这样才最接近书写的自然状态。此方法不推荐新手使用,因为需要具备一定的书法功底和对文字结构有很深的理解,才能编排出具有错落美感的标题。

1691461848155102.jpg


六、END

使用错位排版可以打破沉闷的对齐排版,营造文字编排的节奏感,增加标题设计的创意性、设计感和美感。错位编排的方式还有很多,这里只是简单总结5个常见的排版方式,希望能够帮助大家打开思路,设计出个性的标题排版。


作者公众号:艺海拾贝Design(ID:YHSBds)
1691462454844178.jpg

本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本内容为作者独立观点,不代表数英立场。
本文禁止转载,侵权必究。
本文系数英原创,未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。

    参与评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    参与评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    全部评论(1条)