鱼先生的第23篇设计教程

距离小目标还有77篇

hi，我是鱼先生，不止会设计的90后解忧大叔。

设计画面平淡无味，是大多数设计师都会遇见的难点之一，那么今天跟着鱼先生一起来学习几个比较实用的版式技巧，希望可以给你带来一些提升。

方法的目的就是通过增加画面的维度，从而增加空间感，提高视觉的层次感。

OK，开始吧！

形式01 图形类

通过处理元素的前后关系，或者元素相互穿插的关系，从而增加画面的视觉层次感。

特别是打破大家常有的意识形态的时候，效果会更好，比如上图案例中的相框，一般来讲相片不会出现在相框外，那么作为设计师，我们刻意把相框内的人物或元素进行破局处理，这个时候就等于让画面增加了一个视觉维度，原本平淡的画面就会显得更具备层次感。

我们继续看一些其他的案例视觉，加深理解：

形式02 文字类

在以文字为主题的视觉画面中进行前后穿插，或借助某些元素进行前后关系的建立，让画面从一维到多维的变化，从而提高画面视觉效果。

形式03：虚实结合

虚实结合就比较容易理解，利用前实后虚或前虚后实的方式，让画面产生前后延伸的空间感，就像在摄影里面的景深一样，从而刻意塑造出虚实有度的空间层次感。

形式04：制造空间

利用文字的透视感，或者某些元素的透视感增加画面的空间感。

比如下面前两张案例，左边绿色这张就是利用文字的透视，让整个画面的空间感立马就出来了，再看右边案例中，利用圆环元素从远至近的塑造透视关系，也起到了视觉引导的作用，同时也是他们要走向的方向，其他文字则与圆环元素进行相互结合，也增加了画面的契合度。

形式05：烘托气氛

利用光束的点缀烘托，直接的作用就是聚焦主体，产生强调的作用。

在前面的文章中我也有讲过一种烘托方式就是色彩烘托，大面积色彩烘托的方法也是经常用到的烘托方式之一。

鱼先生说：平面设计是在一个平面上玩出各种花样的视觉艺术，以上的方法其实都是为了让画面在一维视觉上增加维度，从而塑造更好地视觉效果。

OK，理论看完了，我们在实战案例中加深理解一下。

案例01

① 我们来做一张画展海报，首先我们先选择了一张图片素材，放置在画面中。

② 把图片嵌入椭圆形内。

③ 把所需要的文案进行排版。

这个时候我们发现，当图片素材完全嵌入椭圆内的时候，整个画面视觉总感觉缺少了一点活跃的效果，发现问题，那我们继续优化。

④ 我们就把人物模特的一部分进行处理，造成破局的效果。

如下图画面所示：

⑤ 最后我们再次放上文案，得到以下案例：

这个时候我们仅仅只是调整了头巾的部分，因为头巾露出来之后，形成了圈里圈外的视觉层次感，增加了画面的活跃性。

最后我们看一下对比图：

案例02

我们再来实践一张画册的案例。

常规情况下，设计师都会直接利用图片素材进行板块设计，如下图案例所示：

猛一看好像没有什么毛病，版面简洁，但我们仔细去观察的时候，就会感觉画面规规矩矩，缺少一些设计感。

没关系，跟着鱼先生继续来尝试调整，这一次我们把汽车进行抠图处理，然后左右两页的颜色进行分别填充，汽车跨越两个颜色之后，看上去就产生了跳跃的视觉性，前后和左右的维度都产生了变化，画面看起来就比原来饱满多了。

做到这一步对于大多数设计师来讲已经可以结束了，但是这里呢，我们可以再深入一个层次，因为我们可以明显看出来上面的案例画面还是有些太过于空洞。

这个时候我们可以把主体汽车这部分再进行优化，我们加入英文装饰，让整个画面再进行一个层次的加深。

完成后如下图所示：

这里如果想要继续优化细节，我们同样可以在汽车后面的文字上面下功夫，这里我利用模糊工具把文字局部进行模糊处理，形成了虚实结合的方式，让整个画面看上去更加的饱满。

完成后，我们一起看下对比图：

写在最后：

在以上的两个案例中，仅仅通过添加一个维度的技巧，就让画面的视觉完全变得不一样了，是不是既简单又实用的方式呢？

设计不是一蹴而就，再小的技巧如果使用得当，都可以起到增加画面效果的作用，大家可以尝试起来了。

OK，今天的文章到这里结束了，大家加油！下期见！

跟着鱼先生系统学习平面设计▼