网页效果图设计之色彩配色方案及实例说明.docx

网页效果图设计之色彩配色方案及实例说明.docx

《网页效果图设计之色彩配色方案及实例说明.docx》由会员分享，可在线阅读，更多相关《网页效果图设计之色彩配色方案及实例说明.docx（22页珍藏版）》请在冰点文库上搜索。

网页效果图设计之色彩配色方案及实例说明

网页效果图设计之色彩配色方案及实例说明：

红橙黄绿蓝紫黑白灰

1红色

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

1.1红色的具象联想

火焰、鲜血、西红柿、西瓜瓤、太阳、红旗、口红、中国国旗。

1.2红色的正面联想

激情、爱情、鲜血、能量、热心、激动、热量、力量、热情、活力。

1.3红色的负面联想

侵略性、愤怒、战争、革命、残忍、不道德、危险、幼稚、卑俗。

1.4红色的文化域

∙在非洲，红色代表死亡。

∙在法国，红色代表雄性。

∙在亚洲，红色代表婚姻、繁荣、快乐。

∙在印度，红色是士兵的颜色。

∙在南非，红色是丧服的色彩。

1.5实例说明

为中企动力8周年主题网站（

1.6红色系配色方案

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

1.在红色中加入少量的黄，会使其热力强盛，趋于躁动、不安。

2.在红色中加入少量的蓝，会使其热性减弱，趋于文雅、柔和。

3.在红色中加入少量的黑，会使其性格变的沉稳，趋于厚重、朴实。

4.在红中加入少量的白，会使其性格变的温柔，趋于含蓄、羞涩、娇嫩。

2橙色

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

2.1橙色的具象联想

秋天、桔子、胡萝卜、肉汁、砖头、灯光。

2.2橙色的正面联想

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

2.3橙色的负面联想

粗鲁、时髦、喧嚣、嫉妒、焦躁、可怜、卑俗。

2.4橙色的文化域

∙在爱尔兰，橙色代表新教运动。

∙在美洲土著文化里，橙色代表学习和血缘关系。

∙在荷兰，橙色是国家的颜色，因为荷兰的君主来自于Orange-Nassau家族。

∙在印度，橙色代表印度教。

2.5实例说明

为韩国芬达网站（http:

//www.fanta.co.kr/）网页截图，整个页面使用橙色作为主色调，和其主打产品－橙味汽水紧密结合。

2.6橙色系配色方案

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

1.在橙色中混入大量的白，有一种干燥的气氛。

2.在橙色中混入少量的蓝，能够形成强烈的对比，有一种紧张的气氛。

3.在橙色中混入少量的红，给人以明亮、温暖的感受。

3黄色

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

3.1黄色的具象联想

阳光、沙滩、蛋黄、香蕉、向日葵、小鸡、面包、菜花。

3.2黄色的正面联想

聪明、才智、乐观、光辉、喜悦、平凡、泼辣、明快、希望、光明、明媚、理想主义。

3.3黄色的负面联想

嫉妒、怯懦、欺骗、警告。

3.4黄色的文化域

∙在佛教里，法师穿着金黄色的袈裟。

∙在埃及和缅甸，黄色意味着丧服。

∙在日本，黄色联系到人的勇气。

∙在印度，黄色是商人和农民的标志。

∙在印度教文化中，穿着黄色用来庆祝春节。

∙在古代中国，黄色是帝王专属的颜色。

3.5实例说明

如图3-34所示，为韩国立顿红茶网站（http:

//www.lipton.co.kr/）网页截图，整个页面使用黄色作为主色调，给人以明快、温暖的感受。

3.6黄色系配色方案

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

1.在黄色中加入少量的蓝，会使其转化为一种鲜嫩的绿色。

其高傲的性格也随之消失，趋于一种平和、潮润的感觉。

2.在黄色中加入少量的红，则具有明显的橙色感觉，其性格也会从冷漠、高傲转化为一种有分寸感的热情、温暖。

3.在黄色中加入少量的黑，其色感和色性变化最大，成为一种具有明显橄榄绿的复色印象。

其色性也变的成熟、随和。

4.在黄色中加入少量的白，其色感变的柔和，其性格中的冷漠、高傲被淡化，趋于含蓄，易于接近。

4绿色

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

4.1绿色的具象联想

植物、大自然、环境、西瓜、树叶、山、草。

4.2绿色的正面联想

和平、安全、生长、新鲜、丰产、金钱、种植、康复、成功、自然、和谐、诚实、青春。

4.3绿色的负面联想

贪婪、嫉妒、恶心、毒药、侵蚀、缺乏经验的。

4.4绿色的文化域

∙在伊斯兰国家，绿色是天堂的颜色，同是也是伊斯兰教的代表色。

∙在爱尔兰，绿色就是其国家的象征。

∙在凯尔特文化中，绿色的巨人是丰收之神。

∙在美洲土著文化中，绿色联系到人们的愿望和意志。

4.5实例说明

如图所示，为韩国真露烧酒网站（

4.6绿色系配色方案

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

1.在绿色中黄的成份较多时，其性格就趋于活泼、友善，具有幼稚性。

2.在绿色中加入少量的黑，其性格就趋于庄重、老练、成熟。

3.在绿色中加入少量的白，其性格就趋于洁净、清爽、鲜嫩。

5蓝色

在自然界中很难找到蓝色的事物，抑制食欲，让人没有胃口；能让人的身体分泌安定素，放松身体；在蓝色的环境中工作效率比较高；蓝色的服装通常会体现出一种忠诚和信赖的意味，如图所示。

5.1蓝色的具象联想

