前端设计色彩搭配原理分析及技巧

前端设计色彩搭配原理分析及技巧：

研究色彩是为了使用色彩，也就是说最大限度地发挥色彩的作用。色彩的意义与内容在艺术创造和表现方面是复杂多变的，但在欣赏和解释方面又有共通的国际特性，可见它在人们心目中不但是活的，也是一种很美的大众语言。所以，通过对色彩的各种心理分析，找出它们的各种特性，可以做到合理而有效地使用色彩。

一、红色系

红色系是从色相环上的红紫色到朱红色之间的色彩。它的刺激作用很大，具有很高的注目性和视认性。大红色是暖色系里温度最高的色彩，红色系原色彩对人的心理能产生很大的鼓舞作用。

1.纯色使人产生如下心理感受：热的、活泼的、宽大的、引人注目、辣辣的、令人疲劳、不透明、健康的、血、热闹、圣诞节、太阳、口红、**、干燥、喜气洋洋、结婚、愉快、热情、热心、热爱、艳丽、危险、火灾、权势、活力、幸福、吉祥、丰富、野蛮、忠诚、大方、革命、暴力、残忍、贪婪、愤怒、浪漫、开放、庄重、公正、激昂、恐怖。

2.纯色加白(清色)使人产生如下心理感受：健康、圆满、幼稚、婴儿、温水、浪漫的、快甜蜜的、化妆品、优美、娇柔。

3.纯色加黑(暗色)使人产生如下心理感受：枯萎、黄昏、固执、孤僻、憔悴、烦恼、秋天、不安、古老、独断。

4.纯色加灰(浊色)使人产生如下心理感受：恶心、污泥、烦闷、哀伤、忧郁、阴森、寂寞、昏昏沉沉。

二、黄红色系

黄红色系的性质和红色系性质很接近，该色系大致以橘红色为中心，另有橙色、黄丹、柿红、赭石、琥珀等色彩组成黄红色系。其色彩刺激没有红色那么大，但其色彩性质轻浮而冲动，所以具有很大的视觉警戒力，具有很强的视认性和引人注目的感觉。喜欢高纯度黄红色的人不太多，而当该色系变浅或变浊时，喜欢的人就很多。日常生活上见到的许多物品均是这一类色彩，尤其是淡米黄类的色彩，具有促进食欲的作用;茶褐色一类的色彩使人感觉沉着安定，这样的色彩均是理想的设计色彩。

1.纯色使人产生如下心理感受：橘子、柿子、火焰的尖端、强烈的、冲动的、开朗的、跳动的、热烈摇滚、嬉皮、华丽、艳阳天、丰富、甜蜜、甘美、光明、欢乐、兴奋、少壮、力量充沛、顽皮、疑惑、暴躁、厌烦、嫉妒、悲伤、勇气十足、容易轻举妄动、野心。

2.纯色加白(清色)使人产生如下心理感受：细嫩、温馨、暖和、柔润、回忆、和谐、柔顺、怡情、轻巧、慈祥。

3.纯色加黑(暗色)使人产生如下心理感受：大地、沉着、安定、古香古色、老朽、悲观、情深、雅宴、严肃、拘谨。

4.纯色加灰(浊色)使人产生如下心理感受：灰尘、沙滩、故土、怀思、呆痴、灰心、退休。

三、黄色系

黄色系是具有最亮彩系的色彩，也是与纯色和一般其他的色彩感情区别最大的色系。它包括金黄、藤黄、柠檬黄、米黄、蛋黄、土黄等色彩。黄色系明度高，最引人注目，但在暖色系中较温和，刺激性不大，所以给人带来中和的感觉。

1.纯色使人产生如下心理感受：黄金、目光、金光、香蕉黄、木瓜黄、向日葵、光辉、刺眼、明朗、快活、健康、有自信、可发展、前途光明、希望、荣誉、高贵、贵重、有价值、大方、大胆、进取向上、财富、有信用、大地、增加、膨胀、佛、神仙、上帝、黄帝、德高望重、富于心计、警惕、猜疑。

2.纯色加白(清色)使人产生如下心理感受;单薄、娇嫩、可爱、幼稚、乳液、不高尚、无诚意、轻蔑、下流。

