2019-2-15 资深UI设计者
如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里
无论是色彩学还是其他学科，所谓的理论也好方法也好，它们的本质无非就是规律的总结。我经常喜欢做一个比喻，就是你可以想象色彩是一座高山，而配色方法就是通往山顶的道路，但是通往山顶的道路不止一条，配色的方法也不只一个，你可以选择一条路走到底，也可以从一条路换到另一条路，还可以每次上山都走不同的路，这就是我所理解的色彩学。所以今天我就带大家走一条新的路来登山，这个路就是背景色的类型与应用技巧。
背景，应该很好理解，我相信应该没有人会不清楚，比如这里我们做的这个案例，很明显白色的底就是背景。如果让大家填充背景色，我相信大部分人的本能反应就是填充基本色相。
比如这里的背景我们填充了红色。
当然其他任何色相在原则上都是可以的，因为都是背景色。
但是我们本期教程所要探讨的不是这种在色相上的背景色，那我们所要总结的背景色规律是什么呢？我们先来看图。
大家可以思考一下，看看能不能发现这其中的规律。这里的背景色类型并不是我们通常所认为的具体色相，也不是在色调上的划分，而是从更宽泛的角度去探索背景色的规律，然后更好的运用到我们的设计当中。
那我们就来看看背景色的四种类型是如何划分的：分别是白底型、淡色型、深色型、黑底型。
首先我们来看白底型。
说到白底不能不说白色，白色是没有任何色彩的颜色，是非常好的调和色，可以和任何色彩搭配。
而研究色彩最重要的就是要了解它的属性和气质，而任何色彩都有两面性，白色最突出的属性就是干净、简洁、纯洁等等，再结合相应的设计内容和题材也可以传递出非常多的属性，只要和这些属性相吻合都可以使用白色。
而白底型又分为大白底和小白底，比如画面中的这个就属于小白底，也就是说虽然是白色背景，但是内容信息比较多留白比较少，就属于小白底型。小白底型具有的意象是实用、干净、知性以及舒畅、通透、简洁等等。
大白底型也很容易理解，就是类似这种留白较多内容或元素较少的版面，我们平时说的比较多的极简和留白风格，基本上都是这种大白底型的。大白底型具有的明显属性是简约、朴素、开放、文艺、雅致、清淡等等。下面我们来看看白底型的相关作品。
这是一个美食招贴，画面以白色为背景，通过文字的编排以及不同色彩的食品来丰富版面，干净、简洁的同时又能够很好的让人关注食品的本身，而且这里使用的就是小白底型。
这个海报也是小白底型，像这种在白色背景上使用黑色文字、淡色图形或插画的设计也很多，给人的感觉非常干净，直接。
这种纯文字的海报相信大家也肯定见过不少，就是白色背景上方黑色的纯文字编排，看似简单其实是非常难的一种形式，难的地方不是色彩，而在于对版式能力的考验。
这个海报虽然也是白底黑字的纯文字编排，但是也属于大白底型，文字信息量非常少，属于极简留白的风格，给人的感觉就是简约、雅致甚至是文艺和艺术。
这是一个纯净水的海报，也是采用的白底型，上方的文字和图形以蓝色为主、红色为辅，蓝色代表水，红色是印章的颜色，通过元素之间合理的空间以及整体的白色背景，体现出了纯净水产品的天然、健康、纯净，没有任何其他杂质。
我们再来看看第二种背景型，淡色型。
淡色是比较冷静的色调，没有什么很强的主张，给人冷淡的感觉，所以淡色的使用范围就有局限，但是只要合理的运用淡色的特点，就可以发挥出淡色的最大优势。
淡色最适合表现纤细、优雅、温柔等属性，淡色会让人产生幸福温柔的情绪，让人们进入没有刺激感的色彩世界，但是淡色调没有积极性，太过温柔反而给人冷淡的印象。
背景用淡色调虽然也可以体现白色的简洁、干净，但是却多了些色彩本身的倾向性，无论用什么色相都可以给人优雅、简洁的印象，淡色最适合表现女性、优雅、平和等印象，富有情绪变化，轻柔、轻快。下面我们还是来看看相关设计。
这个海报的背景就是采用的淡色型，背景是比较淡的黄色，海报中唯一色彩比较丰富的元素就是五个小人的插画，而且以暖色调为主，所以背景使用暖色调的黄色可以让整体版面的色彩很均衡，结合人物的卡通插画给人一种纯真、轻柔，以及淡雅的恬静风格。
这个海报是关于美食产品的，典型的日式风格，包括书法字、樱花等等，这里的背景虽然带有微弱的渐变和纹理，但是并不影响整体的淡粉色调，虽然是美食主题，但是这种淡雅、清新、柔软的风格一点都不会影响到人的食欲。
这个海报虽然是关于文化的，但是整体的风格偏向这种卡通、插画的感觉，而且色彩使用的也比较丰富，纯度和明度都控制的很好，整体协调统一，背景色使用了淡色的黄色，统一了整体画面的色调，充满了可爱、童趣。
第三种背景类型就是深色型。
深色就是在纯色中加入大量的黑色，从而让纯色变得内敛了许多，而且增添了力量感，更加严肃庄重。
深色可以表现强力感和深度，这是其他色调所不具备的，如果说淡色是女性的颜色，深色就是男性的颜色，充满了力量和阳刚，当然这并不是绝对的。
深色融合了纯色和黑色的特点，可以有效的突显位于背景之上的元素和色彩，同时又带有强烈的情绪，具有高格调。深色型最大的特点就是深沉，给人坚实可靠的感觉，并且还带有神秘和幻想，配合适当的色相可以充满激情。
美食相关的海报很多都喜欢用深色型背景，尤其是传统类美食，还有就是巧克力、咖啡相关的主题。这个海报的背景就是使用了深色调，给人一种高档感和格调感。
这个海报的背景色使用了深色调的蓝色，结合白色的线稿画，充满了神秘感，而且很有深度，同时又不失传统和古典的韵味。
这是一个酒类招贴海报，深色的背景没有任何其他颜色的干扰，纯白色的文字，使得整个版面干净利落，同时背景的深色又为画面带来力量感、强劲而有力，正符合了酒品类的风格和属性。
最后一种背景型就是黑底型。
黑色代表什么都看不见，是抑制力很强的颜色，与黑色组合的颜色都会被很好的衬托出来。
黑色最适合用来表现奢华、男性和神秘，也可以表现幻想性、神秘性和强大的力量，同时黑色也代表了闭锁，是带有不安和恐惧的颜色，而且还代表犯罪和暴力。
黑色作为背景的时候，会激发观者的想象力，让其他色彩看上去更加鲜艳。任何元素在黑色的背景上都富有神秘感和幻想，黑色面积越大这种感觉越明显，此外黑底型最突出的特点就是力量感、高级、内敛和庄重。
这是张艺谋导演的电影《影》的其中一款海报，并没有使用太过复杂的背景，就是采用纯黑色为底色，上方水墨武侠的人物以及书法字，带有传统、古典、深沉的韵味，如果是看过这部电影的同学回过头来看这个海报，你会发现其实电影中的尔虞我诈、人心险恶也都蕴藏在黑色的世界里。
这个海报的主体人物是日本拳击手村田谅太，也就是和体育、运动相关的内容，而背景正是使用了黑底型配色，体现出男性的阳刚以及拳击的力量感。
这个电影海报也是大面积的黑色背景，上方的元素很简单，就是地球和文字，通过光影的处理和深邃的黑色，给人的感觉很直接，神秘、恐怖、遥不可及。
这个海报相对来说比较偏艺术化，纯黑色的背景，各种几何图形，简单的文字内容，给人一种高级感和格调感。
这个海报从字面意思以及图形来看应该是与地震相关的主题，那么自然灾害肯定是非常严肃的话题，所以设计者也很简单直接，黑底白字，让人有效的阅读文字信息，充满了正式感和庄重感。
最后我们来看看案例演示，这里我们设计一个书籍封面，书籍的名称是无声告白。
首先我们创建出网格，根据网格来编排文字信息，这里我们创建的是横向八栏，竖向五栏的模块网格。
然后先将书籍名称编排到版面两侧，各占一个格子，中间放置引言信息，同样占据一个网格宽度，标题放在版面上方可能会显得有些重。
所以这里我们可以将标题下移，然后顶部编排作者名和书籍的英文名。
然后将其他文字内容编排到版面的最下方。因为我们主要是讲色彩，所以文字编排这块就不过多讲解了。
然后将书脊部分加入进来，将书籍名称、作者以及出版社的相关信息编排好，版式部分基本就差不多了。
下面我们根据本期教程所讲的背景类型来配色，而这里应该使用哪种背景型呢？这个要根据设计的内容来决定，因为这本小说的名字叫做无声告白，而且小说的故事内容也比较压抑充满悲剧色彩，所以这里我决定使用黑底型的配色。
将背景填充黑色，文字反白。但如果是现在这样单纯的黑色，可能看上去会显得有些单调。
所以这里我们从书籍名字中的无声来找灵感，为背景填充象征声波的抽象图形来丰富版面。
最后添加书籍的腰封，使用白色来形成对比，腰封上的文字填充黑色，这个书籍封面就设计完成了。
我们来看下效果图，整体的黑色调还是比较有这种阴暗、忧郁、孤独的感觉的。
那有的人可能会有疑问，其他三种背景色就不可以么？当然也可以，配色在很多情况下并不是对错的问题，而是要看你想通过色彩传递出什么样的感觉。所以这里我也做了其他三种背景型的配色，如果单从版面的整体配色感觉来看，也是没有任何问题的。
还是那句话，关键点是你想让这个设计给人什么样的感觉，如果想传递白底型所代表的印象，那么你就可以使用白底型。
同样的道理，如果你想传递淡色型的色彩印象，当然你也可以使用淡色型。
如果想传递深色型的意象那就使用深色型，这个逻辑应该很容易理解。
本期教程到这里就结束了，我们主要从白底型、淡色型、深色型、黑底型这四个角度出发，来探讨不同的背景型所传递出的不同感受。这四种背景类型属于大的范围，如果想对配色深入研究，当然背景色不可能就四种，理论上来讲任何色彩都可以充当设计的背景，所以除了要掌握好这四种背景型，还要做到兼顾色相的属性和色调的属性，这样才是一个多维度视角的配色，就像我们开头讲到的，配色就是一座高山，你知道通往山顶的道路越多，你就可能比别人更快地到达山顶。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务。