所谓配色,简单来说就是将颜色摆在适当的位置,做一个最好的安排。色彩是通过人的印象或者联想来产生习理上的影响,而配色的作用就是通过改变空间的舒适程度和环境气氛来满足消费者的各方面的要求。配色主要有两种方式,一是通过色彩的色相、明度、纯度的对比来控制视觉刺激,达到配色的效果;另一种是通过心理层面感观传达,间接性地改变颜色,从而达到配色的效果。
色彩 的 特征
色彩可以分为两大类,即有彩色和无彩色,无彩色大多指我们常说的黑、白、灰。有彩色则是除无彩色之外的颜色。色彩的三要素是指每一种色彩都同时具有三种基本属性,即色相、饱和度、和明度。
色相:是色与色之间的差别所在,是区别色彩种类的名称。在原色与间色之间可区分出许多不同的色相,人的眼睛可以辨别出几万甚至几十万种颜色。
饱和度:是指色彩的纯净程度。纯度的变化可通过三原色互混产生,也可以通过加白、加黑、加灰产生,还可以补色相混产生。凡有纯度的色彩必有相应的色相感。色相感越明确、纯净,其色彩纯度越纯,反之,则越灰。纯度较低,色彩相对也较柔和,适合于生活妆;纯度很高的色彩应慎用。
饱和度由高→低的变化
明度:是指色彩的明暗程度,是表现色彩层次感的基础。
在无彩色系中,白色明度最高,黑色明度最低,在黑白之间存在一系列灰色,靠近白的部分称为明灰色,靠近黑的部分称为暗灰色。任何一个有彩色,当它掺入白色时,明度提高,当它掺入黑色时,明度降低。同时其纯度也相应降低。
明度由亮→暗的变化
在 Photoshop拾色器中分别对应:
有彩色的三大特征:色相、饱和度、明度,三者相辅相成、共同作用,任何一种有彩色都必然存在着这样的特征关系。
色彩 之间的 关系
在有彩色范围内,不同色相之间存在着一些可遵循的视觉关系,根据这些视觉关系,我们也能得到一些常见的色彩搭配方式,下面我们具体分析:
同类色:同类色指色相性质相同,但色度有深浅之分。(是色相环中30°夹角内的颜色)
案例展示:
如图所示, 同类色可以形成明暗的层次,给人一种简洁明快、单纯和谐的统一美。
邻近色:色相环中相距90度,或者相隔三个位置以内的两色,为邻近色关系,属中对比效果的色组。色相彼此近似,冷暖性质一致,色调统一和谐、感情特性一致。如:红色与黄橙色、蓝色与黄绿色等。
案例展示:
如图所示,整体视觉层次感丰富、有跳跃性,但同时也很舒服、和谐。
对比色:是指色相环上相距120度到180度之间的两种颜色。
案例展示:
如图所示,当对比色的面积较大时,给人的视觉冲击力是很强烈的。而当其中一个色相较少时,点缀、装饰的作用就显现出来,这部分颜色就是画面中容易出彩的部分。
互补色:互补色分美术互补色和光学互补色两种。美术互补色定义,色相环中成180°角的两种颜色。光学互补色定义,两种色光以适当比例混合产生白光。
案例展示:
着重提醒配色比例:70%主色、25%辅助色、5%点缀色。一般情况下:色相控制在三个以内,因为色相越少,越容易把控,越不容易乱!
最后总结
配色是感性的,但同时又是有律可寻的。因为有了规律,所以我们才能更好的、全方面的了解它;而感性并不是随便,而是建立的真的懂了规则之后,再打破规则、挣脱束缚,从而做到无招胜有招!所以两者并不矛盾。文中通过对色彩的特征、色彩之间的关系以及色调三个维度进行分析总结,目的是让大家可以在多个层面了解色彩以及配色的基础理论,也可以给大家提供一个可供参考的方向,设计中的配色方式远不止些。用你善于发现的眼睛捕捉吧!
优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!
优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真)、移动端应用(手机站、APP开发)、微信定制开发(微信官网、微信商城、企业微信)、微信小程序定制开发等一系列互联网应用服务。