网页设计中色彩研究范文

本站小编为你精心准备了网页设计中色彩研究参考范文，愿这些范文能点燃您思维的火花，激发您的写作灵感。欢迎深入阅读并收藏。

摘要：

互联网已经成为人们相互交流、相互沟通的首选互动平台。随着互联网突飞猛进的发展，世界已经被互联网所“占领”，人们的生活已无法摆脱网络的“控制”。网络生活已经悄无声息的变成了人们生活中非常重要的一部分。无论是手机还是电脑或者其他终端，都无时无刻不在帮助人们通过这些媒介去了解世界。观看视频、上网购物、打游戏、寻找工作、通过微博、微信让别人了解自己的动态都成为了时尚。然而以上这些统统都离不开人机交互的界面。人与网络界面的交互就变得越来越重要，也就是通常所说的网页。而当人们第一眼看到一个网页时，最先看到的就是这个页面的色彩。色彩及其变化参与交互与否。不同的色彩表达出不同的情感，也可以突出表达不同的页面内容与意义。

关键词：

色彩；网页设计；心理效应

一、色彩，就是光经过物体散射到达人眼睛中的颜色

不同的色彩给人不同的心理暗示。专家们的大量实验发现，身处红色环境之中，人的脉搏会加快，血液流速加快，血压升高，头晕目眩，情绪更是异常亢奋和冲动。也有科学家发现，色彩能影响人的脑电波，例如脑电波对红色的反应是警觉，对蓝色的反应是放松。可见，色彩心理对人的感官刺激有着重要的影响。同理，新闻网页中的色彩，是第一时间印入人脑的第一印象。色彩是比文字更先传递到人脑的信息，好的色彩搭配是使人继续关注页面的关键因素，就像T台走秀的模特一样，把不同颜色搭配的衣服穿在身上供大家欣赏，好的色彩搭配同时也会提升整个网站的魅力指数，给人们一个完美的印象分数，从而吸引人们继续深入的关注网站更深层次的内容。网站会根据新闻网站的宣传主旨与诉求风格，运用色彩搭配以营造交互者不同的心理感受。网页主色调是浏览者的眼睛第一瞬间捕捉到的主要色彩，会给浏览者留下较强的心理暗示。由此，在设计之初，就要针对需求给网页设定整体的色彩基调，例如：可爱、活泼、庄重、大气、另类个性……依据这些关键词联想到几个配色方案，然后再根据网站对细节的要求，最终确定整个网站的基调。

二、事物都有两面性

色彩也有其双面的意义，即积极、消极两方面，这正反两面的含义对网页受众也有着不同的心理影响。

1.红色最容易引人注意，也是刺激性最强的色彩。是血液和太阳等象征“能量”的色彩。积极意义：给人感觉喜庆、热闹；有积极性，带有正能量，使人情绪激动、兴奋。同时也象征热情、权威、自信。消极意义：让人情绪失控，感觉血腥、暴力，容易造成心理压迫感。在网页设计中应结合网页主题宣传的需要加以应用，避免色彩的消极意义影响。比如：一些官方新闻网站使用红色作为网站的主色调，白色为辅色，配以官方的新闻内容，整个网页的色彩搭配给人传递正能量、权威、可信赖的心理感受，让人从心底更愿意也更容易接受网站所宣传的内容。

2.黑色神秘、沉着。使人感觉严肃，刚健。积极意义：凝重、庄重、肃穆、自信，象征高雅、低调。消极意义：使人感到恐怖、空虚、绝望，有精神压抑感。黑色可以作为娱乐类新闻网站的色彩基调，用以体现时尚、高端、劲炫、潮流的品位，引领最新、最前沿的时尚娱乐资讯。

3.灰色代表中立，与黑色、白色同为中间色。积极意义：智慧、稳重，象征诚恳、沉稳、考究。消极意义：灰暗、单调、冷漠。灰色可以应用到科技感很强的新闻页面当中，例如信息化类型的新闻网页。用以体现整体页面的超前感、未来感。

4.白色纯洁、干净、朴素、高雅。积极意义：白色可以减缓人情绪的波动，安抚人的心灵。象征神圣、善良，充满无限幻想。消极意义：略显拘谨，会给人疏离、梦幻的感觉。白色常应用于医疗、救援等新闻页面，用以平复人们的情绪。白色可以应用的范围较广，白色最简洁，可以被应用于各种网站的网页设计之中，以白色为主色调搭配不同颜色表达的效果也不同，是永恒流行的主色调。橙色阳光、活力、华丽。积极意义：充满生气，给人亲切、坦率、开朗、健康的感觉，让人感到安适、放心。消极意义：使人感觉负面、低俗。

5.橙色视觉效果也很强烈，较红色次之，也很醒目。可以应用于容易激起人热情的页面，例如旅游类新闻页面，给人以温暖愉悦，让人焕发精神，富于挑战的感觉。

