为什么别人的背景色,永远比你的有气质? - 优设网 - UISDC

为什么别人的背景色,永远比你的有气质?

2019/01/31 29162评论 11

@研习设K先生?:无论是色彩学还是其他学科,所谓的理论也好方法也好,它们的本质无非就是规律的总结。我经常喜欢做一个比喻,就是你可以想象色彩是一座高山,而配色方法就是通往山顶的道路,但是通往山顶的道路不止一条,配色的方法也不只一个,你可以选择一条路走到底,也可以从一条路换到另一条路,还可以每次上山都走不同的路,这就是我所理解的色彩学。所以今天我就带大家走一条新的路来登山,这个路就是背景色的类型与应用技巧。

背景,应该很好理解,我相信应该没有人会不清楚,比如这里我们做的这个案例,很明显白色的底就是背景。如果让大家填充背景色,我相信大部分人的本能反应就是填充基本色相。

比如这里的背景我们填充了红色。

当然其他任何色相在原则上都是可以的,因为都是背景色。

但是我们本期教程所要探讨的不是这种在色相上的背景色,那我们所要总结的背景色规律是什么呢?我们先来看图。

大家可以思考一下,看看能不能发现这其中的规律。这里的背景色类型并不是我们通常所认为的具体色相,也不是在色调上的划分,而是从更宽泛的角度去探索背景色的规律,然后更好的运用到我们的设计当中。

那我们就来看看背景色的四种类型是如何划分的:分别是白底型、淡色型、深色型、黑底型。

白底型

首先我们来看白底型。

说到白底不能不说白色,白色是没有任何色彩的颜色,是非常好的调和色,可以和任何色彩搭配。

而研究色彩最重要的就是要了解它的属性和气质,而任何色彩都有两面性,白色最突出的属性就是干净、简洁、纯洁等等,再结合相应的设计内容和题材也可以传递出非常多的属性,只要和这些属性相吻合都可以使用白色。

而白底型又分为大白底和小白底,比如画面中的这个就属于小白底,也就是说虽然是白色背景,但是内容信息比较多留白比较少,就属于小白底型。小白底型具有的意象是实用、干净、知性以及舒畅、通透、简洁等等。

大白底型也很容易理解,就是类似这种留白较多内容或元素较少的版面,我们平时说的比较多的极简和留白风格,基本上都是这种大白底型的。大白底型具有的明显属性是简约、朴素、开放、文艺、雅致、清淡等等。下面我们来看看白底型的相关作品。

这是一个美食招贴,画面以白色为背景,通过文字的编排以及不同色彩的食品来丰富版面,干净、简洁的同时又能够很好的让人关注食品的本身,而且这里使用的就是小白底型。

这个海报也是小白底型,像这种在白色背景上使用黑色文字、淡色图形或插画的设计也很多,给人的感觉非常干净,直接。

这种纯文字的海报相信大家也肯定见过不少,就是白色背景上方黑色的纯文字编排,看似简单其实是非常难的一种形式,难的地方不是色彩,而在于对版式能力的考验。

这个海报虽然也是白底黑字的纯文字编排,但是也属于大白底型,文字信息量非常少,属于极简留白的风格,给人的感觉就是简约、雅致甚至是文艺和艺术。

这是一个纯净水的海报,也是采用的白底型,上方的文字和图形以蓝色为主、红色为辅,蓝色代表水,红色是印章的颜色,通过元素之间合理的空间以及整体的白色背景,体现出了纯净水产品的天然、健康、纯净,没有任何其他杂质。

淡色型

我们再来看看第二种背景型,淡色型。

淡色是比较冷静的色调,没有什么很强的主张,给人冷淡的感觉,所以淡色的使用范围就有局限,但是只要合理的运用淡色的特点,就可以发挥出淡色的最大优势。

淡色最适合表现纤细、优雅、温柔等属性,淡色会让人产生幸福温柔的情绪,让人们进入没有刺激感的色彩世界,但是淡色调没有积极性,太过温柔反而给人冷淡的印象。

背景用淡色调虽然也可以体现白色的简洁、干净,但是却多了些色彩本身的倾向性,无论用什么色相都可以给人优雅、简洁的印象,淡色最适合表现女性、优雅、平和等印象,富有情绪变化,轻柔、轻快。下面我们还是来看看相关设计。

这个海报的背景就是采用的淡色型,背景是比较淡的黄色,海报中唯一色彩比较丰富的元素就是五个小人的插画,而且以暖色调为主,所以背景使用暖色调的黄色可以让整体版面的色彩很均衡,结合人物的卡通插画给人一种纯真、轻柔,以及淡雅的恬静风格。

这个海报是关于美食产品的,典型的日式风格,包括书法字、?;ǖ鹊?,这里的背景虽然带有微弱的渐变和纹理,但是并不影响整体的淡粉色调,虽然是美食主题,但是这种淡雅、清新、柔软的风格一点都不会影响到人的食欲。

这个海报虽然是关于文化的,但是整体的风格偏向这种卡通、插画的感觉,而且色彩使用的也比较丰富,纯度和明度都控制的很好,整体协调统一,背景色使用了淡色的黄色,统一了整体画面的色调,充满了可爱、童趣。

深色型

第三种背景类型就是深色型。

深色就是在纯色中加入大量的黑色,从而让纯色变得内敛了许多,而且增添了力量感,更加严肃庄重。

深色可以表现强力感和深度,这是其他色调所不具备的,如果说淡色是女性的颜色,深色就是男性的颜色,充满了力量和阳刚,当然这并不是绝对的。

