图形网页设计论文

摘要：任何一种艺术形式的出现，都要依赖于当时社会和科技的发展，图形也不例外。在网络世界里，图形凭借易读性，内涵深刻性，基于艺术形式之上，广泛迅速的传播信息，为我们带来了以前诸多媒体综合起来都无法承载的信息量和最直接的情感交流方式。下面小编整理了一些《图形网页设计论文(精选3篇)》，供大家参考借鉴，希望可以帮助到有需要的朋友。

图形网页设计论文 篇1：

图形艺术在网页设计中的应用

摘要:网页设计艺术是综合计算机图形艺术和网络技术的一门边缘学科。本文探讨了将图形艺术和网页设计相结合,设计出个性化的网页设计图形艺术的界面,以取得更好的信息效果。

关键词:网页设计 图形艺术 界面设计

在现代社会,网络虚拟世界已经无处不在。对于传统的计算机图形艺术设计师们来说,不得不面临一个新的、前景无限的设计领域———计算机网页设计图形艺术。这就给网页制作公司和个人带来了许多商机,也给每一个想成为计算机网页设计图形艺术家的人展现了一个广阔的舞台,使其成为具有最大诉求效果的构成技术。网页设计图形艺术不但拥有传统媒体的优点,同时又使传播变得更为直接、省力和有效,它是伴随着计算机互联网络的产生而形成的视听设计的新课题,是网页设计者以所处时代所能获取的技术和艺术经验为基础,依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动,必然要成为计算机图形艺术的重要组成部分,并随着网络技术的发展而发展。然而,在网页设计图形艺术这个领域里,没有网页设计技术的产生和迅猛发展,根本无从谈起“网页设计图形艺术”,技术为设计建造了表现的基石,设计根据其需要又不断地向技术提出新的要求,从而促进了技术的进步。而真正有魅力的富于表现性的网页设计是计算机网页设计图形艺术家们的思想、素养、对设计的理解及其表现技术的综合性的体现。因此,作为计算机图形艺术设计师必须接受这种设计与技术的综合表现形式,要以掌握网页设计图形艺术与多媒体技术、计算机程序设计为前提,更有效地发挥网页设计图形艺术的表现性和可操作性,完成新概念的构想而努力。

一、 从图形艺术到网页设计艺术的变革

面对新时代的到来,人们无不感到社会经济和文化所经历着的快速而深刻的变化。使得我们原有的价值观念、思维方式、知识结构和思想空间都面临着各种各样的挑战。目前,网络已经越来越多地进入了计算机图形艺术领域,我们没有任何理由忽视网页艺术设计的存在。网络对计算机图形艺术行业造成的威胁与机遇并存,而且这种趋势越来越显著。对传统的计算机图形艺术设计师们而言,网络意味着机遇。对传统的印刷业而言,网络则具有信息资源无限、图文互动、高速高效的特点,是印刷媒体面临的最大威胁。越来越多的项目要借助于新的媒介来完成,只是利用印刷完成最后一道工序。人们看到,新的商务模式迫在眉睫,与客户实行电子交易将成为“日常”交流服务,传统的图形艺术逐步走向网页设计艺术……。

网络产生的这些变化不仅逐步加剧,而且孕育了自身对技术的狂热。这些不仅影响着网页设计艺术的创造过程,还波及到创造出的作品,以及交流的进行过程,当然,还会决定什么样的工作将继续留给传统的计算机图形艺术设计师们来完成。由于传统意义上的计算机图形处理技艺并没有消失,人们会将更多的注意力集中到如何整合各种不同的媒体,设计师们也要具有设计交叉应用的综合能力,才能适应不断变化的时代。创造工作将会在互联网的基础上草建。网络创造人员不仅包括网页设计师和程序开发员、还有制作者以及那些在网络各个环节上的专家。网络将会为许多设计者提供全方位的服务,包括一些源于计算机图形艺术的传统工作由于计算机本身及其网络相关技术的特点和条件,使其对于网页设计是限制的。

网页设计图形艺术与传统的计算机图形艺术设计在视觉传达方面有极大的相似性,但是在技术实现方面又有着很大的区别。网页设计艺术是传统的计算机图形艺术的视觉传达效果运用和网络技术实现的有机结合,我们可以说网页设计艺术是综合计算机图形艺术和网络技术的一门边缘学科。

