网页效果图设计之色彩索引

编辑自己用模板搭建的专题，经常会问“MM，你觉得我的专题用这个色调怎么样，我的专题颜色这样搭配协调吗？”所以很多时候，在做单个的BANNER时候，我都要编辑把所选的模板连接发给我，这样对于专题整体色调和感情倾向会容易把握，工作之余也搜集了些理论知识，和大家分享下^_^

原文出处：http://www.blueidea.com/design/doc/2008/5548.asp

 

3.4.1 红色是最具有视觉冲击力的色彩；暗示速度和动态；可以刺激心跳速度、加快呼吸、刺激食欲；红色的衣服使人身形显大；红色的车最容易被偷，如图3-27所示。

图3-27 红色

3.4.1.1 红色的具象联想
火焰、鲜血、性、西红柿、西瓜瓤、太阳、红旗、口红、中国国旗。

3.4.1.2 红色的正面联想
激情、爱情、鲜血、能量、热心、激动、热量、力量、热情、活力。

3.4.1.3 红色的负面联想
侵略性、愤怒、战争、革命、残忍、不道德、危险、幼稚、卑俗。

3.4.1.4 红色的文化域

3.4.1.5 实例说明

如图3-28所示，为中企动力8周年主题网站（http://ex.ce.net.cn/8tm/index.html）网页截图，整个页面使用红色作为主色调，给人以喜庆、热闹的感受。

图3-28 中企动力8周年主题网站网页截图

3.4.1.6 红色系配色方案

红色系的配色方案如下，如图3-29所示：

在红色中加入少量的黄，会使其热力强盛，趋于躁动、不安。 在红色中加入少量的蓝，会使其热性减弱，趋于文雅、柔和。 在红色中加入少量的黑，会使其性格变的沉稳，趋于厚重、朴实。 在红中加入少量的白，会使其性格变的温柔，趋于含蓄、羞涩、娇嫩。

图3-29 红色系配色方案

3.4.2 橙色

橙色能促进食欲；橙色的房间代表了友善，带给人愉快，能促使人谈话和思考；橙色能够用来强化视觉，这就是为什么海滩救生员的救生服采用橙色的原因，如图3-30所示。

图3-30 橙色

3.4.2.1 橙色的具象联想
秋天、桔子、胡萝卜、肉汁、砖头、灯光。

3.4.2.2 橙色的正面联想
温暖、欢喜、创造力、鼓舞、独特性、能量、活跃、模拟、社交、健康、奇想、活力、华美、明朗、甘美。

3.4.2.3 橙色的负面联想
粗鲁、时髦、喧嚣、嫉妒、焦躁、可怜、卑俗。

3.4.2.4 橙色的文化域

• 在爱尔兰，橙色代表新教运动。
• 在美洲土著文化里，橙色代表学习和血缘关系。
• 在荷兰，橙色是国家的颜色，因为荷兰的君主来自于Orange-Nassau家族。
• 在印度，橙色代表印度教。

3.4.2.5 实例说明

如图3-31所示，为韩国芬达网站（http://www.fanta.co.kr/）网页截图，整个页面使用橙色作为主色调，和其主打产品－橙味汽水紧密结合。

图3-31 韩国芬达网站网页截图

3.4.2.6 橙色系配色方案

橙色系的配色方案如下，如图3-32所示。

1. 在橙色中混入大量的白，有一种干燥的气氛。
2. 在橙色中混入少量的蓝，能够形成强烈的对比，有一种紧张的气氛。
3. 在橙色中混入少量的红，给人以明亮、温暖的感受。

图3-32 橙色系配色方案

人们用自己的眼睛和头脑来感受色彩。这不仅仅是物理层面上的，而且包含着精神和情感层面。当我们看色彩时常常想起以前与该色相联系的感受或事物，这种因某种色彩而出现的感受，我们就称之为色彩的联想。色彩的联想是通过过去的经验，记忆或知识而取得的。这种感受的结果，就是让不同的色彩具有了其特定的意义。色彩的象征意义多数情况下也是一种文化认同。不同文化中色彩所代表的意义和给人产生的联想是大不相同的，有时可能甚至相反。设计师在应用某种色彩之前，要好好调查一下这种色彩的意义以及它在特定环境下将带给人们的联想。