深色融合了纯色和黑色的特点,可以有效的突显位于背景之上的元素和色彩,同时又带有强烈的情绪,具有高格调。深色型最大的特点就是深沉,给人坚实可靠的感觉,并且还带有神秘和幻想,配合适当的色相可以充满激情。

美食相关的海报很多都喜欢用深色型背景,尤其是传统类美食,还有就是巧克力、咖啡相关的主题。这个海报的背景就是使用了深色调,给人一种高档感和格调感。

这个海报的背景色使用了深色调的蓝色,结合白色的线稿画,充满了神秘感,而且很有深度,同时又不失传统和古典的韵味。

这是一个酒类招贴海报,深色的背景没有任何其他颜色的干扰,纯白色的文字,使得整个版面干净利落,同时背景的深色又为画面带来力量感、强劲而有力,正符合了酒品类的风格和属性。

黑底型

最后一种背景型就是黑底型。

黑色代表什么都看不见,是抑制力很强的颜色,与黑色组合的颜色都会被很好的衬托出来。

黑色最适合用来表现奢华、男性和神秘,也可以表现幻想性、神秘性和强大的力量,同时黑色也代表了闭锁,是带有不安和恐惧的颜色,而且还代表犯罪和暴力。

黑色作为背景的时候,会激发观者的想象力,让其他色彩看上去更加鲜艳。任何元素在黑色的背景上都富有神秘感和幻想,黑色面积越大这种感觉越明显,此外黑底型最突出的特点就是力量感、高级、内敛和庄重。

这是张艺谋导演的电影《影》的其中一款海报,并没有使用太过复杂的背景,就是采用纯黑色为底色,上方水墨武侠的人物以及书法字,带有传统、古典、深沉的韵味,如果是看过这部电影的同学回过头来看这个海报,你会发现其实电影中的尔虞我诈、人心险恶也都蕴藏在黑色的世界里。

这个海报的主体人物是日本拳击手村田谅太,也就是和体育、运动相关的内容,而背景正是使用了黑底型配色,体现出男性的阳刚以及拳击的力量感。

这个电影海报也是大面积的黑色背景,上方的元素很简单,就是地球和文字,通过光影的处理和深邃的黑色,给人的感觉很直接,神秘、恐怖、遥不可及。

这个海报相对来说比较偏艺术化,纯黑色的背景,各种几何图形,简单的文字内容,给人一种高级感和格调感。

这个海报从字面意思以及图形来看应该是与地震相关的主题,那么自然灾害肯定是非常严肃的话题,所以设计者也很简单直接,黑底白字,让人有效的阅读文字信息,充满了正式感和庄重感。

案例演示

最后我们来看看案例演示,这里我们设计一个书籍封面,书籍的名称是无声告白。

首先我们创建出网格,根据网格来编排文字信息,这里我们创建的是横向八栏,竖向五栏的??橥?。

然后先将书籍名称编排到版面两侧,各占一个格子,中间放置引言信息,同样占据一个网格宽度,标题放在版面上方可能会显得有些重。

所以这里我们可以将标题下移,然后顶部编排作者名和书籍的英文名。

然后将其他文字内容编排到版面的最下方。因为我们主要是讲色彩,所以文字编排这块就不过多讲解了。

然后将书脊部分加入进来,将书籍名称、作者以及出版社的相关信息编排好,版式部分基本就差不多了。

下面我们根据本期教程所讲的背景类型来配色,而这里应该使用哪种背景型呢?这个要根据设计的内容来决定,因为这本小说的名字叫做无声告白,而且小说的故事内容也比较压抑充满悲剧色彩,所以这里我决定使用黑底型的配色。

将背景填充黑色,文字反白。但如果是现在这样单纯的黑色,可能看上去会显得有些单调。

所以这里我们从书籍名字中的无声来找灵感,为背景填充象征声波的抽象图形来丰富版面。

最后添加书籍的腰封,使用白色来形成对比,腰封上的文字填充黑色,这个书籍封面就设计完成了。

我们来看下效果图,整体的黑色调还是比较有这种阴暗、忧郁、孤独的感觉的。

那有的人可能会有疑问,其他三种背景色就不可以么?当然也可以,配色在很多情况下并不是对错的问题,而是要看你想通过色彩传递出什么样的感觉。所以这里我也做了其他三种背景型的配色,如果单从版面的整体配色感觉来看,也是没有任何问题的。

还是那句话,关键点是你想让这个设计给人什么样的感觉,如果想传递白底型所代表的印象,那么你就可以使用白底型。

同样的道理,如果你想传递淡色型的色彩印象,当然你也可以使用淡色型。

如果想传递深色型的意象那就使用深色型,这个逻辑应该很容易理解。

本期教程到这里就结束了,我们主要从白底型、淡色型、深色型、黑底型这四个角度出发,来探讨不同的背景型所传递出的不同感受。这四种背景类型属于大的范围,如果想对配色深入研究,当然背景色不可能就四种,理论上来讲任何色彩都可以充当设计的背景,所以除了要掌握好这四种背景型,还要做到兼顾色相的属性和色调的属性,这样才是一个多维度视角的配色,就像我们开头讲到的,配色就是一座高山,你知道通往山顶的道路越多,你就可能比别人更快地到达山顶。

欢迎关注研习设的微信公众号:「Yanxishe2017」

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.ww22zrlnt.cn/the-background-color-temperament

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

转场动效 设计师 扁平化设计 优设专访 交互设计师 界面设计 优设大课堂 排版布局 职场 配色 视觉设计 素材下载 web前端开发 设计流程 AI教程 设计理论 设计师专访 神器下载 字体下载 平面设计 设计趋势 psd下载 用户体验设计 海报设计 设计规范 动效设计 图标设计 logo设计 产品设计 ICON 神器推荐 App设计 职场规划 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里