用2个设计案例，让你的排版更上一层楼 ！
· 2026-09-04 16:25:11
今天就来分享给大家 ，排版看看我们是更上怎么把排版做好的 ，又有哪些需要注意的层楼细节 。
第一张 ：
是设计我们瑰花同学的：
做的排版其实还不错 ，那还能不能更好呢？更上
那当然是可以的 ，我们先来看下修改后的层楼效果：
是案例不是精致高级了很多？
我们来一起走下修改流程解说一下知识点 ！
先把文字去掉 ：
画面比较空 ，层楼只有背景和企鹅 。这种就算做排版做再好也会显得很单一 。
我们要在企鹅和背景之间增加一个层次。企鹅的主体应该是在乘地铁 ，那我们就可以在背景上画几个窗户 ，简单地营造出地铁的环境 ：
把企鹅放上去 ：
就可以看到我们的画面多了一个层次 ，丰富了起来。
接着就是排版，同学的排版分为上下两个部分：
但是都不够好 ，这是为什么呢 。
我们来对一下修改后的 ：
其实这里主要是由两个深层原因导致的 。
1. 间距：
原图的主标题字体选的比较纤细 ，字体与字体之间间隔也很大。 整个给人 感觉就是很空洞 ，漏风的感觉。
所以我再修改的时候可以选择一些比较饱满的字体。
它的间距比较小 ，整个就会给人更饱满的感觉 ：
2. 视觉重心 ：
原图由于上面的字体间距比较大，对比下面黑色的副标题来说就会感觉很轻 。
因此视觉注意力就跑到副标题上面去了，这样就不对了 。
因此我们调整标题字的时候，还要注意主标题和副标题的视觉平衡 ，不能“喧宾夺主” ：
接着来看下半部分：
原图给人的感觉就是不知道该看哪里 ，有一种混乱的感觉 。
而修改后的就会比较清晰明了 ：
这里有一个知识点 ，那就是信息的分组 。
每一个组之间要有明显的距离，不能紧靠在一起 ，会影响到阅读的体验：
这里我们分为两组，一组靠左 ，一组靠右 。
中间留出足够的距离 ，就会产生分组的效果了，才能更方便阅读：
排版做好了，接着要调整的是颜色呼应的关系。
现在我们的排版是做好了 ，但是没有颜色 ：
颜色呼应 ，简而言之就是把主体的颜色扩散到全图。
这里的主体就是我么你的企鹅 ：
它的颜色其实也就 ：白色、黑色、黄色，绿色为刻意的点缀色我们刻意忽略 。
黑色我们已经有了 。 那只需要把白色和黄色扩散出去就好了 ！
第一步加白色，我们可以挑一些局部的字体变成白色 ：
第二步：再白色里再挑出一两个字变成黄色 ：
我们这个大感觉是不是就已经很不错了。 你以为完了吗 ？
并没有 ！我们还可以加入一些点缀元素，以让我们画面增加一些趣味性 。
比如「早安」我们可以加一个荷包蛋在这里会更生动一些：
还可以再字体之间加入一些线条或者箭头 ：
这样是不是就有趣多了 。最后我们来看下整体画面 ：
这个案例学到了吗 ？
没学够的话 ，我们再来看一个案列 ，这是泽灵同学修改前后的对比：
1. 划分画面要讲究比列
这个画面采用了划分画面的方法 ，通过撕纸的效果把画面分割成了上中下三部分 ：
想法挺好的 ，但是要注意比列 。因为中间的区域过大 。导致主体放在这里显得有些空旷 。
我们需要适当把这个区域缩小 ，两边留白增多 ：
这样我们的主体在放在这里的时候画面就饱满多了，以方便我们后续排版 。
2. 颜色呼应
原图还不够好的一点就是画面和主体缺乏颜色呼应 。
让我们的主体在画面当中显得有些独立 。
主体由白色 ，灰蓝色 ，粉色组成 ，我们可以把两侧的浅蓝色更改为主体的白色 ，从而让画面的上半部分和下半部分都和主体有相同的颜色 ：
把字体排在两端 ，采用主体的黑色 ：
还缺一些粉色对吧 。我们可以采用和主体相关的元素 ，比如粉色音符，点缀在画面中 ，从而产生完整的颜色呼应 ：
元素清晰：
原图在这里加了一个播放按钮的图形创意 ，但是由于背景太花哨 ，导致这个图形有些糊在背景里，不够清晰 ，模模糊糊的 ：
我们做这些的时候可以明确一些，1 是 1 ，2 是 2 ，不要一堆东西混在一起看不清 ！
那我们可以把这块播放组件提取出来 ，做突出显示 ，还能让画面多一个层次 ：
这感觉是不是好多了呢？
最后我们可以再增加一些纹理的小细节，整个画面就完成了！
是不是干净清爽 、清晰明了很多？
整体回顾下今天给大家分享的案列 ：
不知道同学们发现没有 ？
虽然案列不同，但是我们修改的知识逻辑点都是一样的！
只要理解了底层的设计逻辑 ，任何风格都可以作出好作品 。
作者 ：菜心
文章推荐：
【趣盈利】大年夜大年夜师可做 ，快抖系正轨赛道 ，可以批量矩阵 ！
〖哇区〗 新解景区弄法 ，全新编制,群集全数碎片方可解锁一个除夜景区 ，嘉奖直接拉满 ！
光遇2021年9月6日每日义务若何完成?光遇9月6日每日义务攻略
切开的莲藕放置一段时分后随便变色 ，是坏了吗 ？蚂蚁庄园切开的莲藕