先来张图感受一下:

大家都是人类,为何体型差距那么。。。
大家都是同龄人,为何长相。。。
好了好了~ 今天要讲的是设计!!不讲明星八卦!

之前,我们讲完了对齐的重要性《对齐后,你的稿子通过了!》
那么,这期我们接着讲版式设计基础原理中的对比。

简单来说,对比就是:
通过放大两个元素之间的差异,来达到制造视觉冲突的效果。
再来一张形象点的示意图。
对比是视觉设计中最常用的设计手法之一,它可以起到的作用有:

第一,强烈的对比可以形成视觉落差,从而有更强的视觉冲击力。
第二,对比可以让人快速的分清谁是页面中的主角,谁是配角,这个过程就建立了信息层次。
没有对比,画面就会平淡无奇,抓不住用户眼球。
来,跟我一起念:无对比,不设计。
那具体有哪些东西可以用来对比呢?
理论上来讲,元素的一切可改变特征都是可以拿来对比的,比如说:大小、高低,形状、颜色、纹理、位置、方向,软硬,甚至表情、性格等等。
电影《变脸》和《搏击俱乐部》的海报都是通过双男主的表情对比,来暗示人物身份和剧情走向的。
在实际的工作中,我们一般采用视觉上比较容易感知到的一些属性来对比,比如说大小、颜色等,下面我们列举几种常用的对比方式,分析它们在设计中的应用。
大小对比很简单,就是把重点信息提炼出来,放大展示。这样用户可以第一时间聚焦到重点信息。
来看个简单案例:
更多应用案例:
左图:比较常规的大小对比,很好的构建了视觉秩序。
右图:用的是放大局部,缩小整体的对比方式,通过夸张的比例营造出神秘的氛围。
颜色对比也是最常用的对比方式之一,颜色对比的应用方式会更复杂一些。有色相对比、明度对比、冷暖对比等等,总之,就是颜色的所有属性也都可以拿来对比。
还是这个简单案例:
有了颜色对比之后,画面重点进一步被突出。
更多应用案例:
左图:《天使爱美丽》的海报利用了红绿的色相对比,很好的衬托出主角的古灵精怪特质。
右图:用了明度对比,通过两种不同肤色的手指模拟出钢琴的黑白键。
左图:自古红蓝出CP,红蓝的冷暖对比是最经典的颜色对比方案。
右图:红黑配是经典的有彩色和无彩色的对比。
虚实对比能够形成很强的空间感与速度感。
注意,不是这个虚!
再优化简单案例:
添加一个虚化的 5 作为背景,再打点环境光之后,整个画面就由平面变成有景深的立体空间了。
更多应用案例:
通过虚化的前景和背景飘浮物,使得整个画面充满动感。
虚实结合的小球,形成了远近感,很好的体现了空间景深。
还是空间感和速度感。
这里我不得不严肃地说一下,闪电侠能跑赢光速那么牛逼,为什么在超人面前变成战五渣???我不服!
好了,回到教程来!
古人说:疏可跑马,密不透风。讲的就是疏密对比可以营造出很好的节奏变化。
案例:
很常规的排版,能做到将信息点清晰的传达。
文字加入疏密变化之后,视觉上就有了节奏变化,画面更有设计感。
更多应用案例:
将大段的文字密集排版,可以让文字形成块,视觉上更紧凑,也更利于留白。剩下来的大面积可以用来展示画面主题,通过这样的疏密变化不但可以形成好的阅读节奏,也能更强化主题。
在实际的设计中,用来对比的元素会更多,但是限于篇幅,就只写到这里。接下来我通过实操案例具体演示对比在设计中的应用。
在实操案例中我把前面的简单案例丰富化,做成一个完整的海报。
-----------
案例一
庞门正道聚会海报,突出聚会城市
-----------
1、找到一张能够代表西安特色的照片——鼓楼
2、添加黑夜蓝作为背景,与鼓楼的黄色形成对比
3、将文案大致排上去,由于鼓楼的主体在右下角,因此我们把文案的主体部分放到左上角,形成视觉上的平衡。
4、把文字按两端对齐的方式排好,注意其中的细节处理,比如说文字的横竖、大小等,添加线条把文案归类整理。
5、最后添加一些小字,这样就完成了海报的设计,我们来看海报中运用了哪些对比方式:
来看看最终效果:
-----------
案例二
庞门正道聚会海报,突出嘉宾人物
-----------
在案例一中,我采用了非常工整的排版方式,案例二就来尝试一下非常规的排版方式。
1、首先当然是要找到一张帅的照片。
2、这张照片对比度略有不足,但是轮廓不错,于是我试着用渐变映射将它处理成黑白的,并且加大对比,这样就把人物的轮廓凸显出来,同时黑白的颗粒感也得到强化。
处理过程:
3、将光斑以及其它不完美的细节处理好。
4、添加标题文字。
5、将标题改为更有视觉冲击力的书法字体,并且调成高亮的黄色,与黑色背景形成极强的明度对比。
6、试着将文字打散,与人物轮廓结合,同时还可以留出空间来放其它的文案。
7、打上主要的文案,见缝插针的将文案安放到画面中。
8、经过尝试,整体右对齐的方式效果不错。
9、最后添加一些辅助文案,使得画面更平衡以及富有节奏感。这样海报基本就完成了,我们来看看用到的对比方式:
看看最终效果:
好了,
学到干货的同学请大方地点击一下喜欢作者!!:)
这样下一期干货来得更快!
(在公众号回复:色彩教程,排版教程,有惊喜)
(更多干货教程,回复:色彩教程)
-------------------------
往期精华文章导读:

为了赢台iPhone,我电脑都烧了!
老板,你的稿子改好了~
设计圈一个80后男人的自白。
-END-
越努力,越幸运。
这里是庞门正道。
继续阅读
阅读原文