你是在做设计还是仅仅在堆砌素材

作者:分开不是尽头 | 创建时间: 2023-03-24
你是在做设计还是仅仅在堆砌素材
当有人说你做的设计只是在堆砌素材时,问题出在哪里?
平面设计被定义为: 通过各种手段创造和结合图片、符号、文字、色彩(构成要素) ,借此作出用来传递信息的视觉表现。关于设计的构成要素很好理解,而关于创造与结合这些要素的手段,很多人只是做到了堆砌,以至于做出来的设计很不整体。有人可能会问,什么是整体啊?设计中的整体是指画面中各个元素要结合得很自然,要达到1+1=1的效果。

我们拿砌房子举例,如果只是把砖头、水泥、钢筋、木材堆在一起,那还是一堆杂物,但如果通过建筑工人把它们按照一定的架构建成房子,它们就成为了一个真正的整体,设计师要做的也是这样的事。

那么如何解决设计不够整体的问题呢?葱爷概括了5个增加设计整体性的技巧,不过这5个技巧主要针对的都是图片和图形元素,而非文字。具体如下:

1.使相连元素的轮廓形成互补

当版面中相连元素在轮廓上形成互补时,感觉就像它们之间彼此有作用、互有影响,所以看起来会更自然一些。

例如在下图的作品中,标题部分与左下角、右上角这两个通人物在轮廓上都没有互补关系,这两个卡通人物只是被机械地堆砌在标题周围,融合得比较生硬,所以该画面是不整体的。

调整之后的方案刻意把标题做了错位处理,使左下角和右上角形成两个可以刚好能融合两个卡通元素的缺口,从而使这三个元素结合起来不再突兀。

▲这样的效果就整体多了,这里为了增加画面的空间感,还把标题做了透视处理。

2.统一画面的色彩、风格和字体

统一是设计最基本的原则之一,指同一画面内的色彩、元素风格、字体要统一,比如主色和字体最好都不超过三种,元素的风格只能保持一种(混搭风格除外)。缺乏统一的画面不协调,自然也会显得不整体。

举个例子,在下面这款包装设计中,很明显小孩与其他元素的风格不一样。比如其他元素都没有描黑边,而小孩图形却描了很厚的黑边,牛奶飘带等元素是通过渐变方式来创造体积感,而小孩图形却是用比较硬的明暗色块强化体积感。所以我们可以感觉到小孩与整个画面有点格格不入,也就是不整体的表现。

正确的做法应该是把小孩的风格要与整体的风格统一,如下图:

3.把元素集中摆放

有些人在做设计的时候喜欢把所有空白都填上元素,这么做不仅会造成画面拥挤不透气,还会使得画面很散。如果版面中的元素东一个西一个,像一盘散沙一样,那也会显得很不整体,因为画面的视觉不集中时,各元素之间也就很难关联起来。

下图的海报就是这样,版面的上下左右都有元素,而且很分散。

正确的做法是把各元素集中排列,使各元素紧密相连,当然,个别元素也可以与“大部队”分散开来,创造出鲜明的稀疏对比,如下图。

除了通过移动元素使其集中起来,其实也还有另一个技巧可以达到此效果,即在元素之间增加一个元素把它们贯穿起来。比如在下图中,文字下方的元素就很散。

所以设计师没有这么处理,而是在元素下方增加了一个九宫格色块,于是这些元素就形成了一个整体。

4.创造一个视觉焦点

前面我们刚说了元素要集中摆放,但做到了集中也不一定会整体,画面还需要有一个视觉焦点。

比如在下图的banner中,所有元素都集中在画面中间,但是感觉仍不整体,因为画面缺少主次之分,没有重点的画面就像没有将军的部队,会缺乏凝聚力。

所以在方案二中,人物被拉大了好几倍,装饰的圆圈图形也拉开了大小对比,使得人物部分成为视觉焦点,于是画面的整体性就加强了。

5.强化不同元素之间的过度

元素与元素之间有过度的话,它们的衔接就会更自然一些,也会更像一个整体。

这一点其实主要体现于合成图中,合成就是将原本不是在一起的元素组合在一起,并尽量达到真实、整体的效果,而如果各元素之间没有过度,结合起来就会很假。

那过度在设计中具体指代什么呢?举个例子:下图是一张简单的合成海报,从图中可以看出云朵、天空、海水与背景明显没有融合成一体,下面的海草也没有融入大环境,这都是因为元素与元素的结合处缺乏过度。

所以要提升天空与背景接触地方的亮度,加强海草的明暗对比度,并且在水草下方增加了一层水波,目的都是为了让元素与元素之间的过渡更自然。

结语

我们经常说细节决定成败,但是这个说法成立的前提是你已经把整体做得足够好了,整体既指设计的调性要对、构图要平衡,也指画面中的元素要结合得有张章法,要以一个整体、一栋房子的形象呈现在受众面前。

如果觉得本文对你有帮助,可以给我点个赞,谢谢!

站酷

作者:葱爷

点击展开全文

更多推荐

产品体验日记 | 发现优秀的设计-02期

宣传海报设计的20个技巧

2.5D插画【AI教程】

沟通效率是提升产品用户体验一剂良药

产品设计的预期与现实

最新Dashboard设计实例、技巧和资源集锦,视觉和功能两不误,妥妥的!

设计冲刺:5天搞定2018俄罗斯世界杯主题设计

Push开启率拯救指南

教你从0到1高效整理素材库

精准评论-如何让你的评论FUN起来

一步步教你建立UI设计规范!

传达品牌感的三种方式

实战案例教你黄金分割

从C端到B端,我的产品设计之路

我有故事,讲给谁听 | 内容型产品的内容分发模式探索

一篇【看得懂、记得住】的配色教程

我的天!618各店铺都在秀页面?Show Time

甲方竟敢说你的配色丑! 我来教你怼回去(一)

干货分享!正确使用素材的十种套路(上)

交互设计案例分享之指纹识别(附完整交互文档)

激发灵感的50张精美纸质邀请函设计(二)

9120年设计师不会根据用户场景做设计怎么行!

图文排版入门指南

微商产品小程序-零售商城&代理中心

【免费参加活动】60天插画训练营第二期作品展示

一场成功的谷歌面试该如何应对?

“形式服从功能”原则在UI界面中的体现【升级版】

设计沉思录|58App全新租房首页改版

详情页头图设计有哪些实用技巧?

「译文」减轻用户记忆负担-识别与回忆在人机交互中的应用