【优设视觉设计实战营 - 第 24 期】火热招生中！03 月 15 日开课 报名戳>>>

教程作者：艺海拾贝Design（授权转载）

交作业：微博搜索话题 #优设每日作业# 进入超话页即可发布作业打卡

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

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

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

#01 位置错位

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

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

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

#02 大小错位

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

#03 几何错位

#04 笔画错位

#05 自由错位

实战演示

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

欢迎关注作者的微信公众号：「艺海拾贝Design」

想要来「优优自学团」和500位小伙伴一起交流学习进步吗？ 添加管理员微信：uisdc5 备注「优优自学团」（无备注不通过哦）

学完这篇教程的人还在学…

本期教程教你使用版式设计四大原则之“亲密性”原则，解决画面太散的问题。

关于教程 图形在版面构成中，占有很大的比重，也有这样一说：一幅图片胜于千字。但这并非文字表现力减弱了，而是因为图片能使本来平淡的信息变成强而有力的视觉画面。 图形能有效地利用的视觉效果吸引读者的注意力，猎取读者的好奇心，使读者被图形吸引，进而将视线引至文字。

非特殊说明，本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译，原作品版权归属原作者，转载请联系 @优优教程网 授权。

转载时请在文首注明，来源 UiiiUiii.com 及教程作者，并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。