3.纯色加黑(暗色)使人产生如下心理感受：没有希望、多变、贫穷、犯罪、粗俗、秘密、戏弄。

4.纯色加灰(浊色)使人产生如下心理感受：不舒服、没有精神、不健康、懒散、低贱、肮脏、受污辱、呻吟、陈旧、背弃。

四、黄绿色系

黄绿色是黄色和绿色的中间色，也是春天草木萌芽的色彩，翠绿、嫩绿、浅绿是它的主要色彩。黄绿色系的色彩很温和，从心理上感觉，这一色系比其他颜色单纯，而且有中性的感觉。

1.纯色使人产生如下心理感受：新绿、幼芽、新鲜、春天、三月、生长、茁长、青翠、年

轻、清醒、可亲近、纯真、朴素、无邪、活力、含蓄、新生、开始、欣欣向荣、有朝气、生命

感、幼稚、无知、未成熟、幸运、乐观。

2.纯色加白(清色)使人产生如下心理感受：嫩苗、清脆、爽口、芳香、淡薄、薄荷、明

快、容易破碎。

3.纯色加黑(暗色)使人产生如下心理感受：泡菜、淹没、酸菜、忧愁、委屈、受打击、夭

折、哭泣。

4.纯色加灰(浊色)使人产生如下心理感受：不新鲜、温湿、迟疑、失调、俗气、迷惑、泄气。

五、绿色系

绿色多数是植物色彩。在自然界中除了天与海，绿色所占面积最大。在人们的印象中，绿色的范围是从黄绿到青绿，实际上，正确的范围应以草绿色为中心，左右各18。范围内为准。绿色的刺激和明度均不高，性质极为温和，属于中性偏冷的色彩，多数人喜好此色。

1.纯色使人产生如下心理感受：草木、草坪、绿叶、公园、绿地、田园、自然、新鲜、未成熟、羞涩的、平静、安逸、安心、安慰、舒服、远望、健全、有生物、永远、活的、和平、有保障、有安全感、可靠、信任、实在、公平、互惠、理智、理想、亲情、满足、保守、清闲、安息、能解除疲劳、纯真、中庸、纯朴、解放、平凡、卑贱。

2.纯色加白(清色)使人产生如下心理感受：细嫩、爽快、清淡、温和的、宁静的、轻快、舒畅、轻浮、透明感。

3.纯色加黑(暗色)使人产生如下心理感受：安稳、自私、迷信、沉默、力行、刻苦耐劳、有备无患。

4.纯色加灰(浊色)使人产生如下心理感受：湿气、倒霉、腐朽、不能放心、失落感、枉费心思、毫无意见。

六、青绿色系

该色系是夹在青色和绿色中间的色彩，接近深绿。草木的绿叶接近天青色的很少，一般都是从黄红、黄、黄绿、绿到青绿为止。青绿色的明度或注目性与绿色差不多，除了比绿色更冷静和凉湿之外，给人的其他心理感受与绿色系差不多。

1.纯色使人产生如下心理感受：浓阴、茂盛的树叶、深谷清泉、大树、森林、黑松、青潭、草湖、深海、苍岭、凉爽、清凉、深远、浓厚、沉重、安宁、熟睡、幽静、恬静、惰性、平稳、有思想、智慧、经济的、冷漠、傲慢、气急、不平、阴气、内向、坚毅、酸涩、低贱、嫉妒。

2.纯色加白(清色)使人产生如下心理感受：凉水、清风、淡漠、豁达乐观、不计较、高洁、飘逸、单调、秀气、淡泊、无忧。

3.纯色加黑(暗色)使人产生如下心理感受：老谋深算、顽强、畏缩、关闭自守、冷硬、钝重、阴调、庄严。

4.纯色加灰(浊色)使人产生如下心理感受：混乱、别扭、灰心、衰腿、腐败、失业、与世无争、平实、庶民。

七、青色系

通常指的是天青色，该色系包括偏青紫和偏青绿两边的色彩，诸如水青、孔雀蓝、拂青、钴青、绀青、群青、普鲁士蓝等在内的色彩。青色明度比蓝色高而鲜艳，青色系的性格颇为冷静，它与朱红色的刺激性相反，尤其适宜年龄较大的人或者知识分子。青色系的色彩沉着、稳定、没有错觉变化，所以，在分量、面积、轻重、时间的感觉应用上，有很多地方值得人们研究。

