网页设计中的色彩选择与搭配技巧.doc

1、网页设计中的色彩选择与搭配技巧Color selection and matching techniques in Web Design朱晶 zhujing江西先 锋软件职业技术学院网络学院专职教师 network Academy of ahead software vocational college,Jiangxi,330041,china摘要 在网页设计中,色彩有着不可或缺的重要地位。提出色彩运用应注意的原则、色彩搭配的建议,从美学角度探讨色彩在网页设计中的运用,以发挥色彩在网页中的视觉冲击作用,以高超的配色技巧大胆创新,创造出更时尚、更具吸引力的网页设计作品。网页的色彩是树立网站形象的

2、关键之一，色彩搭配却是让网页设计者感到头疼的问题。网页的背景，文字，图标， 边框，超 链接等， 应该采用什么 样的色彩，应该搭配什么色彩才能最好的表达出预想的内涵，在本章中将详细叙述色彩的选择与和搭配技巧。summary Page design, color has an important status. Proposed the use of color should be noted that the principle of the proposal with a color, from an aesthetic point of color in web design to expl

3、ore the use of color in order to play at the page of the visual impact of the role of the color superb skills to bold innovation, to create a more stylish, more an attractive Web page design。 Page color is to establish the image of one of the keys to web, color match is so that the page was headache

4、 Designer. Web page background, text, icons, borders, hyperlink and so on, should be what color, what color should match the best in order to express the desired content, in this chapter will be described in detail and select colors and match skills。关键字 色彩、网页、搭配key word color、web page、match中图法分 类号 Z

5、42引言众所周之，在网页设计中色彩的运用和搭配是很重要的环节，色彩是艺术表现的要素之一。在网页设计中，我们的设计师根据和谐、均衡和重点突出的原则，将不同的色彩进行组合搭配来构成美丽 的页面。 根据色彩对人们心理的影响，合理地加以运用。1、非彩色的搭配 黑白是最基本和最简单的搭配，白字黑底，黑底白字都非常清晰明了。 灰色是万能色，可以和任何彩色搭配，也可以帮助两种对立的色彩和 谐过渡。如果你实在找不出合适的色彩，那么用灰色试试 ，效果 绝对不会太差。1.1 黑色黑色的内涵最为丰富和复杂，黑色具有很强的感染力，能够表现出特有的高贵显得严肃、庄严和坚毅。另外，黑色还具有恐怖、烦恼、 忧伤 、消极、沉

6、睡、悲痛甚至死亡等意象。黑色用在宗教网站中显 出严肃和庄严。黑色是一种流行色，适合于许多色彩搭配。黑色还具有高贵、稳重、科技的意象，是许多科技网站的主色调配合其他辅助色，营造出科技的神秘感。另外在一些音乐网站中也常常用黑色为主色调，营造出炫酷的氛围。1.2 白色白光是所有颜色光线的集合，白色反射所有的光线，不吸收任何可见光，因此白色被作为纯粹、虚无、轻盈、光明及金属的象征。在商 业设计 中，白色具有 洁白明快纯真和清洁的意象。白色是网页设计 中通用的颜色，它具有容易突出彩度的特性，当一个页面设计未使用白色时，往往会感 觉空间减弱，容易造成猜度不够明确、 页面沉闷等反应。很少有纯白色的网页，通常

7、与其他色彩搭配使用。黑色与白色表现出了两个极端的亮度，这两种颜色搭配使用通常可以表现出都市化，现代的感觉。因为黑色和白色的搭配给人以特殊的严肃感，所以也经常被用于庄重的场合。2、彩色的搭配色彩千变万化，彩色的搭配是我们研究的重点。我 们依然需要进一步学习一些色彩的知识。2.1 红色红色色感温暖，性格刚烈而外向，是一种对人刺激性很强的颜色。 红色容易引起人的注意，也容易使人兴奋、激动、紧张、冲动。红色在各种媒体中被广泛的运用，除了具有较佳的明视效果外，更被用来传达具有活力、 积极、 热诚 、温暖以及前进等含义的企业形象与精神。另外，红色也常被用作警告、危险、禁止、防火等标识色。在网页颜色的应用中