1.艺术效果的传达

如同传统的计算机图形艺术作品一样,网页设计艺术也要求具有一定的艺术感染力。一个杂乱无章、表现平庸、毫无美感可言的网页是不会得到访问者的青睐的,访问者也无心思再去点击页面的其它链接。一旦给了访问者不好的第一印象,该访问者能否再次光顾也就很难说了。

传统的计算机图形艺术作品讲究页面元素的构成、版式布局、色彩搭配、空间表现等,这些要素对于网页的艺术设计来说也是适用的。在视觉传达效果上两者有着相似之处,页面各种元素安排的最终结构都要符合受众的审美心理。如图2所示,这是一家网站的主页,尽管其载体不同于传统的印刷介质,但其艺术效果同样给人们以强烈的视觉冲击和艺术美感。

2.介质的差异

传统的计算机图形艺术作品大多数是以印刷品的形式出现,而网页则是通过电脑显示器出现的,而且在传输过程中受到信道带宽的限制。在这方面两者存在很大的差异,计算机图形艺术设计师们都知道,普通印刷是按色素的减法原理进行的,设计作品为CMYK模式;而电脑显示器的色彩工作原理是以色光加色法原理进行的,即RGB模式。同样的用色,但在表达效果是有很大区别的。

因受信道带宽限制,网页设计艺术中的图像处理也不同于传统的计算机图形艺术。为了加快下载速度,在图像保持质量的前提下我们尽量缩小字节数量。由于现在从事网页设计艺术者多数是从计算机图形艺术的工作中转变而来的,所以在网页设计艺术过程中为了追求页面艺术效果,而将图像字节数量设置过高,致使网页下载速度缓慢。从网页设计艺术的实用角度来讲,这是一个失败的设计。图像的处理技术是从事网页设计艺术者所必须掌据的。

在分辨率上,传统的计算机图形艺术是以印刷品作为介质的,其精度越高越好,一般情况下,传统的计算机图形艺术作品在电脑中设置为360dpi(点/英寸);而网页设计艺术中所使用的图像分辨率则为72dpi。了解其介质差异后,我们在追求艺术效果表达的同时应慎重用色,不能机械地把传统的计算机图形艺术中的经验套用到网页设计艺术中来。

3.功能的异同

传统的计算机图形艺术作品是以向人们传达某种信息或诉求为目的的,而网页设计艺术除了拥有计算机图形艺术作品的功能外,还有重要的导向和链接功能,即网页应该具有很强的可操作性。如页面中的超链,点击它们则可以进入到其它的页面或站点。这些超链可以是文字,也可以是动态图片按钮,它们的位置安排不仅影响到整个页面的布局,还影响到人们浏览是否方便。互联网的交互功能是最具魅力的,如何在网页设计艺术的效果表达中将这一独特功能充分展示出来,且和网页整体有机结合,也是网页设计艺术师们的一项重要任务。

二、合理布局的网页图形艺术界面设计

一般来说,电脑显示器的尺寸有限,通常只有17英寸。布局合理,流畅使视线融会贯通,是网页设计图形艺术必不可少的关键所在。在浏览网页时,人们的视线通常垂直地落在计算机屏幕的中心,然后再向四周游动。网页设计艺术师应考虑将重要信息或视觉流程的停留点安排在注目价值高的最佳视域,使得整个网页的设计主题一目了然。在界面之中,不同的视域,所引起的浏览者的注目程度不同,所给予的心理感受也不尽相同。网页设计艺术师可根据具体元素的传达需要,依照画面的重心关系,合理安排各自适当的位置。网页设计艺术中有效提高视觉传达的效率需要把握以下几点:

⑴符合人的视觉习惯

⑵避免产生疲劳感

⑶强化页面的主从关系

⑷安排合理的视觉流程

⑸注重清晰的导航

