色彩运用网页设计论文

色彩运用网页设计论文

一、色彩在网页界面设计中的作用

(一)布局作用。

在网页界面的设计中,色彩不是单纯地选择就可以,还可以利用不同色彩的搭配,根据界面信息内容,以及网页本身的性质进行分配,使得各个元素可以实现统一的合理布局。色彩不是在独立范围内的应用,还需要和界面其他元素结合起来一起设计,利用色彩对网页进行方向引导和界面划分,达到标示,区分,限定和引导的效用,把复杂的元素和信息清楚地区分开来,给浏览者一种有序,清晰的视觉感。利用色彩进行网页界面布局的时候,同时要注意色彩本身与整个网页界面的一致性,保持界面上色彩的平衡。色彩本身要与内容相适应,同时还有与文字、位置、面积相互联系,最终使网页给人一种布局合理,内容丰富,阅读方便的视觉展示效果。

(二)宣传作用。

在竞争激烈的信息时代,能够及时传递出高效、高品质信息的企业,才能在社会中屹立不倒。在众多传媒中,网页的宣传正是在集合现代企业理念和设计理念的载体,以突出品牌形象,刻画企业个性,使浏览者有较深的认同感,达到宣传和促销的目的。企业统一的形象通过包装、标准色、标志、服饰、建筑等媒介来实现。其中标准色在网页宣传中起到了良好的作用,进一步加深了浏览者对企业理念和文化的记忆和认知。标准色是由企业标志色彩引申来的,通过色彩的象征性和本质表现传达企业独特的产品和文化理念,具有直观明显的视觉效果,可以引起大众的共鸣。所以网页色彩在企业整体设计系统中的应用是宣传企业商品和品牌形象的重要工具。

(三)审美作用。

网页界面设计的形式美主要由组合元素进行巧妙排版和合理搭配,并配以一定的动画效果等因素穿插构成的,形成视听的结合。在视觉系统中,色彩是主要的表达元素,合理地运用色彩能让网页界面设计和审美达到良好的效果。网页界面设计的色彩美学价值在于满足页面内容和形式的需求,高度体现时代美、版式美和装饰美,并投射浏览者的审美态度和生活情趣。所以网页界面的美观设计既是现代技术和艺术的结合,也是浏览者的心理诉求。

二、色彩在网页界面设计中的不同应用

在网页设计中,常用的色彩模式为RGB模式。RGB模式,主要有红、蓝、绿三种颜色,也被人们称为三原色。RGB中的R指红色,G指绿色,B指蓝色。通过对三原色的不同的调整,会配合出不同的色彩。在电脑显示器或者手机屏上,通常色彩的亮度是用RGB的值来衡量的,通过0-255的数字进行标示。R、G、B分为从0到255的不同的亮度,三种颜色可以组合出1678万种颜色。在网页界面设计中,同类色指的是差别在45度之内的颜色,同类色效果非常接近,从网页画面效果看,给人一种简单、协调、舒适的感觉。邻近色指的是相差在90度之内的颜色,邻近色的画面感中色调区别比较明显,搭配出来的效果不突兀,对比性不强烈,能很好的把情感的统一性表达出来。人们把距离135度的颜色称为对比色,对比色的对比感很强,色彩和色彩之间有明显的差别,给人一种充满差异化的感觉。可以将对比色用来对网页内不同区域进行区分,带给人们一种互动,活力的感觉。人们所说的互补色指的是把刚好在180度的两种颜色,互补色搭配出来的颜色对比效果非常强,比如黑白二色的太极,给人一种对比明显,神秘莫测的感觉,这种互补色的搭配有很强的视觉冲击力。在网页界面设计中要注意尽量少使用,就算使用也不可大面积使用,以免出现画面不和谐,不一致的现象。通常在我们设计网页界面的时候,要综合考虑网页的审美效果和实用效果,在搭配色彩的时候尽可能使用同类色或邻近色,这样在视觉上给人带来舒适的感觉,若使用纯度高的色彩容易给浏览者带来视觉疲劳的感觉。要学会调配色彩的饱和度和透明度,使整个网页界面看起来非常和谐。网页界面中应该使用具有清晰度和鲜明度的主颜色,方便引起浏览者的注意。配色主要用于衬托主色,支配色是网页界面风格的决定性色彩。在一般情况下,背景色会选取较为简单的颜色,如蓝色,淡绿色等,这样设计出来的界面会比较清晰。

三、网站制作实例分析

(一)学校类网页实例分析。

下面主要对中国科学技术大学学校网站进行学校类网页界面色彩分析,如下图所示。网页的整个色调显示蓝色,蓝色属于冷色调,在网页设计中的应用很广泛。蓝色象征着永恒、理智、博大和平静等。该网页使用蓝色调主要从三点考虑,第一,中国科学技术大学是一家以理工科为主的学校。蓝色象征着科技,所以在考虑搭配颜色时,色彩主要以蓝色为主,为了和CI识别系统保持一致,网站色调建议使用蓝色。第二,中国科学技术大学官网属于学校类网站,学校网站在架构上一般会突出气势,给人大手笔的感觉。很多学校网站在设计上有浓厚的特色情调,要和学校文化,形象相结合。该网站所运用的蓝色调较好体现了网站的特殊需求,背景运用了蓝天,绿树。片头色调较为简单,展现出学校可靠,沉着稳重的一面。学校网站同样需要带给人们可信任感,黑色代表着严谨和庄重。网站首页的字体基本上采用了黑色的渐变,从黑色到灰色再到白色的渐变使正画面不那么阴沉。黑白渐变反而使得页面在沉稳中又加强了感染力,此外在黑色背景上加上中国传统书法,体现了中国传统文化气息,渲染了该学校文化内涵。该网站作为学校官方网站,有明显的中国传统元素,包括图标和校名。网页设计配色结合了色彩的各种原理和用户色彩心理,设计师根据大致的风格再逐步进行探索。中国科学技术大学官网的设计整体朝气蓬勃,体现了一个现代学校的科研精神。

(二)企业类网页实例分析。

下面主要对小米网站进行企业品牌类网页界面色彩分析,如下图所示。小米的官网其实是以白色作为背景色。网页的配色为橙色,橙色本身属于暖色调,在一般网页设计中应用不多,在小米的网站中,橙色作为一种主颜色并不让人觉得突兀。小米网站使用白色作为背景色,字体是比较经典的红黑搭配,给人一种前卫、时尚的感觉,这与小米崇尚的简单时尚的品牌风格是一致的。该网站作为小米手机及相关产品的官方网站,主要目的是供用户选择合适的产品。可以看出,通过使用醒目的红色字体,用户可以第一时间看到相关的产品,起到了很好的导购作用。小米的用户主要是年轻用户,用偏红色的橙色,能给人一种个性张扬,极富动感的感觉,这也比较符合小米的用户结构。同时,橙色也能给人一种明朗稳重的效果。可以看到,小米的网站兼具了电商类网站以及品牌类网站的作用,无论是从整体布局还是细节处理上,简单的橙色、黑色搭配都给人一种赏心悦目的感觉。在网页界面设计中,除了遵循一定的色彩原则,还应深入思考网站的本身的性质,比如是政府网站、企业网站、个人网站。只要适合网站性质,才能设计出个性独特,色彩鲜明的网站;并且始终坚持内容决定形式,结合色彩给人带来的心理感知以及艺术效果,这样才能让浏览的用户一目了然,获得好的视觉展示效果。

作者:高海燕 单位:安徽工商职业学院