设计总是容易乱?这些做法中招了没~-哇拍

写在前面

今天这个话题真的是一个非常经典的一个问题,很多设计师都会存在这样的情况,元素不加总被客户说觉得太空,但是加了吧又被说成太乱,这会设计师往往是懵掉的状态。今天我会用一篇文章来跟大家探讨这个问题,阅后基本可以具有自查修改的能力。闲话不多说我们开始今天的内容。

在讨论为什么设计会出现太乱的情况之前,我们要先清楚一点,什么是乱?下面我们首先来讨论乱的定义。

设计总是容易乱?这些做法中招了没~-哇拍

所谓的乱就是,出现了以下几个问题。第一视觉引导混乱,该看的看不到不该看的一直往前窜。第二风格不统一,给人视觉不适感。第三元素配比存在问题,例如点过多或者线过多会明显的从而干扰主视觉的显眼程度。

设计总是容易乱?这些做法中招了没~-哇拍

这么说可能大家还是不知道怎么回事,我会找一些图片来给大家举例说明。

设计总是容易乱?这些做法中招了没~-哇拍

一眼能看出来视觉层级的往往引导就不会出现大问题,这部分问题主要是设计师前期的阶段会出现的。

设计总是容易乱?这些做法中招了没~-哇拍

例如这份设计,虽然没有特别特别的乱,但是引导已经很零碎了,大家都可以看出它的主体其实是这个凉皮,但是标题得到了过多的强调。那正确的做法是什么呢?
首先让主体自己突出出来,去掉后面不必要的笔触部分,做简单的抠图就可以。第二让标题别那么强调,只作为一个图片的辅助说明就可以,最起码不需要弄得这么红,并且减少里零碎的装饰,简简单单大大方方的就可以。

设计总是容易乱?这些做法中招了没~-哇拍

来看一组比较好的视觉引导设计,可以看见他们的层级十分清晰,不管是艺术展会的还是常规的商业设计,不要让视觉反复游离都是必要的条件。

设计总是容易乱?这些做法中招了没~-哇拍设计总是容易乱?这些做法中招了没~-哇拍设计总是容易乱?这些做法中招了没~-哇拍

设计总是容易乱?这些做法中招了没~-哇拍

这里引用一下我们之前做的那篇改稿。

设计总是容易乱?这些做法中招了没~-哇拍

可以看到原稿出现了很多风格的素材,其中包括C4D,插画,伪三维等。那么改稿主要就是围绕着风格统一进行的。下面给大家看一下改稿后的效果。

设计总是容易乱?这些做法中招了没~-哇拍设计总是容易乱?这些做法中招了没~-哇拍

视觉特征多会造成乱的视觉印象,一般来说一个图有一个贯穿始终的视觉风格就完全足够了,当然也有能穿插在一起使用还非常好的风格组合,例如实物图和插画的组合就非常棒,关键要看风格之间是对冲干扰还是互补加强。

下面看一组视觉风格高度一致的设计,我个人非常喜欢大家也可以留作参考。

设计总是容易乱?这些做法中招了没~-哇拍

这个图特别能说明问题,乱不乱跟元素的多少无关,可以看到下面这个图整体是比较满的,但是并不显得凌乱就是因为其风格足够的统一一致,给人一种和谐但又饱满的视觉印象。

设计总是容易乱?这些做法中招了没~-哇拍设计总是容易乱?这些做法中招了没~-哇拍设计总是容易乱?这些做法中招了没~-哇拍设计总是容易乱?这些做法中招了没~-哇拍

设计总是容易乱?这些做法中招了没~-哇拍

说是点线面的配比问题,其实问题大部分还都是出现在线和点上面,有的小伙伴控制不好一不注意就加多了。

设计总是容易乱?这些做法中招了没~-哇拍

就像这个图一样,明显可以看出点线元素略多,其他位置都比较聚集,只有左侧这个区域显得比较碎,成为了画面最主要的问题,当然下面的信息编排这个同学后续也进行了调整,以规整为主就可以了。

设计总是容易乱?这些做法中招了没~-哇拍

我们在使用点线元素的时候一定要谨慎,时刻清楚什么样的区域对应什么样的元素,例如大块的面区域就不能用很多个细碎的点来填充(除非点的密集程度构成点化面,这部分后续会出文章讨论)这样不足以占据空间解决问题。

设计总是容易乱?这些做法中招了没~-哇拍

最后给大家看一组点线面比较协调的设计,这里我会详细的说说优秀案例的点线使用逻辑。

首先是这份设计,可以看到他使用了大量的线元素去串联主体。虽然画面的元素也不少,但是并不会显得凌乱。因为他明确的知道我加这些线是为了什么,是针对谁加的。显然这里就是为了强化串联主体,有着明确的功能性

设计总是容易乱?这些做法中招了没~-哇拍

即使再复杂的技法,也要有一个明确的主体支撑。比如这位设计可以看到标题的识别性是完全没有问题的。哪怕背景上存在很多的图片色块甚至是图形都没有影响到它,该承载信息的地方,就一定要让他清清楚楚,明明白白的。

设计总是容易乱?这些做法中招了没~-哇拍

这份设计最好的地方就在于他明确的使用点,线为氛围元素。根本不参与对信息的强化而是反而转头对背景进行了修饰。这点非常值得我们学习,这样既做起来了氛围,又满足了对空间填充的需求。

但这个时候一定会有同学有这样的疑惑,老师你刚才不是说过不要用点线去填充空间吗?这就涉及到我们另一个知识点,我们可以试想一下,把这些装饰的元素拿下去,画面是否依旧平衡?可以想象一下拿掉点线元素画面是否依旧平衡?显然是可以的。

它的重心就是在中间这一条线上,包括下面的信息也在这条线上,所以如果画面本身不依赖这些点线填补空间,那他就可以用来填补空间。

设计总是容易乱?这些做法中招了没~-哇拍

最后我还要给大家补一部分知识,就是关于复杂和简单的关系。如果你的主体复杂,那你的背景就要相对简单。如果你的背景复杂,那么你的主体就要相对简单。

复杂加复杂就会造成乱,大家可以用这个理论去向前反推看能不能验证这里这段话。也可以找我交流。大家平时一定要多带着观察的眼光去看设计,反复验证自己学到的东西是否可靠。