另外,网页设计图形艺术还具有动态的方面,亦即网页本身具有不停闪烁的文字、不断变化的色彩和Flash动画;此外,网页之间的链接,使得人们具有访问更深层次页面的兴趣。在进行网页设计图形艺术作品的创作中,为了能够吸引访问者进一步地观赏网站,使网站的信息、说明和文件更加清晰、明了地处于视觉可及范围之内,而不是深藏于某处无法发现,就需要建立导航系统来引导访问者的视觉流程。网站的导航系统在于如何运用简短、易于理解的方式来呈现网站的诸多视觉方向。好的网站设计应该让其导航系统的功能使用起来自然而然、明确清楚、简便而又新颖别致。通过网站导航系统,可以让浏览者在网络空间中从站点的某一个地方随意跳转到不同层次的其他地方。

三、个性化的网页设计----图形艺术的界面处理

创意新颖、设计精美和布局合理,是计算机网页设计图形艺术吸引浏览者、增加回头率的关键所在。精彩的网页能促使浏览者增加点击网页的冲动和兴趣,让人在浏览网页的整个过程中一直兴趣盎然。因此.网页设计图形艺术师和开发小组就需要利用一切最先进的技术手段来描画和装饰用户所能看到的页面,使其变得亮丽迷人、更有吸引力、更具有视觉冲击感,确保每一网页均能保持较强的个性化和统一性。要利用诸多视觉造型元素,如色彩、图形、按钮、声音、动画等。当然,在利用一切设计手段、最先进的软件和技术手段的同时,也必然要加道什么时候是不需要用它们的,做到运用自如,因为高效率地把有用信息传输给受众才是最主要、最关键的。所以,应充分利用软件工具,配合各种音乐和声音,使设计制作的网站能为浏览者提供一定的交互功能,而不仅仅是死板的信息张贴。要使访问者看到的是一个丰富多彩、智能互动、舒适流畅、度身定做的精彩网站,从而全面提升企业的整体形象。

四、技术的分离与艺术的成熟

这似乎是每一门艺术形式的必由之路,因为艺术的产生必然会经历一个由实用到审美,以劳动为前提的发展过程。如建筑艺术最初是为了满足人们最基本的生存需求,在几千年的历史中审美性和艺术性不断发展,到今天这个几乎没有什么方案不可能实现的时代,对美的追求则成了建筑设计艺术中最重要的方向。

数字化艺术设计也是如此。以网页中的图形设计为例,在最初用HTML和Java语言的年代里,网络图形的设计几乎全部是技术人员的工作。然而在满足了传递信息的最基本需求之后,对艺术的要求显得越来越重要,对美的追求越来越深入。到了今天,Microson Froltpage、Macromedia Dreamweaver等软件的出现令数字化艺术设计中的技术与艺术的分离成为可能。而在未来的艺术创作中,技术问题将退至后台由专门的技术人员完成,展现在观赏者面前的是艺术家和设计师对每当感受、表现和创造。另一方面,网络图形的艺术性也将不断提升,普及,这则是艺术形式成熟的必然结果,而区别于传统艺术形式的多媒体性、互动性、延续性和系统性则是这一成长过程中的有力武器。

参考文献:

[1]刘宏曾.虚拟设计[M].北京:机械工业出版社,1999.12

[2]尹定邦.设计学概论[M].长沙:湖南科学技术出版社,1999

[3]彭吉象.艺术学概论[M].北京:北京大学出版社,1999

[4]李勇,付志勇编著[M].计算机艺术设计.北京:中国纺织出版社,1998.2

[5]赖小娟,林旭.现代图案设计[M].郑州:河南美术出版社,1999.2

[6](美)鲁道夫•阿恩海姆.艺术与视知觉[M].北京:中国社会科学出版社,1987

作者：王巍 刘刚田 郑亚楠

图形网页设计论文 篇2：

图形语言在网页设计中的应用

摘要：任何一种艺术形式的出现，都要依赖于当时社会和科技的发展，图形也不例外。在网络世界里，图形凭借易读性，内涵深刻性，基于艺术形式之上，广泛迅速的传播信息，为我们带来了以前诸多媒体综合起来都无法承载的信息量和最直接的情感交流方式。

关键词：图形语言；网页设计；信息

1 网页设计中的显性图形

（1）网站的形象图形LOGO。图形语言这一视觉符号语言，生动准确的捕捉着人们的视线。通过一种跨国界的强大的视觉感染力，无需阅读大量文字信息，可视的标识图形，生动形象的描绘，即可认识、记住并了解一件商品，一个企业的精神和时代特征，克服了不同地域人们语言交流的不便，起到良好的识别和推广作用。

