查看原文
其他

你会不会留白啊,小老弟?

庞少棠 庞门正道 2020-08-24
来自专辑
阿门排版设计教程

你这画面空那么多留着跳广场舞吗?”老板指着我的设计图问道!

这种经历大家都有吧?

不过那是从前的事(小地方可能还是这样)。


而这几年随着极简风的流行,让大家都知道了好的设计应该要适当留白,但这也同时让很多新手走入了误区,以为设计必须大量留白。


留白实际上是一个挺难掌握的高级技能,对于很多新手来说,掌握得不好,留白就变成了空白!


画面空,很显然是由于画面元素太少,或者比例不对所造成的。空白过多会让画面显得很单薄,没有视觉冲击力,缺乏设计感。


所以,强行把空白解释成留白是不对的。



好了,分清了留白与空白的关系之后,我们就来看看有哪些方法可以解决画面太空的问题。




新手设计师们在做设计的时候,都是按部就班的把文案、主图、背景拼在一起,然后就duang的一下,完工了!


最后的成品就像这样:



看起来好像没啥大问题?

颜色协调,主体突出。


唯一的问题就是。有点空。


如果再深入的思考一下,这个画面除了有点空之外,更重要的是,元素之间并没有形成很好的呼应关系,它们只是被生硬的拼凑在一起。

元素之间的孤立,会让画面形不成整体感,最后造成的结果就是画面显得很空洞。


那要怎么解决这个问题呢?


我们都知道画面主要由三类设计元素构成:文案、主图、背景。

如图所示:


既然这样,那我们就从这三大要素入手,一一分析下有哪些方法可以使得画面显得更饱满、丰富。



大家看我的表演!




文案是所有设计元素中,使用起来最灵活的元素。因此,文案的处理对排版的基本功要求很高。


如果画面太空,我们通过下面三种方式来处理文案,使得它可以更好的填充画面。


这三种方式分别是:


大字

小字

背景字


分别通过具体案例来说明一下。


大字:

在画面中使用大字,不但能很好的填充满画面,同时也可以有效的加强画面的视觉冲击力。


比如说下面这张图,中规中矩的排版,画面略显空洞:



我们提取跟产品特性最相关的重点文案,用大字号将它凸显出来,运动的氛围一下就强化不少:



再来看一个例子。


下面这张图颜色和排版都是中规中规的,没啥大问题,就是很难给人留下印象。


我把品牌名称的四个字母做了放大处理,这样就形成一种独特构图形式,再将文点作为点缀元素加进,画面一下就丰富起来了。



怎么样,大了之后是不是有意想不到的效果!



(这么简单都学不会还吃吃吃?)


说完了大,我们再来看看小。



小字:

小字跟大字不一样,它起到的是辅助作用,小字可以让画面更加的层次丰富。


比如说这个例子:


加上一些小字之后,不但画面更平衡了,视觉上的层次感也更丰富。



再看个例子:


见缝插针的加入一些小元素。



这里的小字,你可以理解为辅助小元素。适当的添加一些小元素,不但能让避免“空”的感觉,还能让画面看起来更精致。


接下来看一种特殊的文字。



背景字:

背景字就是将文字完全图形化,作为装饰元素放在画面中。


下面这张图的问题同样是简洁过了头。


在背景上添加summer的水印字之后,整个版式一下就更有活力了。


这里注意,背景字作为一种完全的装饰性元素,切记不要做得过于突出,影响到主要信息。


好了,有了上面这三招,估计你的画面想空都不容易了。



牛不牛?



讲完文字部分,接下来说下图片。





在任何时间,图片都是画面的绝对焦点。因此除了要保证图片本身的质量之外,图片的大小比例,以及风格统一也非常重要。


我们通过案例来具体说明。


比例适当:

在将一张素材图片放到画面中时,首先要考虑的是什么?


当然是大小比例。


这张图从空白占比来看,不算空。但是正如我前面所说,因为图文之间缺少关联性,所以会造成一种“感觉上的空”。


我把图片重新裁剪一下,再换一下字体,马上就有了浓浓的人文历史感。

虽然空白面积的占比可能更大了,但是画面却更饱满!



这招,我在2014年写的摄影教程里面已经和大家讲过了。

例如一张这样的成品,其实是。。


原图是这样。。


我要了其中一部分而已,这样去掉多余的部分,也不能较多余,把不想要部分去掉就对了。