1.纯色使人产生如下心理感受：天空、海面、冷水、太空、青云、青玉、寒冷、遥远、浩瀚、无限、自由、飞翔、骄傲、永恒、透明感、冷淡、消极、沉静、理智、冥思、高深、清高、仁善、尊严、**、法律、气魄、幽静、无聊、清淡、冷酷、深奥、能耐的、简朴、沉思、忧郁。

2.纯色加白(清色)使人产生如下心理感受：清淡、清流、聪明、伶俐、淡薄、高雅、闲逸、纤细、轻柔、羞耻。

3. 纯色加黑(暗色)使人产生如下心理感受：奥秘、沉重、大风浪、悲观、幽深、变化莫测、孤僻、强冷。

4.纯色加灰(浊色)使人产生如下心理感受：粗俗、可怜、悲鸣、笨拙、凝滞、压力、贫困、沮丧、犯罪。

八、青紫色系

青紫色系与黄色互为补色，是明度很低的色彩， 般称为湛蓝色。青紫色的颜色本身较暗，所以纯度效果不明显，注目性也较差，必须用背景来衬托，色彩具有收缩和后退的感觉。

1.纯色使人产生如下心理感受：钝重、打伤、冷澈的太空、深远、稀少、凄凉、残酷、秘密、哲理、神奇、闪电、暴力、恐惧、幽灵、鬼祟、神圣、阴险、地狱、刺激、孤独、贵族、霸权、严厉、粗莽、凶猛、拘谨、性情多变、哀伤、崇高、高耸、珍贵、好高骛远、幻觉。

2. 纯色加白(清色)使人产生如下心理感受：迷惑、妖美、梦幻、爱情、偏好、幽静、冷感、无情、离别、贡献、冷艳、奇恋、谦让。

3. 纯色加黑(暗色)使人产生如下心理感受：寒夜、严峻、逼供、干古、固执、阴森、恶、狠毒、深藏不露。

4.纯色加灰(浊色)使人产生如下心理感受：麻烦、拒绝、讨厌、不幸、老成、不安、异味、烦嚣、消沉、自卑。

九、紫色系

紫色是中性色之一，它的视认性不如注目性，即视觉效果不如感受效果大。女性尤其是成熟的女性，更适宜使用紫色系。它是女性最喜欢的颜色之一，具有成熟老练的特征。

1.纯色使人产生如下心理感受：朝霞、紫云、化妆品、少妇、舞池、咖啡屋、艺术性、优美、情调、神秘、神圣、创新、高贵、娴淑、风韵、大方、娇媚、温柔、表现、丰富、昂贵、自傲、奢侈、华丽、粉饰、骄傲、美梦、虚幻、气氛、肃穆、向往、信守、恋爱、魅力、疼爱、浪漫的、虔诚、贞操。

2.纯色加白(清色)使人产生如下心理感受：女性化、清雅、情侣、含蓄、诱人、清秀、娇气、可爱、放荡、羞涩。

3.纯色加黑(暗色)使人产生如下心理感受：隐秘、失恋、虚伪、渴望、内向的、失去信心。

4.纯色加灰(浊色)使人产生如下心理感受：腐烂、厌弃、衰老、回忆、忏悔、畏缩、矛盾、浮动、枯朽。

十、红紫色系

红紫色冷暖度感觉比紫色高，但没有红色热，属于一种中性暖色。视认性和注目性介于紫、红两色之间，是男女都喜欢的色彩。

1.纯色使人产生如下心理感受：

温暖的、口红、女人、红牡丹、樱花、酒吧、大酒家、正在恋爱、爱抚、芬芳、热吻、情欲、性感、热情、浪漫、爱情、娇艳、华贵、香艳、戏弄、富丽堂皇、富贵、大方、甜蜜、丰热、挑逗性、美人计、亲昵、开放、大胆、快感、轻佻、健;仕、满足、享受、游手好闲、环境改善。