（2）网站界面中功能和工具的图形。质感单纯的造型，概括精炼的图形与生动的语言文字，是设计的亮点，是构思的浓缩。小面积的工具图形，增加了界面信息的生动性和易读性，清晰的引导用户深入了解网页信息，缓解用户浏览信息的疲劳。

（3）辅助标识的图形符号。辅助图形是按照传达信息的顺序和信息所处的状况而设计的导向图形，用户沿着简洁明了的操作按钮或辅助标识符号，在很短时间里，不断的获得连贯信息，轻松而最佳定位。

2 网页设计中的隐性的图形

2.1 负空间图形

界面留白或负空间图形空间与内容空间同样重要，合理的设计留白，大方透气的界面设计，引导用户的视线直接到信息中心。

2.2 图形语言在网页设计的重要性

（1）图形语言遵循视觉的规律性。通过文字信息了解具体内容之前，图形语言已给予访问者与网络信息内容相关的视觉信息。在较短的时间里，通过网站形象标识，准确定位，通过界面功能和工具图形，详细了解网页传递给用户的信息，通过辅助的图形，引导用户顺利浏览主页和子页的信息。概念图形化，语义图形化，图形一身兼二职，将形、情、意巧妙的结合起来，是传统和现代的文化符号。

（2）图形语言符合视觉的审美需求。人们对美的追求是不断深入的，通过一些内容，一个链接或者一个图形获取需要的信息，图形是用户获取信息最有效的方式。网页图形不是简单随意放到界面上，合理分配网页界面中文字，图形，色彩等信息要素和界面留白或负空间图形，遵循一定的平面视觉传达效果原则。清晰的图形形象，“透气”的页面设计，激起用户深入浏览的兴趣，更有效率地了解和接收网页上的信息。

2.3 图形语言在网页设计的作用

（1）图形的形式，易显主题。每个网页都有明确的主题，选择适当的图形形式作为主题要素，易被人们即时地理解和接受。在网络语言的世界里，图形语言丰富的表现力及情感效应，打动着我们的心灵，唤起了我们对事物的想象，体现网站的特色与风格，突出其主题。微软的图形标识（图1），大胆使用平面色块和简单的线条和形状，代表了不同的部门和产品线。稍微倾斜透视的角度具有动感，体现对用户的欢迎，实现了数字化和真正人性化的原则，准确传达了微软公司的品牌形象。

（2）图形的色彩，突出整体性。色彩依不同心理效果，规整主次顺序的区分和视觉流程，使网页具有良好的易读性和导向性。网页设计中图形的色彩与网站主题息息相关。如文化类的网站，图形用暖色较多，增加美感和情趣；技术类的网页，图形用冷色较多，体现高端、精密的特点。利用不同的色彩划分网页界面的视觉区域，可清晰的对信息进行分类和浏览。系统地规划和设计图形色彩，网页风格统一，留给用户完整、有序的视觉印象。微软的分站站点页面（图2），色彩按主次和视觉流程进行编排、划分与布局网页中的信息，内容在统一的视觉风格之下，方便阅读，达到完整而有序的视觉效果。

蓝色是微软最经典的颜色，Windows、Windows Live以及IE都采用了蓝色Logo。绿色LOGO则代表Xbox和Xbox Live，红色LOGO则是Office，黄色LOGO是Bing搜索。

（3）图形的形式与内容统一。从视觉角度看，网站统一是所有图形语言元素共同营造的，美化的图形，强调重要的信息，区分内容的主次，更好的引导访问者，利于信息的传递。内容与形式的统一，并不意味所有设计元素都要相同的形式与色彩，相应的信息内容选用相应的表现形式，形式服务于内容。运用美化图形对强调的内容适当加以突出，加深用户记忆，提高信息传递效率。

在图文并茂的网络世界里，良好的图形语言，缩短了人与人，国家与国家，民族与民族之间的距离，丰富了信息传播的语汇，人类之间的交流加快了，语言之间的隔膜消息了。赏心悦目的网站图形不仅是宣传品牌好的形象资产，同时也是品牌成功与可持续发展的资本。

参考文献：

[1] 赵志云.网络形象设计[M].中国传媒大学出版社，2011.

