WWE之家

网页设计中色彩研究

WWE之家2022-10-24

网页设计中色彩研究

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

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

  不同的色彩给人不同的心理暗示。专家们的大量实验发现,身处红色环境之中,人的脉搏会加快,血液流速加快,血压升高,头晕目眩,情绪更是异常亢奋和冲动。也有科学家发现,色彩能影响人的脑电波,例如脑电波对红色的反应是警觉,对蓝色的反应是放松。可见,色彩心理对人的感官刺激有着重要的影响。同理,新闻网页中的色彩,是第一时间印入人脑的第一印象。

  色彩是比文字更先传递到人脑的信息,好的色彩搭配是使人继续关注页面的关键因素,就像T台走秀的模特一样,把不同颜色搭配的衣服穿在身上供大家欣赏,好的色彩搭配同时也会提升整个网站的魅力指数,给人们一个完美的印象分数,从而吸引人们继续深入的关注网站更深层次的内容。网站会根据新闻网站的宣传主旨与诉求风格,运用色彩搭配以营造交互者不同的心理感受。网页主色调是浏览者的眼睛第一瞬间捕捉到的主要色彩,会给浏览者留下较强的心理暗示。由此,在设计之初,就要针对需求给网页设定整体的色彩基调,例如:可爱、活泼、庄重、大气、另类个性……依据这些关键词联想到几个配色方案,然后再根据网站对细节的要求,最终确定整个网站的基调。

  二、事物都有两面性

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

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

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

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

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

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

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

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

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

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

  让浏览者最先捕捉到自己想要的核心内容,然后用不同颜色突出自己不同重要的板块,尤其是搜索、登录、导航按钮等等,使访客知道自己看到这个页面的时候自己该干些什么。以淘宝为首的这些大网站都有非常顶级的网页设计师,他们设计的页面看似非常简单,但是我们看起来非常舒服,给我们留下一个非常好的印象。以下为几家新闻类门户网站的色彩心理效应:搜狐的主要色彩是醒目亮眼的黄色,突出的搜狐标志和具有导航功能的导航条,给人心里带来阳光的同时,也让人觉得这个网站的内容是正面、积极、乐观的,感觉舒服、自然、亲切,容易让人接受。网页字体采用蓝色,蓝色文字让人看上去更加沉稳、可信;新浪采用的主要色彩也是具有暖人身心的橙色,除了同样的引人注意之外,橙色给人感觉更加成熟、华丽、富有热情。网页字体也同样采用稳重的蓝色;还有一些省内地市的网站,例如:牡丹江新闻网主色调采用的是蓝色,搭配绿色,偶尔用一些亮色如红色、橙色加以点缀。蓝色给人宽广无垠、灵动之感,加以绿色更显示出生机与希望。网页字体采用浅蓝色。

  与大网站相比,地方网站更加贴近百姓生活,俗话说就是更加的“接地气”,发生在百姓身边的一些大事小情与鸡毛蒜皮更容易引起共鸣,吸引大家驻足观看。双鸭山新闻网主色调采用的是红色,热情洋溢,报道正面。页面分区简结明了,广告位区分也是贴近网站主色调,采用同色调色彩之间的差别来区分,既不突兀也没有一丝违和感,使得广告位设计显得那么自然得当。新改版的七台河新闻网主色调也是采用蓝色,网页字体采用黑色。用以显示网站的专业性,体现出网站的沉稳、大气。同时传达给人们认真、理性做真实新闻的决心。在宣传党的政策和主旋律的同时,又能将百姓生活紧紧结合,做一个亲民的地方网站。

  四、色彩的力量是强大的

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

  五、结语

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