NEWS
T: 021-69223125
2021.12
零基础也能做出好看的配色

认识了色彩,并不表示你就能对颜色运用自如。配色有理性的层面,也有感性的层面。配色也需要依循一定的节奏。有的配色跳跃明快,有的又显得舒缓柔和。我们从理性出发的同时,也要把自己的触角深入到感性的层面去理解色彩。


配色秩序

每一种色彩都有其自身的特质,而这一特性的发挥,还需要依赖于色彩在整个配色时所处的位置、面积等,即色彩与其他色彩所形成的秩序。


主色
主色是指在配色中处于支配地位的色彩。在配色前,主色是最先确定的颜色,例如,当我们想要设计一个珠宝展示的页面,这个页面所需要什么色彩时,我们决定采用紫色,而紫色就是主色。主色的确定看起来并不困难,因为一开始被确定下主色只是定出一个宏观方向,并没有细化成具体的色调。主色的选择也非常自由,因为并没有完全正确的“公式”,每种颜色都有它的特性和优劣,没有最好的颜色或最差的颜色。
最终确定对主色色调的选择则需要感性的参与,你希望你的网站看上去“沉稳典雅”还是“清新明快”?这些不同的感受都来自色调的制约平衡。
一般情况下,主色是配色中使用面积最多的色彩。用于主要的组件、组件的背景、大面积色块等。


衬托色
衬托色是主色以外,为了衬托主色而出现的另一种色彩。衬托色通常为主色的互补色或对比色。衬托色所使用的面积可大可小,只要达到衬托的目的即可。衬托色也可用在面积较大的地方,和主色平分秋色,彼此呼应。
一组配色中一定会有一个主色,而衬托色并非必不可少。是否采用衬托色,取决于你的配色计划。通常单一的色彩会比较单调,而利用衬托色来强化主色的丰富变化是解决这一问题的方案之一。


背景色
背景色经常表现为无彩色(黑、白、灰)或者低饱和度的色彩。背景色主要是作为背景而存在,它最好不要以非常强烈的姿态出现。背景色并非具有某种功能,它是一个页面的基础底色。


强调色
强调色是在主色以外起强调作用的色彩,可以说它是非常重要的视觉焦点。它本身具有一种独立性,因此在配色上要形成与主色的强烈对比。它可以是主色的对比色、互补色等,使其能跳脱于主色的色彩。
强调色所用的面积比较小,只要在焦点领域运用上强调色,其本身就有着聚焦的作用。有时候强调色还扮演着衬托色的角色。


单色配色法:同色同源
单色系配色是指网站的页面主色只使用一种颜色,需要注意的是,所谓的单色并不“单”,往往运用单色系配色方案的是配图较多的网站,这些配图自身已经包含着丰富的色彩,从整个页面来看,色彩就并不只有主色一种了。当配图的色彩也参与到了页面整体的配色体系中,只需要寻找到一种与配图都能协调的色彩作为主色,就能轻松掌握单色配色法的技巧。
单色扮演主色的同时也扮演着强调色,在配色运用中,重要的组件、焦点的部分都可以运用这一色彩,形成明显的视觉重点框架。而与此同时,背景色应该尽量保持黑白灰,不对主色造成干扰。如果想要形成一定的层次,也可以在主色调之外通过降低其色彩饱和度或明度等方式,形成单色配色中色彩的空间视觉深度。
在单色系配色法中,即使属于同一色系,色调也会有所差异,因此这也是另一种配色方式,运用在配图较少,且配图色彩也并不多变的情况下。
主色的单一色调不一定用在组件上,有时也采用“反白”的处理,尤其是主色本身比较强烈时,填充主色作为背景,传递出主色强烈的表现效果。

还有一种更加纯粹的单色调配色方式,将配图设定为灰度图案,让主色在整个黑白灰的氛围中显得格外醒目,从而突出主题。这样做的好处是让画面更加简约、克制,当然也就失去了缤纷华丽的氛围。将配图的颜色“拿掉”是相对冒险的做法,只在一些强调图片的个性与质感并不急于展示产品所有细节给用户的网站中所用较多。


渐变配色法:梦幻滑翔

