东凯分享:平面设计中留白的气质与技巧

虽然说留白不是万能的,但轻度留白却可以有效解决平面设计中的实际问题,掌握轻度留白的理论,可以大大提高自己的工作效率与过稿率,本篇文章带你详细了解平面设计中的留白。

一、留白的四个关键属性:韵味、空间、焦点、呼吸

1440041131697079

留白最有代表性的作画就属于宋代马远的《寒江独钓图》,空白之处有种是一般耐人寻味的境界,而这就是利用了留白而产生的结果。

1440042997966726

我在我的站酷的一篇文章《如何做出空间感》里说到过,缩小主题的面积,让其周围的留白面积更大,空间感就会增加,这个理论与此画面是一样的。

1440043026724450

如 果想用留白的技法来设计一个画面,就要明白少就是多的道理,元素越少,人的视觉注意就不会背其他无用的元素抢走。这个道理不光是针对留白这期内容,也针对 我们平时的设计思维中,我在《做简单的设计》那一期直播课说到过,不要被素材绑架,不要认为在画面中放置很多元素就能把设计做好。

1440043177648835

留白的呼吸属性我们可以想象成周围的空气,但空气中的颗粒物(元素)特别多时,人的呼吸也会感觉不透彻。

二、平面设计中留白的两个常见误区

1440043496281505

留白最常见的误区,就是认为是留出白色,事实并非如此,留白的真正含义是留出空间,背景可以是白色,也可以是黑色亦或是其他颜色,也可以是没有过度装饰的,整体看来是简洁的设计风格。

1440043591407767

 

1440043990739408

 

1440044025299335

三、留白的气质调性:雅致、高端、文艺、轻盈

为了说明留白的气质以及杜绝对留白的认识误区,在这个章节,我会从素材网站上找一些图,进行留白的修改。

设计原稿
1440044731898841

这个设计稿的硬伤比较重而且也很多,最明显的失误地方在于文字搭配稍显混乱,对字形气质的认知也有很大的误区。

留白修改后
1440044784402413

我们用轻度的留白技巧对原稿稍加处理,雅致文艺的感觉就出现了,同时,最重要的产品的表达清晰,观者也会容易识别。

设计原稿
1440044855585066

这是胡姬花的花生油广告,这个广告也很好的把产品的历史底蕴表现了出来,很容易吸引到产品的目标群体。

留白修改后
1440044912867189

我们用轻度留白的表现方法修改了一下,产品的确清晰明确,但历史底蕴完全消失了,所以这是一个不折不扣的失败表现,这也充分的证明,留白的表现方法绝对不是万能的,在对像分为烘托的这种情感表达上,留白的形式还欠缺很多,这点一定要注意。

四、关于重度留白的形式:雅致、高端、文艺的最强表现形式

重度留白传递的不是产品,而是概念、气质、态度,这种表现方式适合运用于封面、网站欢迎页、网站的主页Banner等。

“无印良品”始创于日本,本意是无品牌标志的好产品,它倡导的生活方式是简约与质朴,而原研哉赋予无印良品的设计理念就是“空”,这个概念通过他的相关海报完美的结合与诠释了出来。
1440046615767404

1440046381120915

重度留白是把主体缩小到极致,甚至是你都不敢去尝试的表现手法,其传递出的雅致、空灵、高端气质是最强的,这就像双刃剑一样,在把上述气质表达到淋漓尽致的同时,其他的属性也近乎于零。

除非你的项目是像“无印良品”这样属性鲜明的品牌,否则的话,请谨慎运用这种重度留白的方法。

五、关于轻度留白的形式:重度留白与大众商业的结合

轻度留白其实就是我们最常见的一些留白设计风格,从风格上能传递出雅致、高端、文艺等气质,同时又能把事情说的很直接,所以掌握轻度留白的方法对我们工作效率是非常有帮助的,它可以让我们的画面既简洁又实用。

轻度留白的实用小技巧
我们把画面分为三层,第一层是图像层,第二层是文字层,第三层是背景层。

1440047493650709

我们用修改案例的方式来阐述这个技巧
注:所有案例均来自于网络,仅用于设计理论,绝无不尊重原作者之意。

1440047551566940

问题分析

任何设计的技巧与理论都建立在正确的设计的基础上,所以在开始留白的技巧之前,要先来分析一下这个稿件的问题所在。

1440047581313421

步骤一:背景层要求色彩简单,无装饰或弱装饰

轻度留白技巧中色彩简单,也可以理解成最多不超过三种色相。

1440047642488703

以上的案例作说明,背景层无装饰指的是画面的背景是单纯的图像或色彩,没有任何装饰元素;

背景层弱装饰指的是画面的背景的装饰元素并没有对主体以及文字造成影响,背景层的弱装饰感觉近乎平等同于无装饰。

步骤二:图像层要求主体清晰直观

主体的图像可以是任何的表现形式,可以是创意的图像,但前提一定要求表现准确,不能产生混淆感。在这个画面中,为了准确的表现领带,主体我选择了一张领带的图像作为主体。

1440047927312952

步骤三:文字层最多两种字体,组合清晰简单

下方是原稿的文字组合与修改后的文字组合的对比

1440047958471616

原稿的字形都是黑体字形,粗细对比很清晰,这是做的比较好的地方,但是用了过多的斜线与三角的点状结构,从视觉上有乱的感觉,其实文字的组合,即使是一种字体,善于运用大小与粗细的对比也能做的很美观,不用过多的做一些刻意的设计,设计的落脚点始终是传播。

修改终稿

1440048021397398

总结

轻度留白与重度留白最大的不同在于:
轻度留白融合了重度留白的优势并且不受品牌属性的影响,
几乎任何品牌都可以用这种技巧来表现,
而对于新人设计师来说,
掌握轻度留白的技巧可以摆脱被素材绑架的状况。

(来源:站酷   作者:IMART)