风格一致:

除了适当的比例之外,画面中图片风格也需要保持一致性。


下面这张图里用到的图片素材多达四五种,栁叶、茶叶、茶壶、水墨背景这些素材无论是颜色上,还是造型上,都存在着很大的差异,因此它们放在一起完全就是胡乱拼凑。


由于主体图形茶叶的造型不够饱满,所以尽管拿了各种素材来填充画面,但整个画面依然觉得很空。


我将主图形换成了造型和颜色都一致的图之后,虽然整个画面有着大量的留白,但是你会觉得这些留白的存在都是合理的。


所以,将空白变成留白,也是解决画面空洞的一种很好方法。


接上来再看背景的处理方法。




背景其实是决定一个设计风格的基础,但是很多新手往往容易忽视。

在画面不够饱满的时候,许多人都会想方设法的加入更多的视觉元素进来,从而导致画面失去控制。

有时候我们在背景上做做文章,恰恰能收到事半功倍的效果!


下面这张图看起来还不错,图片精致,排版也很工整。



不过作为一张美食广告,好像少了一点食欲,因此我们需要增加画面的丰富度。


在背景上作处理,我们常见的基本就三种方法,分别是:


色彩

纹理

场景


通过例子来说明。


色彩:

通过色彩来丰富画面,是最常见的手法。

强烈的对比色不但可以衬托出食物的新鲜度,增强食欲。同时也能让画面瞬间被填满,完全没有空洞的感觉。



纹理:

纹理虽然没有对比色那样的刺激感,但是它可以有很好的带入感,比如说加了木纹之后,会让你联想到桌子上的美食。



场景:

场景是纹理的进阶版。

它不但有背景纹理,而且会添加许多跟场景相关的细节物件,以强化整个画面的感觉。


比如说桌面上的报纸:


或者餐具,桌布等:


场景化的设计需要注意元素统一的问题。

比如说上面的美食广告,如果你放一个苹果笔记本,那就会显得有点怪异,因为那是办公用品,不应该出现在用餐的场景里。


好了,这期教程内容就到这。




另外,

我发现最近阅读量有点下降了!

怎么回事你们?

不好好学习,是不是外面有狗了?



--------------------------------------------

OK,最后回顾一下解决画面太空的几个方法:


一、文字

大字号

小字号

背景字


二、图片

适当比例

风格一致


三、背景

颜色

纹理

场景



今天的内容就到这,接下来通过练习题巩固一下今天的知识点吧。


----------------------------------


找一张你认为有些空的设计稿,然后再一版优化稿,放到同一个文件中对比展示。


尺寸:

宽度 1000px,高度不限。


格式:

提交作品的时候,需要把你的文件命名修改为:

你的名字-你的QQ-练习作品,如:阿门-QQ12345678-练习作品.jpg

不要ai或者cdr等格式,也不要压缩包


邮件标题:

20190410-你的名字-QQ-练习作品


我会选择3位同学送出珍藏版小鳄鱼钥匙扣各一个,不值什么钱,仅仅是纪念你曾经努力的意义,再下一期教程出来的时候公布优秀结果,投稿邮箱:

2994247228@qq.com


-----------------------------------------------


上期练习一共收到84份作品,大家辛苦了:)


全部作品截图:


用心的好作品非常多,下面精选出3位同学送出小礼物:


01号作品

李婷婷

这一系列海报我非常喜欢!婷婷同学将海报主题与上期讲到的设计手法结合得非常完美。


02号作品

思远

是网易云音乐的设计师?这个几个广告做得不错!


03号作品

曾婷

这两张作品虽然细节上还需要改进,但是整体想法很不错,看得出来是在用心的做练习,值得嘉奖!



以上三位送出奖品小鳄鱼各一个!(钥匙扣那个没货了,但是这个大的终于有货了)


好了,

学到干货的同学请大方地点击一下喜欢作者!!:)


这样下一期干货来得更快!


(更多干货教程,回复:排版教程 或 色彩教程)


-------------------------

往期精华文章导读:

这个人偷偷为你工作了9个月,只为了让你不用担心被罚款几万元!

杜蕾斯文案,终于翻车了!

996最大的敌人是谁?


-END-


越努力,越幸运。

这里是庞门正道。

    您可能也对以下帖子感兴趣

    文章有问题?点此查看未经处理的缓存