2.纯色加白(清色)使人产生如下心理感受：温雅、轻浮、秀气、细嫩、柔情、美丽、美梦、喜欢、甜美、新婚。

3.纯色加黑(暗色)使人产生如下心理感受：野性的、有毒的、威胁、不幸的灾祸、自私、感情堵塞。

4.纯色加灰(浊色)使人产生如下心理感受：灰心、嫉恨、沮丧、堕落、受污辱、哀怨、不新鲜、忧虑、罪恶。

十一、白色系

白色是中性色之 (属无彩色)，除了温度心理外，从明视度及注目性上说，它是高而活泼的色彩，尤其是在配色上，白色的地位很高，具有能普遍参与色彩活动的特性。它的反射率最高，对生理和心理的刺激很大。白色虽然没有色相和纯度上的变化，但因反射率的不同，也会产生偏冷或偏暖的感觉，或是通过对比产生补色倾向。

白色系使人产生如下心理感受：白纸、白云、白墙、白布、白色衣服、白宫、清洁、明快、卫生、洁白、清白、明快、处女、纯粹、真理、朴素、纯洁、正直、神圣、平等、正义感、光明、恬静、清净、冰冷淡薄、不争、失败、同情、空白、节欲、坦白、西方、凶神、白眼、白皮书、白面书生。

黑色系

黑色在心理上是一种很特殊的色彩(属无彩色)，它本身无刺激性，但是可以与其他色彩搭配而增加刺激。黑色不但代表无光的夜晚，也可代表休息、一切超脱的境界。黑色具有明度要素的变化，可以加进各种不同色相里，使其色彩、纯度、明度降低。黑色系使人产生如下心理感受：黑夜、黑布、墨水、黑炭、黑发、乌鸦、丧服、礼服、尼姑、葬仪、黑暗、不吉利、死罪、不正当、结实、坚硬、信仰、虔诚、沉默、静止、绝望、悲哀、严肃、死亡、污泥、虚无、阴间、黑猫、恐怖、解脱、北方、刚正、铁面无私、忠义憨直、粗莽、黑暗时代。

十二、灰色系

灰色是种地道的中性色彩，它是由黑色加白色产生的浅黑色。它的视认性和注目性都很低，而且色彩性质比较顺从，其作用是不但不干涉其他色彩，还易于和其他色彩混合在一起，并且具有协调其他色彩的作用。灰色的色彩从浅灰色到暗灰色，层次变化很多，其色彩感觉各异。

灰色使人产生如下心理感受：阴天、水沟、水泥墙、炭灰、灰尘、阴影、烟幕、乌云、浓雾、灰心、平凡、无聊、模棱两可、消极、无奈、无主观、谦虚、粗糙、颓丧、晦气、暖昧、死气沉沉、遗忘、随便、顺服、中庸、老人。

以上所做的各色系的心理分析，主要目的在于说明色彩心理的特质，这有利于设计者在实际设计中，根据不同的表容去合理运用色彩，使其表达的内容和所用的色彩相得益彰，最后产生理想的色彩情调。 一套策划正确的网页配色方案 策划正确的配色方案时必须要有一个判断标准。

网页设计师策划一个网站需要经过反复多次的思考，而在决定网页配色方案时同样需要经过再三的思量。为了得到更好的策划意见，组织者既应该与合作人员反复进行集体讨论，还应该找一些风格类似的成功站点进行技术分析，一个大型站点是由几层甚至数十层的链接和上百上千种不同风格的网页所构成，所以在需要的时候应该绘制一个合理的层级图。

如果在一个站点配色方案的策划中只凭设计师的感觉来决定最终的配色方案，则成功的机会就会很少，而且即使成功一次，也保证不了下一次同样能够成功。何况一个设计师好的建议在没有任何根据的情况下也不能说服团队中的其他合作成员。萝卜白菜各有所好，如果团队中的每一个成员都执意主张自己的观点，那么这个团队就会一事无成。

当然，感觉是设计师的灵魂，没有感觉的设计师就如同一个没有灵魂的躯壳。但光凭感觉也不能够得到好的结果，如果说好的设计等于感觉加一个未知数，那么这个未知数应该就是可以说服其他人的科学合理的理。