8、，单纯以红色为主色调的网站相对较少，多用作辅助色、点睛色，以达到陪衬、醒目的效果。红色与少量黄色相搭配，会使其热力强盛，趋于躁动、不安，极富动感和张扬的个性。红色与黑色的搭配在商业设计中被誉为商业成功色，在网页设计中也比较常见。红黑搭配常被用于较前卫时尚、个性的娱乐休闲区网页中。 红色与灰色、黑色等暗色调搭配使用，给人以现代、激 进的感 觉。粉红色是红色系中的冷色系，这类颜色的组合多用于女性主题，如化妆品、服装等，鲜嫩而充满诱惑，容易营造出柔情、娇媚、温柔、甜蜜、纯真、诱 惑和艳丽等气氛。2.2 黄色黄色是有彩色中最明亮的色彩，因此净化藏给人留下明亮、辉煌、 灿烂、愉快、高 贵和柔和的印象，同

9、时又容易引起味觉上的条件反射， 给 人以甜美和香酥感。黄色有着金色的光芒，有希望与功名等象征意义， 还代表着土地，象征着权力，并且还带有神秘的宗教色彩。黄色是明亮的且可以给人甜蜜和幸福感的颜色，在很多设计作品中黄色都被用来表现喜庆的气氛和华丽的商品。黄色在网页配色中使用最为广泛的颜色之一，黄色与其他颜色配合很活泼，有温暖感，代表快乐、希望、智慧和轻快。黄色比较适合活泼跳跃、色彩绚丽的配色方案。高亮度的黄色与黑色相结合可以得到清晰整洁的效果，这种配色在网页设计中经常会见到。在配色时，黄色与绿色搭配会 显得很有朝气和活力。通常，在商品网站中使用黄色与红色搭配来渲染热闹气氛。淡黄色几乎能与所有的颜色

10、相搭配，但如果要达到醒目的效果，则不能将淡黄色放在其他的浅色上，尤其是白色，因为 它将是人什么也看不见。深黄色一般不予深红色及深紫色相搭配。2.3 蓝色蓝色给人以沉稳的感觉，且具有深远、永恒、沉静、博大、理智、诚实和寒冷的意象。同时， 蓝色还能够营造出和平淡雅洁净及可靠等氛围。在商业设计中强调科技、商 务的企业形象时，大多选用蓝色当 标准色。 蓝色是冷色系中最典型的代表，是网站 设计中运用得最多的颜色。蓝色会使人自然联想起大海和天空，所以会使人产生一种爽朗开阔和清凉的感觉。浅蓝色具有淡雅、清新、浪漫和高贵的特性，常被用于化妆品、女性、服装网站的设计中，它也是最具凉爽、清新特征的色彩。浅蓝色和绿

11、色、白色的搭配在网页中是比较常见的，他们之间的搭配可以是 页面看起来非常干净清澈，能体现出柔顺淡雅和浪漫的气氛。蓝色是冷色系中的典型代表，而黄、红色是暖色系中最典型的代表，冷暖色系对比度大，较为明快，很容易感染、带动浏览者的情绪，具有很强的视觉冲击力。深蓝色是沉稳的且较常用的色调，能给人以沉稳、冷静、严谨和成熟的心理感受。它主要用于营造安稳、可靠及略带有神秘感的氛围，一般用于企业宣传类网站的设计中。2.4 绿色在商业网页设计中，绿色所传递的是清爽、理想、希望和生长的意象，较符合服务业、卫生保健业、教育行业、农业类网页设计的要求。 绿色通常与 环保意识有关，也经常使人联想到有关健康方面的事物。绿

