全国旗舰校区

不同学习城市 同样授课品质

北京

深圳

上海

广州

郑州

大连

武汉

成都

西安

杭州

青岛

重庆

长沙

哈尔滨

南京

太原

沈阳

合肥

贵阳

济南

下一个校区
就在你家门口
+
当前位置:首页  >  技术干货

掌握文字排版技巧让画面更有层次

发布时间:2022-10-10 11:36:35
发布人:wjy

  今天我给大家分享一些做设计中最常用的排版技巧。首先讲最简单、最基础的文字排版,我们常用的文字排版技巧简单的可分3类,左对齐、居中对齐、右对齐。

  简单的来说:不管文字大小、粗细、长短等如何、每一行的最外面或最里面的文字,都要统一对齐到一个方向。都向左对齐或向右对齐。居中对齐是两边都靠近中间对齐。

掌握文字排版技巧让画面更有层次164

  注意:我们一个设计作品不能有的左对齐,有的右对齐。这样会很乱,乱中有序,不是真的乱,如下图所看的一组案例:

掌握文字排版技巧让画面更有层次220

  没有对齐

  上图是文字没有对齐的。我们看下面面图片是对齐过的,文字朝一个方向对齐,画面会更加整齐。但是画面还是没有层次感。

掌握文字排版技巧让画面更有层次284

  那么怎样让画面更有层次呢?我们可以用对比的方法排版。对比方法有:大小对比、虚实对比、方向对比、行数对比等等。

掌握文字排版技巧让画面更有层次341

  其实对比还有很多,比如远近对比。海报文案最好分主标题和副标题,副标题的文字大小是主标题文字大小的2分之一大小或小于2分之一大小。比如主标题文字64,副标题文字就是32,如下图。

掌握文字排版技巧让画面更有层次432

  这样看着更加有层次感,但层次感还是不够丰富,整体不够透气,我们可以用远近对比。

  文字的行间距怎么掌握:标题最大的行间距,是其它标题行间距的2倍或更多。

掌握文字排版技巧让画面更有层次510

掌握文字排版技巧让画面更有层次512

  调完远近对比的图

  这样层次感更加丰富,也更有透气感。如果觉得层次还是不够丰富,我们可以用颜色来对比。如下图。

掌握文字排版技巧让画面更有层次569

  是不是觉得明明用了颜色对比,但效果不明显,颜色也不和谐?这是因为我们用颜色对比时,尽量要选择和背景、文字区别大的颜色,但要和谐。如下图。

掌握文字排版技巧让画面更有层次640

  这样的效果才是最好的。我们还可以弄文字的粗细对比,把黄色的字加粗,这样层次就更加丰富了。今天的干货分享就到这里,我们总结一下。

掌握文字排版技巧让画面更有层次706

  排版时,大概分5步:

  1. 先选择对齐。

  2. 大小对比

  (找出主标题副标题。副标题的文字大小是主标题文字大小的2分之一。)

  3. 远近对比

  (文字拉开距离。文字最大的行间距,是其它文字行间距的2倍或更多。)

  4. 颜色对比

  (用颜色区分。)

  5. 文字粗细对比

  (重要的文字加粗。)

  当然这些都是死的,我们可以灵活运用,但要先对齐,这样更好排版。就像布置房间,先要把房间的东西归位,才能在此基础上再用装饰画、彩灯来装饰房间。

相关文章

flutter和uni-app在应用层面有什么区别?

flutter和uni-app在应用层面有什么区别?

2023-10-14
Flutter和 qt的区别都有什么?

Flutter和 qt的区别都有什么?

2023-10-14
rnn和lstm中batchsize和timestep的区别是什么?

rnn和lstm中batchsize和timestep的区别是什么?

2023-10-14
什么是OA服务器?

什么是OA服务器?

2023-10-14

最新文章

常见网络安全面试题:Windows常用的命令有哪些?

常见网络安全面试题:Windows常用的命令有哪些?

2023-10-09
常见网络安全面试题:根据设备告警如何展开排查?

常见网络安全面试题:根据设备告警如何展开排查?

2023-10-09
常见网络安全面试题:mysql加固呢?(数据库加固)

常见网络安全面试题:mysql加固呢?(数据库加固)

2023-10-09
常见网络安全面试题:windows和linux加固?(操作系统加固)

常见网络安全面试题:windows和linux加固?(操作系统加固)

2023-10-09
在线咨询 免费试学 教程领取