html5 banner 置顶,5个banner标题文字排版技巧，简单又实用

5个banner标题文字排版技巧，简单又实用

4月 14, 2019

发表于: 视觉设计.

评论

Sponsor

标题文字排版对于很多新手来说是个小难题，一直不知道怎样才能做出更多的变化。于是今天简单给大家总结了几个实用的技巧，通过一些优秀作品来结合分析，一起学习标题怎么排、怎么设计才能让我们的标题更突出、更漂亮。

在进行文字排版之前，首先要理解文字的内容。我见过很多设计师只注重版式美观而不关注文字内容，把文字一拿到手就开始编排，从不考虑文字在说什么。他们认为文字一定要服从于版式需求，反而这是不正确的设计方法。对于一篇文案稿，如果我们不去理解它表述的内容，就很容易本末倒置。

01  横竖编排组合

标题组合的编排一般都会使用基本的编排方式：横编排，竖编排或横竖编排。这是比较容易掌握，也是使用较为广泛的方式，给人一种严谨正规的感觉。而横竖编排都会遵从对齐，如左对齐／右对齐／居中对齐／两端强制对齐。只要做到对齐，基本都能做出好的标题组合。

左对齐编排组合

居中对齐编排组合

两端强制对齐编排组合

02 线框编排组合

如果你觉得单纯的横竖编排过于单调，不妨添加一些线框。在文字中插入线(线框)或其他图形元素，使整个标题变化更丰富。在使用中需要注意线(线框)的粗细和长度，考虑它们与信息间起到什么作用，而并非随意添加。

03 错位编排组合

除了正常的横竖组合编排，简单的错位组合也是不可缺少的编排方式。其具有较强的编排创造性，能表现出文字间的节奏感。

04 方向编排组合

文字的方向编排是指把文字整体或局部排列成倾斜状态，构成非对称的画面形式，使版面具有动感和节奏感，富有强烈的视觉效果。

05 图形穿插编排组合

巧妙地将文字与主图穿插一起，整体达到图文并茂的版面效果。提高画面的趣味性，并能同时传达图文两种信息。而这种做法的难度比较高，很考验设计师的设计功底。

最后，无论你选用哪种方式去编排，文字的排版最终还是要回归到能顺利地传递出去，必须调整好文字的间距和字重比例，考虑整体版面的平衡感和层次感。

作者：周妙妍

微信号：typography_design

推荐：查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com

交流：为设计新人提供的设计交流群，请加入UI设计交流群，分享经验、接单、求职、聊设计。

赞助商链接

赞助商链接

喜欢这篇文章吗？欢迎分享到你的微博、QQ群，并关注我们的微博，谢谢支持。

版权：除非注明，本站文章均为原创文章，转载请联系我们授权，否则禁止转载。

{ 发表评论 }

姓 名 (必填)

邮 件 (必填)

网 站