您好, 访客   登录/注册

色彩在网站页面设计中的应用探讨

来源:用户上传      作者: 徐阳

  摘 要:本文首先从色彩的表现力和象征性两方面论述了其在网站页面设计中的重要作用,然后介绍了网站网页色彩设计中的简洁性、主从性、均衡性等原则,最后对色彩在网站页面中的具体运用做了详细地探讨。
  关键词:色彩;网站页面;页面设计;应用
  中图分类号:TP393.092
  1 色彩在网站页面设计中的重要性
  在网页设计中,色彩是一个非常值得研究的对象,最早将色彩引入到现代色彩体系中的教育家有很多,约翰内斯・伊顿就是其中的一位,他具有十分敏感的形式意识,在他看来,色彩是一种比较理性的事物,只有对色彩的构成进行认真地分析和研究,才能更好地展现出色彩的魅力。他曾经说过:“研究色彩美学的一种重要出发点就是对比效果及其分类,主观调整色彩感知力问题和建筑设计、艺术设计以及商业广告设计等具有紧密的联系。”由此产生了色彩美学的概念。色彩在网站页面设计中的作用,可以从色彩的表现力和色彩的结构性两方面进行研究。
  1.1 色彩的表现力。人们通常将色彩形象地比喻为具有较强诱惑力的女性,主要是因为女性对色彩具有加强的敏感性。英国有专家指出,将色彩应用于视觉作品上将会增加作品的吸引力。在设计作品中半数以上颜色设计较好的作品能够吸引更多的女性消费者。
  康定斯基曾说:“内部因素和外部因素是艺术作品中的两大因素。内部因素是指艺术家内心所具有的情感,可以引起观众类似情感。”设计师就是利用了自己真实的感受和对色彩的认识来设计作品的,目的是为了引起观众情感上的共鸣。与图形的变大效果相比,色彩具有更强的感染力。
  1.2 色彩的象征性。对于色彩的心理感受,心理学家曾做过实验,结果发现人们在红色氛围下,情绪比较激动,脉搏跳动的比较快,而在蓝色氛围中就正好相反。
  色彩可以指代不同的情感,因为人们的工作能力、风俗习惯、抵御、生活环境以及民族的差异,具有不同的象征。由此可见,色彩具有十分重要的作用。
  2 网站网页色彩的基本设计原则
  2.1 在网页设计中要遵循简洁原则。色彩主要分为两种,一种是有彩色,另一种是无彩色。无彩色主要包括三种颜色,它们是黑色、白色及灰色。其他的颜色就是有彩色。在网页中使用色彩时,并不是使用的颜色越多越好。除了无彩色之外,在使用其他颜色时尽量不要超过三种。这里需要注意一个问题,不少学生容易将无彩色中的黑色或白色或灰色也看作了有彩色,这是不正确的。注意,这里强调的是有彩色。很多网站的网页背景色都采用了无彩色,这样有助于减少配色出错的几率。
  蓝、红、绿等分别代表一类具体的颜色,也就是色相。它是一种色彩区别于另一种色彩的名称,指的是色彩的外在特征。有些学生将浅蓝色和深蓝色看作是两个色相,实质上,它们仅是一种色相,就是红。这两种颜色是红色的基础上增添了不同的灰色,使色彩的饱和度发生了变化,或者色彩的亮度发生的变化。这种色彩的变化利用Photoshop的调色板很容易实现。网页色彩设计的简洁性原则,这个原则不会随着时间的改变而发生意义上的变化。
  2.2 坚持主从关系的色彩设计原则。在色彩设计中,需要遵循的一项比较稳定的原则就是主从关系原则。大多数网站网页的背景采用的都是无彩色,除无彩色之外,其他颜色就是页面的主题颜色。如果在网站网页中进行色彩设计时,没有遵循主从原则,或者没有把握好这样原则,就很容易造成网页中缺乏主色调,所在不能使用较多的其他颜色,以免喧宾夺主。
  在世界五百强企业中的网站的首页中,几乎全部重点突出一种色相,颜色看起来十分简洁,有的表现出一种诙谐幽默,有的表现出一种清新自由,有的表现出一种高贵典雅等,这些设计思想既遵循了简洁的设计原则,也充分体现了主从设计原则。通过这种设计原则可以将人们的视线集中在一种颜色之上,让人感觉像在一种色彩的世界当中,由此可见色彩所具有的独特魅力。
  2.3 坚持色彩均衡设计原则。在网页设计中,如果使用过多明度较高的颜色就会使多数人的心理上无法认可,这时就可以用同色相或者黑色在小面积范围内进行适当地点缀,这样就可以色彩的设计趋于平衡,这样就可以满足大多人对色彩的要求。
  有些主页的底色设计成黑色,而将字体也设计成比较深的颜色,色彩的亮度太接近,读者就会感觉阅读页面比较吃力,相反,如果颜色的亮度对比度过高,人们的眼睛也会感觉很不舒服,读起来很费劲。
  2.4 选择色彩的原则:
  (1)选择的色彩要与内容相符合。网页设计的目的是为社会提供服务,为自身的产品做有效的宣传,务必要根据页面的内容选择相符合的颜色,这样才有可能达到预期的效果,若颜色设计的不合理,那么后果是难以预测的。因此,我们对网页中的色彩进行设计时,要根据网页中的具体内容选择合理的颜色,使色彩的色相、明度以及色度,以及色彩的心理、物力以及生理等感觉要素的作用得到充分地发挥,力求选择的色彩更准确、更合理及更典型。
  (2)保持色彩的时尚性。在设计网页颜色时,要充分了解时下的流行色。一般情况下,网站网页的颜色要根据每年流行色的发展进行重新设计,这样才助于保持网页颜色的时尚性。除非是一些每户网站,或者网站网色颜色的变动受到一定的限制,可以不进行改动。每年欧美等国家都会向外界发布一批大众比较喜爱的颜色,即流行色。如果将这些颜色应用在网站的网页设计中将会使网页更具有时尚性,更富有朝气和活力,将会更吸引大众的眼球。
  (3)色彩的独特性。在设计网页色彩时,要使网页的色彩具有独特性,这不仅可以给人视觉上的冲击,也是增强人们对色彩识别度和记忆性地客观要求。因此,要确保网页具有与众不同的色彩选择和色彩搭配,这样有助于为网页访问者提供独特的感受,提高访问者对该网页的记忆度。
  3 网站页面色彩的各部分设计原则
  网页的组成部分主要有网页内容、网页标头、导航菜单所在区域、侧栏、页脚以及配色等。   3.1 网页内容。这部分空间主要用来存储信息,一般对背景的亮度要求较高,而对文字的亮度要求较低,需要拥有加大的对比度。不少网站网页的背景都是白色,字体选择黑色。也有一些网站页面的内容使用的是自己logo的颜色。例如北京大学网站首页内容的颜色就是应用logo的颜色,北大网站logo的颜色为蓝色,网站网址为http: //www.pku.edu.cn.从整体上看,页面内容的颜色显得比较协调。
  3.2 网页标头。这部门的作用用于logo主要信息的存放,通常选用深色,并且要求具有较高的对比度,这样的设计有助于用户在短时间内就能够寻找到logo在该网站的具体位置。一般情况下,网页标题的颜色不同于网页的其他部分。在为其选择色彩时,一般选用和页面内容颜色差距非常大的颜色组合或者字体,也可以选择与页面内容相反的颜色。例如,中央美术学院网站首页内容的颜色是橘红色的背景,而页面标题的颜色就选择了与页面颜色差距较大的绿色,这样就形成了鲜明的对比,更加突显了标题的重要性。
  3.3 导航菜单所在的区域。在设计这部分颜色时,要选择比较暗的颜色,这样就可以利用鲜明的颜色对比,以及特殊性较强的字体或对比度较高的图形元素,将菜单的作用和页面内容明确地划分开来。
  3.4 侧栏。虽然侧栏并不是每个网站页面上都有的,但是它依然是用于现实附加信息的有效方式,也要将其和网页内容明确地区分开来,并且也要方便读者进行阅读。
  3.5 页脚。页脚是网站网页中最不起眼的部分,不能让它过于突出,在进行颜色设计时,可以选择使用侧栏的颜色,也可以使用更深一点的颜色。
  3.6 配色。在网页配色方面可以选择那些跳跃性较强的颜色,这样有助于快速地引导读者,例如沈阳师范大学网站首页的颜色就选择使用浅黄色,这种颜色在浅绿色的整体色调中比较显眼,能够更好地引导读者的视线。
  参考文献:
  [1]王鹰汉,张慧.浅谈旅游公司网站的设计[J].科协论坛(下半月),2011,2.
  [2]刘秀芳,刘仲鹏.基于ASP.NET的商品交易网站设计与实现[J].黑龙江科技信息,2011,8.
  [3]李明扬.中国网上购物商城行业网站设计综述[J].才智,2011,16.
  作者简介:徐阳(1983.12-),女,辽阳人,本科,就职于上海文华财经资讯有限公司大连分公司,美术工程师。
转载注明来源:https://www.xzbu.com/8/view-5254938.htm