[网页界面设计]-之配色

1、前言其实标题最开始取的是:商业设计之配色,但仔细一想,我也就对网页界面设计和平面设计稍有了解,取偌大一个标题必然会BUG百出!写这篇东西不是想讨论RGB与CMYK色彩模式之间的关系,也不是具体配色案例讲解。本文旨在改变一些人对配色方面的成见,以及提出一些配色方面个人思路。 配色能力可以提高吗? 色彩的基本知识色彩方面的基本知识以及名词术语我就不说了,不理解的朋友查阅下相关资料就OK! 色调色调在商业设计中的重要性不言而喻。一个项目的设计开始之前,建议大家事先定好页面的色彩基调。多问问下自己,这个页面我是用冷色调子、暖色调子、蓝灰调子还是灰色调子更为贴切。我先说说自

2、己定色调的思路,首先还是分析项目信息,即在充分了解客户(产品、服务、理念等)以及客户产品的终端消费人群的基础上,去确定适合色调。比如体育运动主题方面的项目,我会了解这个体育运动项目本身的信息,然后是了解终端浏览者的诸多因素,再者就是客户负责人对于配色的意见。通过综合分析,在几个因素中去找相似性,找平衡点。你的配色想要获得认同,首先你得搞清楚一点:是由哪些人来认同(或许是终端客户认同、或许是客户认同、或许是业内认同、亦或许是他们的综合)!接下来就是反思考哪种配色方案更适合产品的定位、适合产品终端客户以及客户的审美。具体比如说,一个服饰类设计项目,客户产品目标消费人群是30岁左右的白领女性,产品定

3、位的关键词是成熟、典雅、内在气质,然后让你给出合适的网页界面配色方案,咋整?答案就是前面写的,你需要了解他们的产品风格,了解目标消费人群的审美倾向。我们之所以给不出合适的配色方案,是因为对某些因素了解不够透彻,考虑问题不够全面。所以会有人说,做好商业设计也需要丰厚的社会阅历,因为我们需要对不同人群有足够多的了解!OK,关于确定色调的思路就说这多,具体操作这里我就不啰嗦了。"授人以鱼不如授人以渔",有渔则何患无鱼! 色彩联想色彩会让人产生联想,这个事实不用我说,我们可以大肆运用色彩的这一特性为我们的商业设计服务!然而想要运用好色彩的这一特性,我们就得明白,同一种颜色

4、对不同的人所产生的联想,在特定层面可能相同,也可能大相径庭。比如说同样是红色,从国度层面来讲,一个中国人看到红色很可能会联想到自己的祖国,但巴西人联想到自己国家的可能性很小;同样是红色,从审美层面来讲,有人认为红色很喜庆，很适合做周年庆典的主色调,有人却觉得红色做主色调太刺眼、太俗。不管咋地,我只想说我们必须正视这种差异性,学会分析导致这种差异的内因。另外我们还得多运用形状、质感、肌理等与色彩相结合,这样可以让视觉化之后的信息更准确的被传递。亦比如说同样是乳白色,当我们将其形状塑造圆润水滴时,我们很容易联想到牛奶,但当我们将其形塑造成由单点喷射出的运动弧线时,鬼知道还会有谁觉得这是牛奶,当然,

5、如果人家客户奶产品定位很Sexy,或许这样干又是对的。这也解释了为什么很多朋友刚接触设计时,热衷于把画面搞的很个性,将人家的乳白色牛奶搞成绿色、蓝色之流大有人在,其结果并非你颠覆了传统,而是传统颠覆了你!毕竟商业设计不是你自己觉得个性就OK,你还得斟酌我的设计能否被客户、终端消费者理解并认同!这点真的很重要,切记我们做的是商业设计,如果你对商业设计的概念还不够了解,请百度一下! 光源色、环境色、固有色色彩的这三个概念对我们做处理好整体画面关系、物体与物体之间的关系尤为重要。玄的就不多说,就拿大家经常遇到的问题,怎么样让我们的素材更和谐的融入的画面,从而不让别人觉得我们的画面很奇怪。说

6、怎么样才能之前,我先说一下很多人为什么没能?之所以大家觉得你素材处理的怪怪的,大概有几种可能性:透视有问题、大小比例有问题、常识性错误、色彩关系没处理到位等等。前面几点我们不说,这里只说色彩关系(光源色、环境色、固有色)层面的问题。还是举个例子比较容易说明问题,比如说要将一辆红色宾利跑车处理到一张为蓝天白云绿草地的图片上去,而且要让人觉得这车确实就停在绿色草地之上。很久很久以前,我们会把宾利直接扣出来,调整好车的大小,找几棵草放在种车旁边,直接扔在草地上.跟浮游生物似的,即便是走超现实路线,我们为什么不让这个跑车更有Magic Feeling,更有趣味一点呢!时光荏苒,我们也渐渐聪明了起来,慢

7、慢的,跑车的投影出现在了草地上,后来,我们得知天之蓝、草之绿、车之红并非孤立存在于画面,学会去找它们之间的联系。我们知道了红跑车会影响绿草地,绿草地放过来也会影响红跑车,大面积的天蓝色同样会影响车跟草地。再后来,我们画面的色调也更加统一,虚实、前后关系也更加明确,蓝天的色彩变得更加丰富、更有层次感,鸟儿重返蓝天,草香飘荡在天地之间,草地上车辙历历在目,甚至看见了谁的微笑.OK,我说完了。至于光源色、环境色、固有色为何物?它们之间的关系,以及它们如何作用于物体?一个是要清楚它们的概念,另外就是要养成仔细观察事物的习惯。 色相、纯度、明度待续! 色彩的对比(色相(补色、冷暖)、明度、纯度、面积)待续! 调色心得待续! 结语我并不期望你们在读完本文后就可以豁然开朗,配色能力就能立马提升!我更希望大家明白这样一个事实:很多理所当然的事情,我们只知其然是不够得,还得知其所以然!虽未能"先知先觉",但"后知后觉"是