3.4.3 黄色

是人眼睛最容易注意到的色彩；比纯白色的亮度还要高；可以促进新陈代谢；明亮的黄色是所有色彩中最容易让人产生疲劳感的颜色，它很刺激人的眼睛；暗淡的黄色可以加强人们的注意力，所以多应用于提示牌，如图3-33所示。

图3-33 黄色

3.4.3.1 黄色的具象联想
阳光、沙滩、蛋黄、香蕉、向日葵、小鸡、面包、菜花。

3.4.3.2 黄色的正面联想
聪明、才智、乐观、光辉、喜悦、平凡、泼辣、明快、希望、光明、明媚、理想主义。

3.4.3.3 黄色的负面联想
嫉妒、怯懦、欺骗、警告。

3.4.3.4 黄色的文化域

• 在佛教里，法师穿着金黄色的袈裟。
• 在埃及和缅甸，黄色意味着丧服。
• 在日本，黄色联系到人的勇气。
• 在印度，黄色是商人和农民的标志。
• 在印度教文化中，穿着黄色用来庆祝春节。
• 在古代中国，黄色是帝王专属的颜色。

3.4.3.5 实例说明

如图3-34所示，为韩国立顿红茶网站（http://www.lipton.co.kr/）网页截图，整个页面使用黄色作为主色调，给人以明快、温暖的感受。

图3-34 韩国立顿红茶网站网页截图

3.4.3.6 黄色系配色方案

黄色系的配色方案如下，如图3-35所示。

1. 在黄色中加入少量的蓝，会使其转化为一种鲜嫩的绿色。其高傲的性格也随之消失，趋于一种平和、潮润的感觉。
2. 在黄色中加入少量的红，则具有明显的橙色感觉，其性格也会从冷漠、高傲转化为一种有分寸感的热情、温暖。
3. 在黄色中加入少量的黑，其色感和色性变化最大，成为一种具有明显橄榄绿的复色印象。其色性也变的成熟、随和。
4. 在黄色中加入少量的白，其色感变的柔和，其性格中的冷漠、高傲被淡化，趋于含蓄，易于接近。

图3-35 黄色系配色方案

3.4.4 绿色

是所有色彩中最能让人的眼睛放松的色彩；绿色对人的精神有镇静和恢复的功效，通常在医院中让病人放松；通常绿色的意义是“通行”，还有秩序的意义；绿色可以促进消化，还可以减轻胃痛，如图3-36所示。

图3-36 绿色

3.4.4.1 绿色的具象联想
植物、大自然、环境、西瓜、树叶、山、草。

3.4.4.2 绿色的正面联想
和平、安全、生长、新鲜、丰产、金钱、种植、康复、成功、自然、和谐、诚实、青春。

3.4.4.3 绿色的负面联想
贪婪、嫉妒、恶心、毒药、侵蚀、缺乏经验的。

3.4.4.4 绿色的文化域

• 在伊斯兰国家，绿色是天堂的颜色，同是也是伊斯兰教的代表色。
• 在爱尔兰，绿色就是其国家的象征。
• 在凯尔特文化中，绿色的巨人是丰收之神。
• 在美洲土著文化中，绿色联系到人们的愿望和意志。

3.4.4.5 实例说明

如图3-37所示，为韩国真露烧酒网站（http://www.chamisulfresh.com/default.asp）网页截图，整个页面使用绿色作为主色调，符合真露烧酒以植物为原材料提取的产品理念。

图3-37 韩国真露烧酒网站网页截图

3.4.4.6 绿色系配色方案

绿色系的配色方案如下，如图3-38所示。

1. 在绿色中黄的成份较多时，其性格就趋于活泼、友善，具有幼稚性。
2. 在绿色中加入少量的黑，其性格就趋于庄重、老练、成熟。
3. 在绿色中加入少量的白，其性格就趋于洁净、清爽、鲜嫩。

图3-38 绿色系配色方案