渐变可以视为一种效果,也可以当做一个手段。渐变中使用的多种色彩,将它们的分布呈现柔和过渡,展示出梦幻之感。一般来说,我们安排的渐变色往往是以两种色彩为端点,中间过渡为两种色彩的滑翔地带,其覆盖的色彩范围较广,因此,我们很难判断其主色是哪一固定的色值。从色温的角度为考虑,渐变可以有暖色渐变、冷色渐变,也有冷暖过渡的渐变,而从两端的色彩之间的关系,又分为邻近色渐变、对比色渐变等。不同的色调渐变所呈现出的品牌氛围各有千秋。不管怎样,在轻设计中,渐变的色彩通常集中在高明度的色调范围,让画面显得更为通透柔和。渐变的色彩范围也不宜太广,色彩分布太大让画面本身容易陷入于混沌中。

渐变常以背景的形式出现,或运用于较大的元素之上。根据渐变色的不同,所展示的配图以及其他组件也要根据这一渐变色而协调。

浮动于渐变背景上方的元素色彩也可以与背景形成对比,这时,渐变色的范围就要更为精准清晰,以免让色彩变“浑浊”。毕竟在轻设计中,维持画面的“澄清”是很重要的。

利用渐变色系配色法的灵活多变,在一张大型配图上方叠加一层透明渐变,也同样是非常流行的做法。这样作出的效果也相当炫目耀眼,能瞬间提升摄影本身的感染力。利用渐变色的变化,通过切换图片,渐变色也随即改变。由于渐变的饱和度较高,因此其上方的元素运用白色展示,使文字清晰可辨。

现实世界中,我们很难发现有一块完全凝固不变的色彩,比如云彩虽说是白色,但总是又隐隐透出蓝色、橙色等不同的渐变色,天空也并不尽然是全然相同的蓝,而表现出了深浅不一的色调。我们在设计中运用到渐变色,也就是让画面还原更多的真实。还可以将渐变色运用到元素上,这时渐变色就需要更加浓烈鲜明,从背景凸显出来,形成视觉强调。

运用渐变色增加色彩的丰富感,同时又让画面不至于凌乱。这在很多品牌站中所用较多。如果希望页面显得严肃,可以限制渐变所用的范围。总之,渐变是一种“梦幻”的手段,而绝对非目的。


多色配色法:颜色的加减乘除

色彩不仅有色相,还包括饱和度、明度、色温等特质,与此同时,从心理层面上还会衍生出色彩的重量感、远近距离等心理感受,两种不同的色彩相互搭配,通过彼此的比例大小关系会衍生出更多复杂的影响。


双色互补

将色环上处于180°相对而存在的色彩进行搭配,这两种色彩在视觉上形成互补关系。我们知道色彩并不能简单陈述为红色、蓝色,因此在相对的关系上也不能简单就概括红与蓝是互补这样笼统的结论,因为实际上红色和蓝色的色调都高低明暗种类繁多。而我们知道处于相对180°位置的一组色彩其本身相互补充又相互制衡的关系,在实际运用中会催生一种平衡的视觉满足感。我们要做的依然是从情感上而非理性层面打开视觉的脉轮。双色互补在运用面上并非对半平分,而是有选择的采取一主一辅有机结合的方式,这样有利于突出色彩的性格主题。


三色对比

处于色环上距离彼此120°位置的三种色彩,两两之间彼此为对比色,而这三种色彩的搭配也会形成非常和谐的组合。

此外,另有一类三色组合,是以其中两种色彩彼此距离60°,第三种色位于它们相对180°位置上。利用前两种色彩共同的力量而和另一个色彩形成相互制衡的关系,同样能催生出另一种和谐。


颜色与颜色搭配绝不是简单相加,而是运用色彩的特性,作出更加丰富的加减乘除,其结果不是得到另一个单一的色彩感受,而是综合其上的视觉效果和情感体验。与其说色彩像幻术一样无法抓取,不如说对于配色,忘掉条条框框的理性分析,或许能得到更多。

                   更多品牌设计作品请点击下面链接:

“品牌设计 ”/




RELATED INFORMATION

相关案例

SHAPING THE FUTURE OF BRAND.
CONNECT US.

开创品牌的新时代。即刻与我们联系:021- 6922 3125