网页文件用什么语言表达【网页设计中的色彩语言表达】

  【内容摘要】网页设计是一门新兴的交叉学科,色彩语言是网页设计的重要组成部分。文章以网页设计为立足点,主要探讨了网页设计中色彩的表现原则和语言的风格,分析了网页设计中色彩语言的使用及整体特点,指出色彩语言对网页设计具有重要意义。
  【关键词】网页设计 色彩语言
  网页是网络传达信息的主要载体,网页设计作为人机界面的一个重要对象,其视觉形式直接影响网络最终的传播效果。人类的视觉对色彩是最敏感的,在网页设计中,色彩语言是网页视觉的重要组成部分。色彩是我们认识事物的第一印象,在人们观看网页的过程中,对网页色彩的印象较之其他视觉元素更深。配色设计合理的网页色彩,能更好地展示网页内容并有利于信息传达,能更有效地吸引受众,能更准确地同受众的心理相呼应,能为网页设计增添更多魅力。本文主要分析了色彩语言在网页设计中的表现原则、使用方法和整体性特点,强调了色彩语言对网页设计发展所具有的重要意义。
  一、网页设计中的色彩表现原则
  一个优秀的网站必然有一个好的色彩,也必然会令人过目不忘。在网页色彩的语言表达中,利用色彩的特性,把握色彩对比与调和的关系尤为重要。在具体的色彩语言表达方面要注意以下几个原则:
  1.识别性
  今天的世界是互联网的世界。技术的进步,让我们开始关注“信息的品质”①。在网站云集的网络世界中,一个网站具有与众不同、独特的色彩,是它在众多网站中脱颖而出的重要条件之一。
  网站色彩的识别性首先要考虑认知度。由于网页的色彩显示模式是光显示模式,因此人们在长时间浏览的时候容易产生视觉疲劳。在色彩的使用上,就要避免将强对比色应用在需要仔细阅读的网页上,以免增加读者阅读难度、引起视觉疲劳。
  一个网页的色彩识别性,还应该是易辨认、可称谓的。网站的受众群体广泛,不同的群体拥有不同的背景,因此对色彩的辨别能力不尽相同。设计时避免选择受众认知度较低,或者不易辨别的色彩;要尽可能选择目标群体易识别的、可称谓的色彩,这样可以最有效地利用大众传播群体达到宣传网站的目的。
  2.色彩语意的相关性
  色彩效果不仅应该在视觉上,而且应该在心理上和象征上得到体会和理解。②不同色相具有不同的语意特征。人们经过长期的社会生产实践和生活体验,对色彩形成了不同的情感和心理感受,人们将这种长期积累的色彩印象赋予各种语意特点并将其应用到生产、生活中。
  在众多的网站类型中,不同的网站类型都有自身的色彩语意相关性。如儿童用品的网站设计多使用色彩亮丽、醒目的纯色;蓝色常用在表现同科技产业等相关新兴产业的网页设计上。因此,设计者在网页色彩语言表达中应充分考虑不同色彩的语意特点,并将其和网页主题内容结合起来。如电影《功夫熊猫》的英文主页(图1),该电影讲述了一个中国熊猫学功夫的故事。主页设计使用了具有典型中国特色的红、黄两种色彩,配以熊猫自身的黑白二色,页面色调鲜明、活泼、趣味性强,这种色彩语意同电影主题内容密切相关。
  3.延展性
  网页色彩的延展性有益于加深受众对网页的视觉印象。网页设计中色彩的延展性主要表现在两个方面。一方面是指设计选择的网页色彩要具有整体配色的可延展性。选定网站设计的色彩,必然需要在所有的网站页面上根据不同的内容关系进行配色应用,具有良好延展性的色彩在这时能最好地发挥作用,协调网站整体色彩关系。如在某网站的主页面中(图2),设计者巧妙地使用了折纸的方式作为主页的导航,色彩选择上使用了几个高明度、低纯度的色彩,各色之间关系协调;同时设计者为几个折纸元素设计了投影,增加了页面的空间感和灰色的层次感。二级页面分别根据主页不同折纸的色彩进行延续,并通过折痕增大空间层次和肌理效果,加大了色彩上主页同各级页面之间的联系。
  另一方面是指网页上局部色彩的可延展性。设计者更新网页时,在保持网页主色彩不变的情况下对页面局部色彩进行更新,这样做既保持了系统配色的原则不变,又更新了页面的局部色彩语言。如主色为灰色,配色可根据情况和需要变化使用各种有彩色系,这样可以有效保持受众对网页的认知度。
  二、网页设计中的色彩风格
  网页版式色彩的风格能反映网页设计在艺术上的特有格调,是网页整体设计的重要组成部分。对于每个网站页面而言,页面上的所有色彩都应该为了一个风格目标努力,否则很难形成统一明确的色彩风格。网页设计的色彩风格同网站的内容关系密切,二者相互作用,具体表现为:
  1.网站内容决定网页色彩风格
  根据设计对象的性质、内容,设计者依靠审美经验和实践基础选择有针对性的页面色彩进行设计表现。如可口可乐这个品牌所突出的个性色彩风格——激情的红色,这个色彩贯穿可口可乐产品及其各种形象,让人过目难忘。如今人们提到这个品牌就能联想到其红色的标志及其产品。我们可以看到可口可乐的官方网站延续使用了激情的红色作为主要色彩,从传统媒介到网络媒介的整体色彩语言风格紧密、连贯(图3)。
  2.网页的色彩风格体现网站内容
  网站内容决定了网页的色彩语言风格,反之网页的色彩语言风格也在一定程度上体现了网站内容。受众通过对一个网页的色彩语言感知,能最快速地获取关于网站内容的信息,这样的色彩语言风格才是有益的。可以说,网页的色彩语言同网页的内容之间是互相制约的。随着网络技术的迅速发展,现在还有些网页设计更加人性化。这些网站将色彩的决定权交给了观者,需要受众的互动参与来完成页面色彩配置,受众可以通过喜好、经验等为页面中的区域或整体选择色彩,构成一幅有自己参与完成的网页设计。
  三、网页色彩语言的使用
  色彩的种类千变万化,每个色彩都不是孤立的,而是并存于大千世界中。网页设计中如何将各种色彩组织起来,并且通过色彩之间的搭配赋予形式以鲜明的调子,这些都并非易事。在具体的色彩使用中,可从以下几个方面去综合考虑:
  1.同色系色彩的使用
  网页设计中使用同一色系的色彩,运用同色系的色彩变化来进行不同层次、虚实的网页色彩搭配,达到色彩上的和谐统一。这种色彩搭配的使用是比较可靠的方式,特点是统一、柔和,最容易获取页面色彩的整体性。但由于色彩变化不大,常会令人感觉到单调、静止。   2.邻近色彩的使用
  网页设计中使用色相环上位置邻近的两三种色彩,这些色彩之间既有共性又有区别,并通过变化其明度、纯度的方式来进行配色组合。这种配色方式既有整体色彩美感同时又具有一定的个性变化,特点是统一、舒适、稳中有变,因此可以获得理想的配色效果。如蓝、绿两色作为邻近色,在设计中使用起来容易控制并能获得非常好的视觉效果,是网页设计中使用频率较高的配色方案。
  3.对比色彩的使用
  为了追求强烈的视觉色彩关系,在页面配色中我们会使用对比色。对比色的对比效果会令网页产生鲜明、强烈、华丽、易于捕捉的视觉特征,强烈的效果容易使人兴奋、激动;但使用不当也会产生过分刺激、生硬粗俗的缺点。为了避免因使用不当造成的对比色彩不协调,可以通过改善对比色双方关系的手法来进行调整,如增加无彩色系的成分、在对比色中加入色阶、调整对比色之间的面积关系、改善对比色双方的明度或纯度等方式,这样可令对比色双方更好地融合在一起。
  4.无彩色系的使用
  无彩色系包括黑色、白色或由黑色、白色二色混合而成的深浅不同的灰色。由于无彩色系只有明度这一基本特性,因此可以和各种有彩色系搭配并获得很好的配色效果,同时黑、白、灰的使用能更好地突出有彩色系的色彩魅力。 如在某网站的主页面(图4)中,完整地展示了灰色以及灰色和有彩色系之间搭配的效果及魅力。灰色的层次非常丰富,明度的变化会带来各式各样的灰,这个网站巧妙地使用了几乎全部的单色来进行表现,各种层次的灰融合在一起效果丝毫不觉单调,形式美感丰富,意蕴深远。
  5.多元色彩的使用
  多元色彩是顺应时代发展趋势使用的一种高纯度、多彩色的网页色彩表现形式。这种网页的色彩表现大多常用跳跃、鲜明的色彩,用以体现年轻时尚、活力充沛的网页主题。如在某网站的主页面(见图5)中,使用了多元色彩的渐变效果进行曲线的造型排列,整个页面给人以节奏丰富、欢快、气氛活跃的第一感受,如同一首节奏欢快的歌曲。
  四、网页设计中色彩语言的整体性
  整体性对于网页设计的色彩语言表达至关重要。众多的页面构成一个完整的网络站点,网页是构成网站整体的主要元素。人的思维在网页浏览和操作的过程中有一定的习惯性,在人同网页不断接触、交互体验的过程中形成了一定的认知、操作习惯,而网页设计色彩语言的整体性在维系这种习惯中显得十分重要。可以这样说,色彩的整体性,能最直接地反映网站的整体感,形成受众对网站的认知基础,保证网页的传播质量。面对众多网页上的色彩语言,如何令其形成一个统一的整体?在设计中要从以下两个方面体现色彩语言的整体性:
  1.同一页面中的色彩整体性
  这是一个相对较小的范畴,涉及一个网页页面上所有元素之间的色彩关系。同一网页页面的色彩整体性是色彩关系的直接展示。我们设计时要注意页面上各元素之间的色彩对比、协调,主、辅色的选择与搭配,背景色同图片色彩之间的关系,图片与动画之间的色彩关系等。通常在这种色彩使用中需要先确定页面的整体色彩方案,再展开具体元素色彩的设计。
  2.各级页面之间的色彩整体性
  这是一个较大的、相对系统的色彩范畴,涉及的是一个站点内所有页面之间的色彩关系。不同页面之间的色彩整体性是流动的色彩展示,色彩关系在不同的页面信息流动转换中显现魅力、体现关联。在处理不同页面之间的色彩时难度较同一页面色彩有所增加,既要考虑一个页面自身的色彩,同时还要考虑不同页面之间的主配色应用。设计时要注意网站的整体色彩定位,网站中各级页面的主次、结构关系,各子页面之间的色彩和谐与变化。某网站的主页面(图6)中,设计者使用了明度较高、纯度较低的一些色彩进行主次搭配,并用黑白二色作为辅色,使整个页面产生和谐的色彩关系。在各级子页面设计中,色彩上也分别沿用了主页的几块配色,并在主页配色的基础上进行同色系拓展,使每个分页面都有各自的主体色彩并相对独立,同时使用了同主页相同的黑白配色。网站间的各个页面色彩整体统一且富于变化,并在和谐、变化中产生了明确的主次关系。
  结语
  网络时代的到来使信息前所未有的丰富。网页设计的目的就是通过提升网络信息传达的品质,来增强信息传播的力量。色彩作为信息传播过程中的重要元素,能赋予信息丰富的美感,并有效地提升信息传达的品质。合理地运用色彩语言,在网页设计中能更好地引导观者完成信息获取的过程,让网页获得更强的视觉认知力和艺术感染力,取得更广泛的传播空间。
  注释:
  ①原研哉.设计中的设计[M].朱锷,译.济南:山东人民出版社,2006:198.
  ②约翰内斯·伊顿.色彩艺术[M].北京:世界图书北京出版公司,1999:8.
  作者单位:北京林业大学材料学院艺术设计系
  (责任编辑:鞠向玲)

推荐访问:网页设计 语言表达 色彩