6.黄色是明度极高的颜色，活泼、明亮醒目，视觉冲击力强。积极意义：能激发能量，给人快乐与希望。消极意义：黄色也有不稳定、招摇，甚至挑衅的味道，具有警告的效果。在页面中可用于特别提醒注意，如提倡保护动物等新闻页面，有特别强调之意。

6.绿色是大自然的颜色，有环保的作用。积极意义：给人无限的安全感受，增进和谐，对缓解紧张、消除疲劳非常有帮助。象征生命力、自由和平、希望、新鲜、舒适。消极意义：暗示了隐藏、被动、冷清。体育类新闻经常应用到绿色做搭配，绿色常被联想到自然、生命与希望，借以表现出整个页面的和谐与亲近之感。蓝色是天空的颜色，沉稳、灵性。积极意义：象征希望、理想、独立、诚实、信赖与权威。

7.蓝色是很受欢迎的颜色。消极意义：阴暗、忧郁。应用于专业技术性强的新闻页面，体现冷静、认真、理性、权威、可信赖。紫色的光波最短，在自然界中较少见到。积极意义：能够镇静精神。象征神秘、高贵的色彩，富有艺术气息。消极意义：高傲、忧伤。休闲娱乐类新闻较常运用紫色，体现神秘，梦幻。

三、网站内容应该主次分明

让浏览者最先捕捉到自己想要的核心内容，然后用不同颜色突出自己不同重要的板块，尤其是搜索、登录、导航按钮等等，使访客知道自己看到这个页面的时候自己该干些什么。以淘宝为首的这些大网站都有非常顶级的网页设计师，他们设计的页面看似非常简单，但是我们看起来非常舒服，给我们留下一个非常好的印象。以下为几家新闻类门户网站的色彩心理效应：搜狐的主要色彩是醒目亮眼的黄色，突出的搜狐标志和具有导航功能的导航条，给人心里带来阳光的同时，也让人觉得这个网站的内容是正面、积极、乐观的，感觉舒服、自然、亲切，容易让人接受。网页字体采用蓝色，蓝色文字让人看上去更加沉稳、可信；新浪采用的主要色彩也是具有暖人身心的橙色，除了同样的引人注意之外，橙色给人感觉更加成熟、华丽、富有热情。网页字体也同样采用稳重的蓝色；还有一些省内地市的网站，例如：牡丹江新闻网主色调采用的是蓝色，搭配绿色，偶尔用一些亮色如红色、橙色加以点缀。蓝色给人宽广无垠、灵动之感，加以绿色更显示出生机与希望。网页字体采用浅蓝色。与大网站相比，地方网站更加贴近百姓生活，俗话说就是更加的“接地气”，发生在百姓身边的一些大事小情与鸡毛蒜皮更容易引起共鸣，吸引大家驻足观看。双鸭山新闻网主色调采用的是红色，热情洋溢，报道正面。页面分区简结明了，广告位区分也是贴近网站主色调，采用同色调色彩之间的差别来区分，既不突兀也没有一丝违和感，使得广告位设计显得那么自然得当。新改版的七台河新闻网主色调也是采用蓝色，网页字体采用黑色。用以显示网站的专业性，体现出网站的沉稳、大气。同时传达给人们认真、理性做真实新闻的决心。在宣传党的政策和主旋律的同时，又能将百姓生活紧紧结合，做一个亲民的地方网站。

四、色彩的力量是强大的

没有色彩也是一种色彩，它也代表着一种情感。2008年5月19日-21日是四川汶川地震后的全国哀悼日，几乎所有网站都把主色调换成了黑白灰色，甚至有很多网友把自己的个人微博、空间主页都换成了中间色，以此来表达沉痛的心情，和对逝者的悼念。见到某种色彩时，会无意中形成固定的印象。根据不同的新闻类型选择合适的颜色，色彩是有情感的，也是网页中最直接的一种表达方式。有时候一个色彩的改变会使一个网站给人的印象发生很大的变化。作为新闻类网页的页面设计，一定要考虑到新闻的正面引导作用，不能应用太过浮夸的色彩，可以应用色彩色块表现突出想要宣传的内容，从而分出层次。同时还要注意整个页面色彩与风格的整体统一性。我们要学会抓住各种色彩的心理效应，并在网页设计上灵活运用的话，你会发现一个新的突破！

五、结语

综上所述，不同色彩在网页中扮演着截然不同的角色，多种色彩的搭配更是能演绎出千变万化的功能，也能引发交互者不同的情感变化。相信随着立体媒体所占比重的日益增大，色彩心理将会在新闻网站这个领域发挥更大的作用。

参考文献：

倪少清编著:色彩心理学中国广播影视出版社；2013年2月

作者:李凤茹 单位:七台河日报社