设计师如何正确使用密集构成?如何避免杂乱无章?

86 阅读7分钟

在设计中如果需要用到很多元素去表现,其实是一个蛮头疼的事情,对于很多设计师来说,用不好就会使画面杂乱无章,究竟有没有什么方法可以解决呢?

一流设计网今天分享一个技巧,就是密集构成的知识,首先我们先来看看什么是密集构成?密集在构成设计中是一种常用的组织画面的手法,基本形在整个构图中可自由散布,有疏有密。最密或最疏的地方常常成为整个设计的视觉焦点,在图面中造成一种视觉上的张力,像磁场一样具有吸引力,并有节奏感。密集也是一种对比的情况,利用基本形数量排列的多少,产生疏密、虚实、松紧的对比效果。

![](https://upload-images.jianshu.io/upload_images/23542015-bc2187b57a3a88a0.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
![](https://upload-images.jianshu.io/upload_images/23542015-27b1f26b42058b43.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
![](https://upload-images.jianshu.io/upload_images/23542015-b61decc5c9bdb417.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
![](https://upload-images.jianshu.io/upload_images/23542015-c3c6eda468e6b225.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

△ 密集构成应用案例

密集构成中基本形的面积要小,数量要多,以便有密集的效果,基本形的形状可以是相同的或近似的。在大小和方向上也可有些变化。在密集的构成中,重要的是基本形的密集组织,一定要有张力和动感的趋势,不能组织涣散。

如何做好密集构成

基本形不循严谨的骨骼而作自由性的结集,有时趋于点,有时趋于线,或组织成面,这些不同方式的聚合,构成密集。

知道了这些规律,但是实际应用时却不知道怎么找灵感?要素位置的摆放不太清楚如何摆放自然得当?下面为大家分享一些好方法。

1. 从摄影中学习

密集构成在大量摄影作品中得到了很好的应用,是我们提取灵感的源泉。

![](https://upload-images.jianshu.io/upload_images/23542015-aa12e8d6e86e4a9f.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

摄影作品

![](https://upload-images.jianshu.io/upload_images/23542015-02f2b6536ef0d3de.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

摄影作品

比如摄影作品中常出现的许许多多散落的咖啡豆,自然形成的疏密变化。

![](https://upload-images.jianshu.io/upload_images/23542015-cd3b43b9e5bbf77f.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
![](https://upload-images.jianshu.io/upload_images/23542015-3df40aee8d65e81f.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

摄影作品

天空中漂浮的热气球,水面上飞起的鸟儿,个体之间形成的疏密变化,都是非常好的灵感取材地。

2. 从绘画中学习

除了摄影作品,密集构成在绘画作品中得到了很好的应用。

![](https://upload-images.jianshu.io/upload_images/23542015-669a05565d315a66.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
![](https://upload-images.jianshu.io/upload_images/23542015-351b1ca4fa0f5fe5.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

绘画作品

绘画是非常具备视觉美感的艺术形式,想象力天马行空,是我们不可多得的灵感库,不要感觉自己手残,不会作画好像就跟自己无关,艺术在美的本质上是相通的,我们要的是汲取其一部分灵感而已。

3. 从动漫中学习

密集构成在动漫作品中应用的更加广泛,一个特定的场景,一个人物的能力,一个空间的角度都能捕捉到灵感。

![](https://upload-images.jianshu.io/upload_images/23542015-989e10ef8448677f.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

△ 火影忍者-宇智波鼬

![](https://upload-images.jianshu.io/upload_images/23542015-4212895296d0aff0.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

△ 死神-朽木白哉

![](https://upload-images.jianshu.io/upload_images/23542015-6dfd1f1e8141c3f3.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

△ 萤火之森-竹川萤与银

![](https://upload-images.jianshu.io/upload_images/23542015-82677dbd9229946e.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

△ 鬼灭之刃-蝴蝶忍

动漫本身就是一个全新的世界观,有许多我们能够学习借鉴的灵感,比如配色,场景,人物形象,以及本期所说的密集构成,上面几个图都是我比较喜欢的动漫,宇智波鼬的乌鸦分身,朽木白哉的千本樱,萤火之森的烟花,鬼灭之刃蝴蝶忍的蝴蝶,都是很好的借鉴灵感,设计一定要先确定自己的喜爱,每个人喜爱的点都有所不同,所以要去找能够让自己喜爱的点,这一步尤为重要。

4. 灵感捕捉

![](https://upload-images.jianshu.io/upload_images/23542015-c554930c17c20c23.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

比如选用鬼灭之刃的蝴蝶忍这张图,采集其疏密对比的灵感。第一步先确定主图与主标题的位置,主标题选用手写体,并作错位编排,添加上圆作为装饰。

![](https://upload-images.jianshu.io/upload_images/23542015-93e435a5a9c5d948.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

将主图与主标题进行对角线分布,形成对角构图,画面更加灵动有趣,其他内文信息沿着猫的轮廓排布,如樱花般自由随性。

![](https://upload-images.jianshu.io/upload_images/23542015-f65284091424a040.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

△ 样机效果图

最后一步氛围的营造,用蝴蝶忍的图作为灵感,置换成樱花,把大致的位置都确定下来,局部的细节要根据信息的位置做适当的调整,我们发现,靠着主体的位置更加密,其他位置更加疏,这本身就是一个视觉的引导,所以要控制好疏密的位置。

优秀案例解析

![](https://upload-images.jianshu.io/upload_images/23542015-0fb13d04a2ecd3a3.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

这张海报人物是画面的视觉主体,在画面中占据了最大的比例,形式上也最丰富,身体是由枫叶构成,而且采用了疏密对比的手法,非常考究,靠近人的枫叶紧凑,远离人的枫叶则变得疏散,视觉引导非常好。

![](https://upload-images.jianshu.io/upload_images/23542015-c4abbda61ad132ed.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

而这张美食海报也是同样的方式,画面采用了中心构图,其他要素沿着主体以点的形态分布画面四周,色调用了暖色调,食欲性更好,画面中的分散的食物则也是以疏密的方式分布,靠近主体的密,反之则疏。

![](https://upload-images.jianshu.io/upload_images/23542015-509c4fd89d20ac43.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

这张海报主视觉特别强烈,非常具有视觉张力,画面中主标题也是由鸟的形态巧妙组合而成,靠近主标题的地方鸟群紧密,远离主标题的则比较疏散,营造了很棒的视觉空间,加深了观者的视觉印象,形成了清晰的视觉记忆点,焦点很明确。

实际案例演示

1. 海报方案

这次文案是关于音乐伞的一首现代诗,主图选用了一个轻盈飞舞的油纸伞,图片本身唯美雅致,韵律感比较好。

![](https://upload-images.jianshu.io/upload_images/23542015-f03b0ab519018cbe.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
![](https://upload-images.jianshu.io/upload_images/23542015-32346c2395f4127d.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

将油纸伞复制三把,位置上相互叠压,并通过大小对比拉开层次感,接着再复制三把伞,整体缩小,与现有伞拉开一定的距离,空间纵深感更好,将伞之间的距离逐个做调整,形成更好的疏密对比,节奏感更棒。

![](https://upload-images.jianshu.io/upload_images/23542015-8623326645d7d872.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

考虑到主题偏文艺,雅致的气质,将文字信息纵向编排,调整信息组之间的空间对比,并注意视觉灭点的位置。添加上祥云元素,丰富细节。

![](https://upload-images.jianshu.io/upload_images/23542015-1de5d37dbb4493fc.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

将主图统一处理成朱红色,背景用深蓝色,红色的炽烈,蓝色的沉稳,形成强烈的视觉碰撞,氛围感十足。

![](https://upload-images.jianshu.io/upload_images/23542015-e142d402228850a4.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

△ 样机效果图

最后做个样机效果图,看看更加真实的效果。在实际工作中效果图的制作也很重要,这样会更方便客户确定稿件。

2. 画册方案

设计画册的展开页时要注意订口的位置,不要放置关键性的文字信息或者图片信息,比如文字信息的段落文字,图片人物的面部位置等。

![](https://upload-images.jianshu.io/upload_images/23542015-0c937695d6abfe6d.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

首先绘制网格系统,在这里使用的是四栏网格系统,根据信息的重要性占据不同数量的栏数,如果信息特别多,而且想做的更灵动的话,那么可以分出更多的栏,具体根据需要去定,不要死记硬背。

![](https://upload-images.jianshu.io/upload_images/23542015-214ba1c9a78bf5bf.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

画册样机图

![](https://upload-images.jianshu.io/upload_images/23542015-911fa889d5da052f.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

画册样机图

最后做个样机效果图,看看更加真实的效果。在实际工作中效果图的制作也很重要,这样会更方便客户确定稿件。

结语

更多关于设计请上一流设计网,版式骨骼才是一个画面最为核心的要素,如果单纯为了学某一个技法而去刻意为之,那么就会抛离设计本身的意义,画面也只会堆叠一些技法而已,所以设计需要不断思考,才能不断前行。