[2] 林芝.图形语言[M].上海人民美术出版社，2009.

[3] 比尔德（美）.完美网页设计艺术[M].熊平，宓媛珊，译.人民邮电出版社，2008.

作者简介：胡杰（1988—），女，山西晋中人，现西南交通大学硕士在读，研究方向：视觉传达设计。

作者：胡杰

图形网页设计论文 篇3：

探讨网页设计中图形的应用

计算机网页设计是一门综合了计算机图形艺术和计算机网络技术的科学。本文将网页设计与实际的设计相结合，介绍了网页设计中图形的应用、研究了如何通过应用图形让计算机网页设计发挥更好的效果。

引言

就像雕塑家要应用石材、音乐家要应用乐器、油画家要应用颜料和画布一样，网页设计师也要了解图形的应用，在WEB设计中充分运用适当的图形，这样才能更好的表达自己心中的创意和想法。

网页设计中图片格式的正确使用

从某个角度来讲可以这样说，判断一个网页设计师是否优秀，可以从其在网页设计中是否能够采用合理的图片格式看出来。或许每个人都知道图片包括GIF、JPG、PNG等格式，但并并不是每个人都知道这些图片格式之间的具体特点和用途。

什么样的设计更适合web页面

1.慎用较“重”的图形元素

这里图形元素的轻重不是色调的轻重，是形式的轻和重，形式的轻重和内容相呼应，网页设计的一大趋势就是越来越“轻”。除了对圆角效果和高光效果等效果的审美疲劳之外，网页设计师开始意识到好的网页设计更注重的是将网页内容与网页形式结合起来，而非形式的堆砌。所以设计师在应用那些较“重”的图形设计时，一定要慎重思考，考虑到该图形的应用是否有必要以及该设计是否与受众的气质相契合。

2.内容和形式的分离

对于一些比较强调视觉效果的特殊产品，也可以利用图片格式和一些前端知识对网页设计进行优化，比如内容和形式的分离。一些国外比较流行的设计风格都是通过大幅的背景图进行气氛的渲染和意境的传达。这样做的一个好处就是能把需要用到图片的视觉元素进行集中的压缩优化，同时因为前端实现时一般会用相近的背景色先进行填充，然后在逐步显示背景图，就不会因为加载太慢而拖慢用户的访问速度。

3.通过较小的视觉牺牲换取较大的性能提升

有时候为了提升页面的加载速度达到更好的用户体验，不得不对设计进行优化，这个时候就需要牺牲一部分视觉效果利用网页设计师掌握的图片格式知识更有目的性的优化设计网页。例如著名的淘宝“双十一”大促销活动的宣传网页网页，由于双十一期间，该网页的访问量非常大并且为了配合商家的宣传活动需要在网页上加载非常多的商品图片，这时候就需要网页设计师对双十一的促销活动网页的图形进行优化以达到提升网页性能的目的。网页设计师可以去掉一些不太重要的高光、渐变和阴影效果，从而降低图片文件的大小，提高图片文件的加载速度。

4.图形艺术的界面处理

新颖的网页图形艺术设计可以牢牢地吸引住浏览者的注意力，设计具有创意、布局合理、设计规范的网页也是提高网页浏览量的的重中之重。一个图形运用恰当、设计人性化的网页可以让浏览者对网站心生好感，极大地提高浏览者浏览该网页的欲望。所以，网页设计者要注重运用一切科学技术手段来设计图形艺术，保证页面效果给人以眼前一亮或是舒适的感觉，让图形首先在视觉上给予客户一种冲击，给客户一个良好的第一印象。

结语

和建筑艺术从最初仅仅为了满足人们基本的生存需求转向满足人们对美的需求一样，网页的图形设计也告别了仅仅拥有最为基本的传递功能，只是为了满足浏览者的功能需求转向满足人们的审美需求。现代的网页设计中，艺术设计被提到了一个非常高的位置。相信未来通过对图形艺术的应用，网页设计的发展会越来越好，未来的网站展示给浏览者的将会是更多的技术与艺术、技术与美的

结合。

（作者单位：桂林旅游高等专科学校视觉艺术系）

作者简介：王正红（1972-），女，重庆人，桂林旅游高等专科学校视觉艺术系副教授，硕士，研究方向：平面设计。

作者：王正红