Web界面设计中的色彩设计原则

信息技术!Q塑盟:i!SCIENCE&TECHNOLOGYINFORMATIONWeb界面设计中的色彩设计原则游婷(福建金融职业技术学院福建福州350007摘要:针对一页界面谩计领域中的色彩搭配现象连行分析,结合大量案例。从色彩学的角度出发,结合一页宣传的内客夏所表现的艺术形式,提出一页界面配色中应遵循的四嘎设计基本原则,井通过简单案例阐述其运用的大致方向。关键词:同页界面色彩设计原则中图分类号:TP393文献标识码:A文章编号:1672--3791(200912(b-0013--01网页界面的概念是从传统设计界面概念演化而来的,是指人与计算机之间以文字,色彩、图像、符号、多媒体等为基本元素,以传达特定信息,方便人机交流为目的的信息交流界面。在网页界面的设计中,能给浏览者留下最直接的印象的,是网页的整体色彩的引用,即色彩搭配。堂握好网页界面设计中的色彩设计原则,足网页设计者们非常值得重视的问题。设计者们在设计网页界面时,除了考虑技术和艺术规律外,还要遵循社会这个大环境的潜在规律,才能设计出符合时代要求且风格独特的网站。1网页界面色彩设计要素主色调。在网页界面设计当中,面积最大的色彩为网页的主色调。主色调是掌握整个画面色彩气氛的主要因素,不同的主色调往往给人不同的第一印象。主色调往往跟网页所宣传的理念有直接的关联。例如强调女性印象的网站,多使用暖色系的色相作为主色调,而大部分强调男性印象的网站,则主要以冷色系的色相来作为主要的色调。主色调的确定是整个网页中最关键的一步,应作为色彩设计的霞点来处理。辅色。辅色在网页界面中所占的面积较小,起强调或缓冲调和的作用。当起强调作用的时候,辅色是空间中动感和活力的来源,可以因其色彩点缀的作用使主色调在整个画面中得到连贯,一般为醒目突出的色彩。例如,当网页的主色凋为绿色时,可是在小部分重点区域选择红色作为辅色,起到画龙点睛的作用,给人强烈的印象。而当辅色起缓冲作用的时候,一般位置在色相环上与主色调接近。例如以黑色为主色调的网页容易使浑浊的冷色具有压迫感,而添加适当地灰色作为辅色,能是强烈的黑色变弱,使得整体变得较为均衡。背景色。在以宣传形象为主的网页界面设计中,其背景色或者说底色的设计是色彩设计的主要步骤。背景色彩的设计是突出主题的重要手段。要突出主题及主题色调,可通过对背景色彩的合理调配来产生。如主体色调的色彩鲜艳明快,底色通常用中、低明度和饱和度较沉静的色彩,以利于更好地衬托主体。另外,背景色的设置还要考虑人的习惯和心理因素,由于人们长期在偏黄光源的照明下生活,这种光色适应给人们造成一定的心理定势,在色彩配置时要注意这种心理感受。画面色彩是黄背景,町使人感到亲切而温暖,相反则有冷峻、严肃的效果。色彩搭配。网页界面当中的色彩搭配,是指网页的丰色调、辅色、背景色与产品形象之间的相瓦衬托、相互适应,最终共同传达设计者赋予作品的意义和情感效应。当色彩搭配的表现趋向一致时,将最富有表现力。色彩配合设计的关键问题在于色彩之间的对比和调和的统一。在进行具体的网页色彩设计时,选择对比法则要注意寻求适当的调和方法,应用调和法则要使用适宜的对比手段。2网页界面色彩的设计原则功用性原则。根据网页所要宣传的产品的功能用途不同,设计网页时,需要考虑到不同的功能相配的颜色。如在为一些儿童用品、儿童服饰或者果汁饮料、饼干等食品做宣传时。可以使用粉色系等温暖、柔和的色彩,给人以可爱的形象。如果另外加入一两种相反的色彩进行配色,可以制作出可爱配色的印象。而在宣传自然景区等网页的配色设计上,则优先考虑自然色,如树皮,岩石、石头、树叶等灰色、绿色、棕色系。这种色相是表现阳光、大地、丛林、田间等自然色相,是自然色彩所营造出来的印象,给人悠闲的、田园的、朴素的,自由的感觉。以人为本的原则。在网站设计之前,设计者们应先做好适度的社会调查,网站投入使用后,也应该根据用户的反馈来及时调整网页的配色。设计者们应根据网页浏览者的大致年龄、性别、地域、宗教信仰等来选用与之相匹配的颜色。例如,在设计一个以老年人为主要消费群体的电子商务网站时,口『以选用暖灰色调,因为老年人喜欢平静、健康、素雅,在平静素雅的主色调中,加入少许的暗红色、棕黄色,墨绿的辅色能博得老年人的喜爱。单一的一种色彩,很难同时表现儿童的天真、青年人的朝气、老年人的成熟与深度。在设计网页前,需要充分地考察目标市场的审美意识和文化层次,进行目标市场消费者色彩偏爱研究,才可能运用恰当的色彩,满足不同消费者的需求。此外,当网页与不同的宗教或不同的文化背景联系在一起的,颜色的情感特征是一个必须特别重视的问题,必须亢分考虑地域性进行选择。色彩流行性原则。流行色是一种与时俱变的颜色,其特点是流行最快而周期最短。当网页面向的对象是一些前卫的新新人类,或者网页宣传的商品是流行性的服饰、饰品等,可以根据消费者求新求奇的心理,采用当季流行的颜色作为色彩搭配的主要依据。例如,当渐变色作为当季的流行色时,可以网页配色中,按色相、明度、艳度三要素之一的程度高低依次排列颜色,其特点是即使色调沉稳,也很醒目,尤其是色相和明度的渐进配色。当然,一些反常的色彩处理,也可以满足人们的好奇心。但一定要把握好离奇度,应将其很好的与可信度融合为一体。网页最示的特殊性原则。网页色彩是RGB模式的色彩,它是按照色光加法原理通过电脑显示器出现的。网页色彩的鲜亮特点对视觉刺激的强度较大,因此一般网页色调的配色往往以较灰暗的混合色作为背景色。为r适当降低鲜亮色彩对人视觉的过渡刺激,在整体布局中,往往加入无彩色系颜色进行过渡,以此来减少视觉疲劳。同时,不同的操作系统和不同浏览器,或是不同的监视器以及监视器的设置,同样定义的颜色可能会有不同显示效果。虽然现在绝大多数显卡和显示器都已经使用24位真彩色,但如果设计师希望网页能在PC以外的设备(如PDA和手机上保持足够出色的显示品质,还是应该t甓持从这216种颜色组成的调色板中寻找配色方案。网页的色彩搭配足树立网站形象的重要元素之一,如何把握刚页的配色方案,是许多设计师致力研究的首要问题。本文从网页界面设计中的色彩设计为角度出发,阐述了界面设计中的一些主要要素,并针对网页界面配色设计中容易被设计者们忽视的角度提供r四个参考的原则,希望能够为网页设计师提供一些借鉴。参考文献【1】陈夏浩,程杰铭,顾凯.色彩学【M】.北京:科学出版社,2001(9.[2】刘武辉,胡更生,王琪.印刷色彩学【M】.北京:化学工业出版社,2004(3.【3】张新伟.