12、色与人类息息相关，是自然之色，代表了生命与希望，也充满了青春与活力。它生机勃勃，象征着生命。它本身具有特定的与自然、健康相关的感受，所以也经常被用于与自然、健康相关的站点。此外，绿色还经常用于一些公司的儿童站点或教育站点。绿色具有黄色和蓝色两种成分， 绿色的性格最为平和、安 稳，是一种柔顺、恬静、满足及优美的色彩。绿色在黄色和蓝色之间，属于较中庸的颜色，是和平色，偏向自然美，宁静、生机勃勃、宽容，可与多种颜色搭配而达到和谐的效果，也是网页中最为广泛的颜色之一。绿色与红色、蓝色与黄色两组对 比色搭配在一起， 虽然听起来好像颜色很杂，但是只要 协调搭配，就能起到意想不到的效果。适当运用不同纯度的深

13、 绿和浅绿色并不刺目，反而可使页面看起来很有朝气和活力。2.5 紫色紫色具有创造、谜、忠诚、神秘及稀有等内涵。象征着女性化，代表着高贵和奢华、优雅与魅力，也象征着神秘与庄重、神圣和浪漫。紫色通常被用于以女性为对象或以艺术品介绍为主的站点，但很多大公司的站点中也喜欢使用蕴含着神秘、尊贵和高尚的紫色。紫色加入少量的白色，就会成为一种十分优美、柔和的色彩。随着白色的不断加入，也就不断产生不同层次的淡紫色，可使紫色的沉闷性格消失，变得优雅、 娇气，并充满女性魅力。不同色调的紫色可以 营造出非常浓郁的女性化气息，而且在灰色这一突出颜色的衬托下，紫色可以显示出更大的魅力。紫色与紫 红色都是非常女性化的颜色

14、， 给人的感觉都是浪漫、柔和、华丽和高 贵优雅，特别是紫红色更是女性化的代表颜色。高彩度的紫红色可以表现出超凡的华丽，而低彩度的紫红色可以表现出高雅的气质。紫色配合时尚的卡通人物，可以使页面具有非常强烈的现代感， 给 人以更深刻的印象。2.6 橙色橙色的波长居于红和黄之间，橙色是十分活泼的光辉色彩，是最暖的色彩，给人以华贵而温暖、兴奋而热烈的感 觉，也是令人振 奋的颜色。橙色具有健康、活力、勇敢和自由等象征意义，能给人以庄 严尊贵神秘等感觉。橙色会使人联想到金色的秋天以及丰硕的果实，因此是一种富足、快 乐而幸福的色彩。橙色适用于 对视觉要求较高的时尚网站，也常被用于对 味觉要求较高的食品网站，

15、因为橙色也是容易引起食欲的颜色。橙色是可以通过变换色调营造出不同氛围的典型颜色，它既能表现出青春的活力又能实现稳重的效果，所以橙色在网页设计中的使用范围是非常广泛的。使用了高亮度橙色的网页通常都会给人一种明朗和新鲜的感觉，而将浅黄色、黄色、黄绿色等邻近色与橙色搭配使用，通过不同明度和纯度的变化可以得到更为丰富的色阶通常都能得到非常好的视觉效果，只要在视觉 上处理的井然有序，将会使整个页面看起来华丽、新 鲜、充满活力。通过将浅绿色、浅蓝色、 蓝色等颜色与橙色搭配使用，可以构成最明亮、最欢乐的色彩。橙蓝对比色比较少见 ，给人印象深刻，使人很容易记住它。结束语我们在设计网站或者广告的时候，是需要有自己的特色，例如自己钟爱的颜色，用色的一些独特的方面，因为 没有一点自己喜欢的特色的设计就如同一台机器一样毫无生气，所以我想网页的用色会在用色方式上采用一些比较让人接受的颜色并日趋规范，日趋合理，逐渐让人感到一个又一个如同艺术品一样让人赏心悦目。参考文献1王萍.浅谈网 页色彩的配色 J.硅谷，2009(1)2李立伟.浅谈 网页色彩设计 J.郑州轻工业学院学报(社会科学版), 2007(02)3刘瑞华.DreamWeaver MX 2004 中文版标准教程M.科学出版社，2004(7):384-3864张静.网页色彩的 设计艺术 J.科教文汇(下旬刊),2007(05) .