千锋教育-做有情怀、有良心、有品质的职业教育机构

手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

【热点话题】 零基础学IT IT学习教程 IT学习笔记 IT技术干货 IT培训机构 IT应聘面试 IT职场就业 Java培训机构哪些好
当前位置:首页  >  关于学院  >  技术干货  > 掌握文字排版技巧让画面更有层次

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

来源:千锋教育
发布人:wjy
时间: 2022-10-10 11:36:35 1665372995

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

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

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

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

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

  没有对齐

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

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

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

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

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

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

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

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

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

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

  调完远近对比的图

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

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

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

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

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

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

  排版时,大概分5步:

  1. 先选择对齐。

  2. 大小对比

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

  3. 远近对比

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

  4. 颜色对比

  (用颜色区分。)

  5. 文字粗细对比

  (重要的文字加粗。)

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

声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。

10年以上业内强师集结,手把手带你蜕变精英

请您保持通讯畅通,专属学习老师24小时内将与您1V1沟通

免费领取

今日已有369人领取成功

刘同学 138****2860 刚刚成功领取
王同学 131****2015 刚刚成功领取
张同学 133****4652 刚刚成功领取
李同学 135****8607 刚刚成功领取
杨同学 132****5667 刚刚成功领取
岳同学 134****6652 刚刚成功领取
梁同学 157****2950 刚刚成功领取
刘同学 189****1015 刚刚成功领取
张同学 155****4678 刚刚成功领取
邹同学 139****2907 刚刚成功领取
董同学 138****2867 刚刚成功领取
周同学 136****3602 刚刚成功领取

猜你喜欢LIKE

最新文章NEW

相关推荐HOT

更多>>

快速通道 更多>>

开班信息
北京校区
  • 北京校区
  • 大连校区
  • 广州校区
  • 成都校区
  • 杭州校区
  • 长沙校区
  • 合肥校区
  • 南京校区
  • 上海校区
  • 深圳校区
  • 武汉校区
  • 郑州校区
  • 西安校区
  • 青岛校区
  • 重庆校区
  • 太原校区
  • 沈阳校区