海洋、天空、湖水。

5.2蓝色的正面联想

学识、凉爽、和平、雄性、沉思、忠诚、正义、智慧、平静、悠久、理智、深远、无限、理想、永恒。

5.3蓝色的负面联想

消沉、寒冷、分裂、冷漠、薄情。

5.4蓝色的文化域

∙在世界大多数地区，蓝色代表男性。

∙在中国，蓝色代表小女孩。

∙在西方的婚俗中，蓝色代表爱情。

∙在伊朗，蓝色是丧服的色彩。

∙在世界范围内，蓝色是最容易被大众接受的色彩。

5.5实例说明

如图3-40所示，为康师傅劲凉风暴FIR歌友会网站（

5.6蓝色系配色方案

蓝色系的配色方案如下，如图所示。

1.如果在蓝色中分别加入少量的红、黄、黑、橙、白等色，均不会对蓝色的性格构成较明显的影响力。

2.如果在蓝色中黄的成份较多，其性格趋于甜美、亮丽、芳香。

3.在蓝色中混入小量的白，可使橙色的知觉趋于焦躁、无力。

6紫色

是一种娇柔的、浪漫的品性；通常与中性化产生联系；自然界中很难找到紫色，所以紫色有一种“人造”的意义；古代紫色染料洗染的衣物只有贵族和富有的人才能够穿上；紫色能够激发人们的想像力，因此通常用来装饰儿童的房间，如图所示。

6.1紫色的具象联想

皇家、精神、茄子、熏衣草、紫水晶、葡萄、紫菜、礼服。

6.2紫色的正面联想

优雅、高贵、重、神秘、女性化、奢侈、智慧、想像、诡辩、等级、灵感、财富、高尚、古朴。

6.3紫色的负面联想

夸大的、过多的、疯狂、残忍、消极。

6.4紫色的文化域

∙在泰国，在窗户上悬挂紫色，是为了悼念自家的丈夫过世。

∙在日本，紫色代表了各种仪式，启发性的事物，或是自大的人。

∙在在拉丁美洲，紫色意味着死亡。

6.5实例说明

如图所示，为超级名模姜培琳官方网站（

6.6紫色系配色方案

紫色系的配色方案如下，如图3-44所示。

1.在紫色中红的成份较多时，其知觉具有压抑感、威胁感。

2.在紫色中加入少量的黑，其感觉就趋于沉闷、伤感、恐怖。

3.在紫色中加入白，可使紫色沉闷的性格消失，变得优雅、娇气，并充满女性的魅力。

7黑色

黑色服装能使人看上去瘦一些；黑色幽默是病态的；黑色能让和它相配的颜色看上去更明亮；在色彩治疗学中，认为黑色可以激发自信和力量；黑色通常会与黑手党产生联系，如图所示。

7.1黑色的具象联想

夜晚、死亡、墨汁、煤炭、毛发、礼服、洋伞。

7.2黑色的正面联想

权力、威信、重量、诡异、高雅、仪式、严肃、高贵、孤独、神秘、时髦、严肃、刚健、坚实、生命。

7.3黑色的负面联想

恐惧、消极、邪恶、秘密、屈服、服丧、重量、懊悔、无知、悲哀、阴沉、冷淡。

7.4黑色的文化域

1.在美国、欧洲和日本，黑色是叛逆的颜色。

2.在中国，黑色代表小男孩。

3.在亚洲，黑色代表事业、紫色、服丧和忏悔。

4.在世界范围，黑色代表深肤色血统人种。

7.5实例说明

如图所示，为韩国genesis汽车网站（http:

//www.the-genesis.co.kr/）网页截图，整个页面使用黑色作为主色调，给人以大气、贵雅的感受。

8白色

一些文化认为如果身着白色服装举行结婚仪式，将会带来好运；白色是表达到最完美平衡的颜色；由于白色太明亮，会引起某些人群的头疼感；白光会引起暂时的失明；白色经常会同上帝、天使联系起来，如图所示。

8.1白色的具象联想

雪、白纸、白兔、白云、砂糖、光芒、纯净、面粉。

8.2白色的正面联想

清洁、神圣、洁白、纯洁、纯真、神秘、完美、美德、柔软、庄严、简洁、真实、婚礼。

8.3白色的负面联想

虚弱、孤立。

8.4白色的文化域

∙在日本和中国，白色是葬礼的色彩。

∙在世界范围内，白色的旗帜代表休战。

∙在欧洲和北美，白色代表了浅肤色的高加索人种。

∙在印度，如果已婚妇女穿着白色，会引起人的不愉快。

8.5实例说明

如图所示，为韩国影星daniel-henney的官方网站（http:

//www.daniel-

9灰色

灰色通常不能引起观众比较强烈的情感变化；灰色是白色和黑色平衡的结果；灰色的补色也是其本身，如图所示。

9.1灰色的具象联想

乌云、草木灰、树皮、中性。

9.2灰色的正面联想

平衡、安全、可信、谦虚、成熟、智能、才智、平凡、古典主义。

9.3灰色的负面联想

阴天、老龄、厌倦、悲伤、失意、缺少承诺、不确定、喜怒无常、优柔寡断、糟糕的天气。

9.4灰色的文化域

∙在美国，灰色代表荣誉和友谊。

∙在亚洲，灰色代表在路途中有帮助的人。

∙在世界范围内，灰色让人联想到白银和金钱。

9.5实例说明

如图所示，为韩国影星安在旭官方网站（http:

//www.ahnjaewook.co.kr/main/）网页截图，整个页面使用灰色作为主色调，给人以沉稳、大气的感受。