有关网页设计中色彩的作用运用毕业论文写作资料-论文写作网

简介:关于对不知道怎么写色彩网页论文范文课题研究的大学硕士、相关本科毕业论文色彩网页论文开题报告范文和文献综述及职称论文的作为参考文献资料下载。

色彩网页论文范文

摘要：虽然网页设计属于平面设计的范畴,但有其独特性,在遵循艺术规律的同时,不得不考虑用户心理,生理感受,带给人们一种愉快和谐的感觉.随着信息时代的到来,网络变得越来越开放和多元化,单纯的文字和图片等内容已经不能满足人们在浏览网页时的需求,用户越来越要求网页能带来感官上的舒适和美观.为了达到人们的审美要求,网页界面设计对于色彩有着极为严苛的要求,所以当代的网页界面设计者不仅要掌握基本的网页制作技术,还应掌握更重要的配色的原理和相应的色彩知识.文章主要探讨了网页色彩设计的时代背景,色彩的基本理论,色彩在网页界面设计中的作用,色彩在网页设计中的不同类型的应用等,希望有一定的借鉴意义.

网页色彩搭配:网页色彩的搭配

关键词：色彩；网页界面设计；作用；运用

中图分类号：J524文献标识码：A 文章编号：2095-0438（2014）11-0098-03

收稿日期：2014-06-15

作者简介：高海燕（1978-）,女,安徽滁州人,安微工商职业学院助教,硕士,研究方向：新媒体设计、数字艺术.

随着数字时代的到来,互联网所带来的影响与日俱增,不仅仅是互联网,包括移动互联网在内的技术更新正在对人们的生活造成巨大的改变.网页设计是近几十年来有着深远意义的新兴设计领域,网页本质上是一种信息载体,相对于杂志、电视、报纸来说,由更为复杂的元素构成,包括图片,音乐,文字,动画和色彩等.在网页设计中要考虑众多元素,而色彩往往是最先吸引人们眼球的地方,网站的信息只有在用户关注后才能得到展示.运用论文范文彩既能给用户带来好的视觉享受,而且能更有效地展示企业品牌形象等信息,进而提高品牌价值.一个网站的设计成功与否,设计者对于色彩的运用是否适量以及运用技巧是否高超会起到不可替代的作用.

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

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

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

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

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

在网页设计中,常用的色彩模式为RGB模式.RGB模式,主要有红、蓝、绿三种颜色,也被人们称为三原色.RGB中的R指红色,G指绿色,B指蓝色.通过对三原色的不同的调整,会配合出不同的色彩.在电脑显示器或者手机屏上,通常色彩的亮度是用RGB的值来衡量的,通过0-255的数字进行标示.R、G、B分为从0到255的不同的亮度,三种颜色可以组合出1678万种颜色.在网页界面设计中,同类色指的是差别在45度之内的颜色,同类色效果非常接近,从网页画面效果看,给人一种简单、协调、舒适的感觉.邻近色指的是相差在90度之内的颜色,邻近色的画面感中色调区别比较明显,搭配出来的效果不突兀,对比性不强烈,能很好的把情感的统一性表达出来.人们把距离135度的颜色称为对比色,对比色的对比感很强,色彩和色彩之间有明显的差别,给人一种充满差异化的感觉.可以将对比色用来对网页内不同区域进行区分,带给人们一种互动,活力的感觉.人们所说的互补色指的是把刚好在180度的两种颜色,互补色搭配出来的颜色对比效果非常强,比如黑白二色的太极,给人一种对比明显,神秘莫测的感觉,这种互补色的搭配有很强的视觉冲击力.在网页界面设计中要注意尽量少使用,就算使用也不可大面积使用,以免出现画面不和谐,不一致的现象.

通常在我们设计网页界面的时候,要综合考虑网页的审美效果和实用效果,在搭配色彩的时候尽可能使用同类色或邻近色,这样在视觉上给人带来舒适的感觉,若使用纯度高的色彩容易给浏览者带来视觉疲劳的感觉.要学会调配色彩的饱和度和透明度,使整个网页界面看起来非常和谐.网页界面中应该使用具有清晰度和鲜明度的主颜色,方便引起浏览者的注意.配色主要用于衬托主色,支配色是网页界面风格的决定性色彩.在一般情况下,背景色会选取较为简单的颜色,如蓝色,淡绿色等,这样设计出来的界面会比较清晰.

四、网站制作实例分析

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

该网站作为学校论文范文网站,有明显的中国传统元素,包括图标和校名.网页设计配色结合了色彩的各种原理和用户色彩心理,设计师根据大致的风格再逐步进行探索.中国科学技术大学论文范文的设计整体朝气蓬勃,体现了一个现代学校的科研精神.

（二）企业类网页实例分析.下面主要对小米网站进行企业品牌类网页界面色彩分析,如下图所示.小米的论文范文其实是以白色作为背景色.网页的配色为橙色,橙色本身属于暖色调,在一般网页设计中应用不多,在小米的网站中,橙色作为一种主颜色并不让人觉得突兀.小米网站使用白色作为背景色,字体是比较经典的红黑搭配,给人一种前卫、时尚的感觉,这与小米崇尚的简单时尚的品牌风格是一致的.

该网站作为小米手机及相关产品的论文范文网站,主要目的是供用户选择合适的产品.可以看出,通过使用醒目的红色字体,用户可以第一时间看到相关的产品,起到了很好的导购作用.小米的用户主要是年轻用户,用偏红色的橙色,能给人一种个性张扬,极富动感的感觉,这也比较符合小米的用户结构.同时,橙色也能给人一种明朗稳重的效果.可以看到,小米的网站兼具了电商类网站以及品牌类网站的作用,无论是从整体布局还是细节处理上,简单的橙色、黑色搭配都给人一种赏心悦目的感觉.

在网页界面设计中,除了遵循一定的色彩原则,还应深入思考网站的本身的性质,比如是政府网站、企业网站、个人网站.只要适合网站性质,才能设计出个性独特,色彩鲜明的网站；并且始终坚持内容决定形式,结合色彩给人带来的心理感知以及艺术效果,这样才能让浏览的用户一目了然,获得好的视觉展示效果.

参考文献：

[1]徐庆军.谈色彩在网页界面设计中的应用[J].职大学报,2008(4).

[2]杨旭兰.色彩在网页设计中的应用研究[D].南京林业大学,2010.

[3] 刘养军.色彩在网页界面设计制作中的应用[J].艺术科技, 2012.

[4] 李向来.网页界面设计中的配色艺术[J].濮阳职业技术学院学报,2007(2).

[5] 罗瑶.浅析网页界面设计中的色彩运用[J].科学大众( 科学教育) ,2011(5).

[6] 谢瑶.浅析网页界面设计中色彩人性化表现[J].现代交际,2011(6).

[7] 李亮之,黄鹤.色彩在网页界面设计中作用及量化研究[J].当代论文范文彩应用, 2007（8）.

[8] Joe Grobelny；Designing for the Social Web [D]. Journal of Web Librarianship,2009(3).

[9] Mark W. Newman,James Lin；An Informal Web Site Design Tool Inspired by Observations of Practice [D] .HumanComputer Interaction.2003(9).

[10] Nalini P. Kotamraju；Web Design Skill and The Reinvented Worker [D] .Information, Communication &, Society, 2002(10).