网页设计艺术十篇

网页设计艺术篇1

关键词:网页艺术设计;技术;艺术

中图分类号:TP393文献标识码:A文章编号:1009-3044(2010)05-1191-02

The Art of Webpage Design

JIANG Gui-mei

(Dept. of Arts Design and Information Technology, Guangdong Women's Polytechnic College, Guangzhou 511450, China)

Abstract: It analyzes thoroughly the artistic of webpage design from three aspects: the content, the principles and the characteristics of the art design of webpage. And it proposes the direction of development in webpage design.

Key words: art design of webpage; technology; art

网页艺术设计是伴随着计算机互联网的产生而形成的视听设计新课题,是数码艺术中的一个重要门类,是网页设计者以所处时代所能获取的技术和艺术经验为基础,依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动,它必然会成为设计艺术的重要组成部分,并随着网络技术的发展而发展。表面上看,它不过是关于网页版式编排的技巧与方法,而实际上,它不仅是一种技能,更是艺术与技术的高度统一。

1 网页设计的原则

一个成功的网页是依靠设计者的美术观念、对色彩和布局的掌控、对浏览者心理的把握、结合创意设计出来的,再应用合理的技术表现出来。

1.1 围绕网站的主题,明确设计的风格

网页设计的第一步就是要分析和明确建站者通过网站要达到的目的及浏览者要获取的信息,从而确定网页的主题思想及围绕主题进行条理性处理,针对浏览者是儿童、男人、女人、年轻人、中年人、老年人等的习惯、爱好,从而明确网页设计的风格。围绕主题,运用艺术形式美法传达网页内容和表现网页风格,既要内容充实,又要吸引浏览者的注意力,使网页信息传送效率最大化。

1.2 网页整体形象统一

网页是由多链接的页面和元素组合而成,在设计时强调整体和谐性,表达一个统一的视觉印象和文化意境。整体和谐性不仅是在各网页页面上有共同的形式特征,如色彩、造型、版式等上的外部完整的美感,也要在文化内涵和意境上体现出一种连惯性和整体性,给人一种内部有机联系。

1.3 应用技术要合理

应用网页技术可以使网页有视觉冲击和动态效果,但也要注意合理应用,技术应用与艺术设计要相辅相成,技术是为内容和形式服务的。1)考虑浏览器的兼容性。2)注意网页容量。不要将图片和动画过多加入,否则网页容量过大,网页下载速度过慢,浏览者也就失去看下去的兴趣。3)合理应用动态网页技术。CGI、ASP等动态网页技术上很先进,但相当一部分引擎还是不支持它的。4)适当应用各种网页设计方法和技术。比如,特殊字体的使用可能在有些浏览者的电脑上可能不能显示。

2 网页艺术设计的特点

网页艺术设计既是计算机技术的应用,也是视觉艺术在网络世界的表现。

2.1 技术与艺术结合的紧密性

技术与艺术的紧密结合在网页艺术设计中体现得尤为突出,是网页艺术设计最大特点。虽然技术是表现艺术的方法而已,但是如果没有过硬的技术基础,那么,想要表达出艺术内涵恐怕是难于登天,技术和艺术间是相辅相成,相互促进发展。技术越进步,可以表现的网页形态越丰富;同样,为达到网页艺术表达的要求,往往促进一项新技术的诞生。

2.2 实时互动性

网页具有实时交互的功能,网页设计者将网页上传到网络后,点击率和受欢迎程度是可知的,网页设计者需不断更新内容和更换不同的界面环境才能让浏览者持续对它的喜爱。浏览者不再是被动的接受者,而是艺术建构的参与者之一[1],从而促进设计者与浏览者进行良性的沟通。网页设计人员也应在不同的时期和阶段、依据不同对象、不同的经营策略等对网页做出相应的变化,网页艺术设计也是动态变化的设计。

2.3 非线性的导航

非线性的导航是指一种自由的、多方向和不确定的网页组织结构[2],而不是线性单一的,清晰的导航性使得浏览者在网页间的跳转而不会迷失方向,给人以清晰的层次感。网页设计者要做到不同角度的链接、告知浏览者当前的位置、当前页与其它页面间的关系等,每页应有一个返回主页的按钮或链接。

2.4 媒体的多元性

网页设计是一门新型的综合媒体艺术,是多种元素的综合体。多媒体的视听元素有文字、图像、声音、视频、动画等多样[3],网页是视听元素的创造和应用。

2.5 终端的不可控性

网页的显示效果会随着终端的变化而出现不可控性,网页的显示终端包括浏览器和显示器,这种不可控性主要体现在:

1)当前浏览器窗口大小不同,看到的页面不同;

2)不同种类、版本的浏览器观察同一个网页页面,效果会不同;

3)网页的浏览者可以控制网页页面在浏览器中的显示方式,如字体大小、网页缩放等;

4)屏幕采用不同的分辨率,网页显示效果不同。

3 网页设计的发展

曾有人认为,当每个企业都有了自己的网站,网页设计行业就将从饱和中走向消亡。这是错误的,网络更新发展之快、蕴涵潜力之大、覆盖之广都是前所未有的,网络的未来不可限量。网页设计的在以下三方面有着广阔的发展:

3.1 技艺结合

虽然现在每个企业几乎都有自己的网站,但不是每个网站都是技术与艺术的融合,网页设计人员往往懂技术的而不懂艺术,懂艺术的又不懂技术。随着时代的发展,网页的艺术设计,日益被网站建设者所注重。

3.2 虚拟现实在网络中的应用

虚拟现实的沉浸感、交互性、构想性的特征让它成为研究者们的热点。随着网络的发展,网络虚拟环境今天已存在,让多个用户(特别是不在同一地理位置的多个用户)参与到同一个虚拟环境中来,但这项技术还不成熟。网络虚拟环境是多领域技术的集成,这些技术包括允许不同地域间异质网络互联的技术,支持视觉、听觉甚至触觉/力觉反馈技术以及相应的多种交互设备。随着技术的日趋成熟,在线教育、在线就医、远程会诊等都会成为现实。

3.3 多媒体的综合应用

目前国内网页已经出现了模拟三维的操作界面,在数据压缩技术的改进和流技术的推动下,Internet网上出现实时的音频和视频服务,典型的有在线音乐、在线广播、网上电影、网上直播、三维看房、看地图、网上逛商场和校园等。因此,多种媒体的综合运用是网页艺术设计的特点之一,是网页设计必然的发展方向。随着技术的发展,在网络环境流畅地播放三维实时动画,实现网络漫游等都已实现。

4 结论

网页艺术设计具有技术与艺术的结合性,伴随着网页技术与媒体艺术的发展而发展,也是平面设计在网络世界的延伸。随着时代的发展和需要,网页的艺术设计,日益被网站建设者所注重。

参考文献:

[1] 顾群业.网页艺术设计[M].山东:山东美术出版社,2002.

网页设计艺术篇2

【论文关键词】互联网;网页界面;艺术设计

【论文摘要】在互联网飞速发展的今天，网络已成为人们生活中不可缺少的一部分，无论是在商业、工业还是政府部门中都早已普及开来，如今就连教育事业也都承载着网络这四通八达的命脉迅速的发展起来。网站建设越来越接近于一门艺术而不仅仅是一项技术。网页界面艺术设计，日益被网站建设者所注重。结合自身的经验，阐述了如何制作一个完整的丰富多彩的页面，主要从色彩、框架，布局、优化这几个大方面对页面设计进行描述，对网页界面艺术设计的文字、图形、色彩、多媒体四个要素做了具有特色的分析和归纳，最后对其艺术设计风格进行了深入的分类和阐述，这一部分的重点是对网页界面艺术设计风格的研究。网页作为新兴媒体，有着比报刊、杂志、广播、电视等传统媒体更多的构成要素，如文字、图形、声音、图像和动画等。最后得出页面设计需要时间和耐心去钻研，才能做出好的网页界面艺术设计这一观点。

网页界面艺术设计是伴随着计算机互联网络的产生而形成的艺术设计新课题，是网页设计者以所处时代所能获取的技术和艺术经验为基础，依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动，必然要成为设计艺术的重要组成部分，并随着网络技术的发展而发展。表面上看，它表面上看，它不过是关于网页版式编排的技巧与方法，而实际上，它不仅是一种技能，更是艺术与技术的高度统一。?网页设计包括风格定位、版面编排、色彩处理、浏览方式、链接功能等诸多方面，其中色彩处理有着举足轻重的作用。色彩既是网页作品的表述语言，又是视觉传达的手。所以首先要了解一个问题那就是：

1 制作网页包括具体都包括哪几部分呢?

1.1图形、图像处理制作网页界面艺术设计，提到界面还有艺术，那在网页上插入一些精美、适当的图片是必要的，否则，不会有人去浏览你的页面，因此，在设计网页之前，就应搜集或制作一些好看、适用的图片。提到图形、图像处理，大家都会想到的软件是Photoshop这个软件，对，这个软件是进行图形、图像处理的软件，但是，它不是专门的处理网络图像的软件，Photoshop这个软件会用到去进行一些平面的图形图像，我们网络的图形、图像处理用的是Fireworks软件，它可以制作出传输较快的gif格式的图片，占的空间也比较小，一般大小也就是KB，而Photoshop制作出来的是jpg格式的位图，并且是有损压缩，象素大了图像就清晰，但这样的话上传到网上会影响浏览速度，象素小了就会出现模糊或者马赛克小方格，所以我们采用的是Fireworks软件进行处理图形、图像。

1.2动画制作网页界面艺术设计，肯定也少不了动画的加入，并且还要有艺术气息在里面，这就要求我们的设计者要有艺术修养和对颜色的综合把握了，在没有FLASH软件之前，用的是Go live这个软件，再后来就用传统的做法，在html中嵌入Java程序编写的动画，但这要求设计者要对Java语言熟悉。随着软件的发展，如今有了许多制作动画的软件，二维的、三维的等等，如现在我们用的FLASH软件，用它制作的动画，小巧迷人，只需作为一个.swf格式文件导出，再导入到网页编辑器里就可以了。

1.3文本的编写一般是采用在网页中用html语言中的标签编写，也可以用网页编辑工具的“所见即所得”功能直接写入文字，如：Dream weaver软件或者Front page软件等都可以进行文本的编写。还有一点要注意的就是，显示文本的时候，设计者的机器上装了很多漂亮的字体，设计的时候采用了，但是等上传到网上以后，别人在浏览的时候，如果别人机器上没有安装字体，那就显示不出来我们采用的漂亮样式字体，因此，在考虑网页界面艺术设计的基础上，我们是把文字提前在Photoshop或Fireworks可以将字体先选择自己喜欢的样式，然后转换栅格化图片再用切片切成小块，分别进行优化。输出的格式可以为gif或jpeg，再导入到Dream weaver进行具体编辑，做链接可以用图片特有的属性进行热区链接，这样就完成我们想要的字体样式效果了，就不会出现字体样式显示不出来的情况啦。

1.4框架的应用框架是网页的常用形式，它可以使网页更为清晰，可以把不同的页面超链接到同一框架中，使的页面更加紧凑。一般框架用在小说浏览页面，或者介绍图书章节的部分，或者教学网页用到的的框架比较多。

1.5表格的应用表格是网页中用处最广泛的，可以布局，定位等等，它是网页中最活跃的元素。它的应用可以使用网页更加灵活。表格(table)是页面中的重要元素，是页面排版的主要手段。我们可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。很多时候，我们将表格的边框设为0，以此来定位页面中的元素，或者籍此确定页面中各元素的相对位置。我们知道：浏览器在读取网页html源代码时，是读完整个table才将它显示出来的。如果一个大表格中含有多个子表格，必须等大表格读完，才能将子表格一起显示出来。我们在访问一些站点时，等待多时无结果，按“停止”按钮却一下显示出页面就是这个原因。因此，我们在设计页面表格的时候，应该尽量避免将所有元素嵌套在一个表格里，而且表格嵌套层次尽量要少。在使用Dream weaver制作网页时，会自动在每一个td内添加一个空字符。如果单元格内没有填充其它元素，这个空字符会保留，在指定td的宽度或高度后，可以在源代码内将其删去。

2 色彩的运用

网页界面艺术设计离不开色彩的应用，当打开一个网站的时候，给用户留下第一印象的既不是网站丰富的内容，也不是网站合理的布局，而是网站的色彩，尤其是在体现界面的时候，色彩对人的视觉效果非常明显，一个网站设计的成功与否，在某种程度上取决于设计者对网页界面设计颜色的运用和搭配。

网页界面设计是一种审美活动，成功的设计作品一般都很艺术化。但艺术只是设计的手段，而并非设计的任务。设计的任务是要实现设计者的意图，而并非创造美。网页界面页面设计的任务，是指设计者要表现的主题和要实现的功能。站点的性质不同，设计的任务也不同。从形式上，可以将站点分为以下三类：第一类是资讯类站点，像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息，而且访问量较大。因此需注意网页界面设计页面的分割、结构的合理、页面的优化、界面的亲和等问题。第二类是资讯和形象相结合的网站，像一些较大的公司、国内的高校等。这类网站在设计上要求较高，既要保证资讯类网站的上述要求，同时又要突出企业、单位的形象。第三类则是形象类网站，比如一些中小型的公司或单位。这类网站一般较小，有的则有几页，需要实现的功能也较为简单，页面设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。

3 网页界面的优化

在页面设计中，网页界面的优化是较为重要的一个环节。它的成功与否会影响页面的浏览速度和页面的适应性，影响观者对网站的印象。

在资讯类网站中，文字是页面中最大的构成元素，因此字体的优化显得尤为重要。使用css样式表指定文字的样式是必要的，通常我们将字体指定为宋体，大小指定为12px，颜色要视背景色而定，原则上以能看清且与整个页面搭配和谐为准。在白色的背景上，我们一般使用黑色，这样不易产生视觉疲劳，能保证浏览者较长时间地浏览网页。一般我们网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格，我门可以根据需要选择一些特别字体。例如，为了体现专业可以使用粗仿宋体，体现设计精美可以用广告体，体现亲切随意可以用手写体等等。当然这些都是个人看法，你可以根据实际情况，选择更贴切的字体。目前常见的中文字体有二三十种，常见的英文字体有近百种，网络上还有许多专用艺术字体下载，要寻找一款满意的字体并不算困难。需要说明的是：使用非默认字体只能用图片的形式，因为很可能浏览者的PC里没有安装你的特别字体，那么你的辛苦设计制作便将付之东流。

网页的适应性是很重要的，在不同的系统上，不同的分辨率下，不同的浏览器上，我们将会看到不同的结果，因此设计时要统筹考虑。一般我们在800×600下制作网页，最佳浏览效果也是在800×600分辨率下，在其它情况下只要保证基本一致，不出现较大问题即可。现在我们设计网页，一般要考虑800×600和1024×768两种分辨率，因此我们的表格一般为居中的770左右的表格，表格的宽度最宽不要超过778。事实上，"做网页"不是单纯意义上的"制作网页"，如果想让自己制作的网页美观大方，就必须要考虑"设计网页"的过程，一个好的作品，不通过仔细的"设计"就成形是绝对不可能的。

我国的网页界面页面设计水平总体上不及韩国，创新的页面极少，基本都是一种风格，这也是因以前我国的宽带水平跟不上有原因，一个漂亮的页面，必然体积会比较庞大，网络比较慢的话打开的速度也就可想而之，打开速度慢正是网页的一个最大杀手，所以我国以前的页面基本都是以框架式居多。随着我国宽带的普及，我们也迅速括起了一阵韩风，很多大胆创新的页面出现，这是一个好现象，但是一味的模仿韩国也不行，我们也要有自己的特色，不能一味的拿来主义。

网页界面页面设计的一个基本特色便是吸引浏览者，一个美观漂亮的页面不管内容多么空洞，也会有人欣赏，反之一个内容充实但页面简陋却往往不会有人去浏览，从这便可看出网页界面艺术设计是多么的重要。

最后总结，网页界面艺术设计是永远也学不完的一门学问，因为它会跟着你的成长也变化，直到形成你的一种风格，网页界面艺术设计需要大胆创新，需要新的思维，需要不断的努力。

网页设计艺术篇3

网页设计中色彩搭配往往是设计师设计的重中之重，因为网页设计的一个重要的特点就是让浏览者以第一眼的感觉对网站进行基本的认识和定位，这个第一眼的概念就是浏览者不会在一瞬间对文字性的内容有太多的印象，而是停留在网页大面积的色彩带来的冲击上。因此色彩的搭配在为网站取得美好的第一印象的行动中显得尤为的重要。目前的网页设计中也有许多的设计师们意识到了这一点，于是有部分设计师在对网页进行设计时采用了非常抢眼的纯色，不可否认的是纯色的运用确实会在第一眼的视觉感受上造成很大的冲击，但纯色对于一个浏览者对网站的长期浏览是十分不利的，因为纯色不仅会加大浏览者的视觉疲劳感，还会会使浏览者对网站产生不利的品牌认识。在对几个优秀的网页设计作品进行对比和总结之后我们发现他们几乎有一个共同的特点，就是色彩上的留白。当然，这种留白并不是指他们的网页设计大面积的使用白色，而是他们在选用色彩时除了对需要强调的部分使用了必要的纯度较高的颜色进行突出外，其他的版面都采用了颜色纯度较低的高级灰，而且这些高级灰的面积较大，有一些甚至无限接近于白色。这种色彩上的留白使得整个网页设计的品味和内涵都得到了较好的体现，而且使得浏览者在对网页产生了相对较好的第一印象之后也非常愿意应留在网页上进行进一步的浏览，既欣赏了网页的色彩，也对网页想要传达的其他内容有了一定的了解。

二、网页设计中文字表达时的留白

文字内容对网页设计也具有相当大的影响，因为浏览者在对图片进行了第一印象的判断后紧接着就是对文字的印象了，因为一件优秀的网页设计作品不仅是色彩对浏览者的吸引，当浏览者停留下来开始对文字进行欣赏时，文字的重要就变得不言而喻了。然而文字的表达也绝非只是将网站的内容简单的以文字的形式呈现出来那样简单，其中的讲究我么也是经过了大量的对比和学习才发现了其中的一些规律，简而言之也就是在网页设计中对文字的表达也要进行留白处理。文字的表达应该如何留白处理呢？其实并不难，因为文字本身也是有一些留白的结构的，所以设计师在设计网页的文字时一定要结合文字本身的留白结构，再结合页面设计的需要对文字进行合适的的处理。且文字的留白还有一点很重要，就是当一件网页设计中需要的文字信息量很大时可以对文字本身进行平面化的处理，使文字成为一种设计元素而非成为阻碍网页设计效果的障碍，但网页设计中无论用什么方法去处理文字都应该将文字表达中最重要的部分进行强调，以免在经过多种艺术手法的处理之后反而使得文字无法有效的传达出网页所要表达的信息，进而造成网站的主题不明，寓意不明等问题。文字的表达在网页设计中必不可少，国内外许多优秀的网页设计都在文字的处理上让人们拍手称赞，其中不难发现无论使用了那种形式的处理方法，留白都是这些优秀文字处理手法的核心所在，所以，当大量的文字内容使得网页设计的效果不尽人意时我们应该停下来思考一会儿，是不是应该考虑进行留白了呢？

三、网页设计中版式设计时的留白

网页设计艺术篇4

关键词：网页设计；视觉效果；浏览速度；整合

中图分类号：TP393文献标识码：A文章编号：1009-3044(2007)06-11540-01

1 引言

国内网站的建设最初是仅仅重视功能性要求，经过多年的发展，随着技术的完善和审美需求的提升，当前的网页已经日趋注重页面的视觉效果，强调页面的风格，体现主体的理念，因而高水平的网页设计需求大幅增加。但同时也出现了一些新问题，很多毕业于美术专业的设计人员在设计网页时，仅从视觉效果的方面考虑，而完全忽略了网络自身的特点，结果常常会出现网页打开速度过慢，媒体元素和符号的运用不近合理等等问题。经过多年的实践，笔者深刻地体会到，在网页设计中将技术和艺术整体考量，有机结合，才能设计出高质量、高速度的网页。

2 页面的颜色向度

我做过这样的实验，在同样大小的图形上进行不同明度，不同纯度的变化，然后将每个变化的图形文件存储，进行文件大小的比较，结果发现：纯度较高的图片或单色背景，文件量比较大；明度较高的图片或单色背景文件量较小。因此在进行网页设计的时候，可以根据这一规律控制页面的颜色，尽可能地使用一些纯度低的，明度高的颜色进行视觉传达，会大大提高网页浏览速度。

3 分类符号的运用

网页的信息量很大，通常需要分门别类，所以分类所用的符号就需精心的设计和组织，网页中经常出现的分类符号如：

这些图形符号的宽度一般为10～20个象素左右，大小一般为1000字节左右。我认为键盘自身的一些元素符号做为分类符号会比上面的图形分类符号要好。因为，它们不是图形，是电脑自身二进制码输出的正常文字符号，所以一个字符，就占一个字节。如果能做为分类符号使用，那么一个分类符号和上面所述的图形符号相比，文件量要少近1000多个字节。所以在网页制作中，只要满足设计审美要求，这样的符号要多利用。国外的一些大型网站，如微软公司的网页中就大量的运用了这些符号，不仅具有较强的数字化特点，最重要的是大幅地加快了网页的使用速度和效率。

4 图像存储格式

在制作和设计网页时，除了大量的文字信息外，图形图像也在大量应用。为了提高网页浏览速度，经常使用的方法是通过将图像的尺寸减小来降低他们的文件量，以达到快速使用网页的目的。

其实，图像的存储格式对文件量大小的影响也不可忽视。下面这个实验就能说明这个问题，如图所示：“”是一个简单的分类图标，如果将其尺寸固定在 19×19 pixels，分别存成颜色模式为RGB的JPEG格式和颜色模式为Index的GIF格式，结果是：JPEG的文件量是14KB，而GIF的文件量是1KB，相差了14倍！所以，在网页设计制作时，所用的图像可以存为颜色模式为Index的GIF格式。虽然这种格式相比JPEG格式在视觉效果上有一定的差距，但在网页上我们肉眼是很难区分的。

5 一个象素的位图应用

编写网页所用的HTML语言中，当对图形进行填充，而宽度不足时，会将图形自动横向和纵向复制，这个原理可以有助于减少图案设计的文件量大小，从而加快网页的速度。如图所示：一个大幅面的渐变效果，可以运用宽度为一个象素的纵向渐变图，将其放入一个比较宽的表格内，就会自动横向重复，形成大面积的渐变效果，而文件量仅仅是开始的那个文件大小（一个象素宽），通常都是很小的，所以网页速度会很快。如果做一个长宽均为一个象素的小位图，通过HTML语言改变其长和宽，就可以很轻松地在页面上画出横向或纵向线条，这就解决了网页中画线比较困难的现状。同样也可以制作很多其它效果。所以利用HTML语言的特点，巧妙运用宽度为一个象素的位图可以使文件量减小，加快网页速度。

6 CSS的应用

CSS是用来控制网页上文字的字体字号和修改超级连接属性的程序。在CSS中的一些设置有助于实现某些视觉效果。如在CSS样式的设定中，有个调整下划线的选项，可以调整线的粗细、线的颜色、线的种类等等，这是用语言计算出来的，而非额外的图形，所以文件量非常小。这种性质的下划线是现在设计网页时很常用的设计手段。CSS样式中，还有调整不同的连接方式，调整字符，调整图形透明度等等很多的选项，这些都是通过语言计算法形成的，就象页面上的文字一样，不但不会影响网页速度，还可以表现出较好的视觉效果。诸如此类特点，网页视觉效果设计人员往往不甚了解，在一些线条的应用、图形的透明度等效果制作时，经常是通过图形的方法来解决，效果相同但文件量却增加不少，影响了网页速度。因此，网页设计人员应深入了解一下CSS样式的功效，对网页的视觉传达设计是很有帮助的。

7 页面及表格背景色的妙用

网页中页面和表格中的背景色是进行设计时要考虑的元素。由于HTML语言的限制，向网页中导入图像时，必须是方方正正的。所以很多网页的图像边缘生硬，整个页面显得死板。如果将图像边缘的颜色调整与背景色一致，画面中的主体形态绘制的较为活跃一些，在网页上就可以出现灵活的没有固定边界的图案效果。如图所示：这是一张网页的局部，整个页面是黑色背景，中间的大块暗红色块就运用了边缘渐深的技巧，从而使图像以矩形图块置入网页中时，因图块边缘与背景黑色紧密相连，使得最终的视觉效果中看不出规整的边缘，呈现出的是一种灵动的、不规则的艺术表现效果。这是一种非常实用的网页技术与艺术效果结合的表现手段。

8 JAVA程序的应用

Java Script是Sun公司和Netscape公司合作开发的用于制作动态网页的简易程序，它在网页的视觉效果方面作出了很大的贡献。最典型的例子是做水波效果。早先这种效果只能用动画软件来制作，现在用Java就可以解决了。一幅图或一行字，编写一段小程序，设定好强度、波纹的数目、波宽等，就可以作出动态水波纹效果。另外，如果觉得鼠标的小箭头太单调，也可以用Java编写一个小程序。鼠标所到之处就会伴随出现一些奇异的效果。如图所示。这些效果同样是用程序编写的，所以比起用传统二维动画软件制做的动画在网页上显现的速度要快的多。所以运用Java程序是加快网页浏览速度好方法。但要注意一两个这种程序的运用对浏览页面的速度影响不大，如果运用多个java程序，对页面的浏览速度就会有较大影响了。

运用上述网页技术进行艺术效果的设计，既能够提高网页浏览速度，又可以提升视觉效果。希望能有助于网页视觉设计人员创作出更快捷更迷人的网页！

参考文献：

[1] (美)丹尼乐, 多恩雷. www设计：环球网页[M]. 中国轻工业出版社,2001:7-8.

[2] 马谧铤. Flash网站建设实录[M]. 北京希望电子出版社,2003: 42-45.

网页设计艺术篇5

网站风格是网页设计艺术创新的主要对象，网站风格是一个抽象的概念，指的是网页形象能够给访问者带来的感受，这种感受可以通过网页中的内容、文字、色彩等进行传达，通过对网页风格的感受，网页本身所具有的性格和品位也会凸现出来。如果网页没有自身的风格，则网页设计的过程会变成一个堆砌信息的过程

二、网页设计艺术创新对设计者提出的要求

每一个优秀的网页都建立在创新的基础之上，同时也传达着网页设计者本身的思想和精神，在网页设计的艺术创新中，设计师是进行网页设计工作的主体，而要实现网页设计的艺术创新，网页设计者要具有以下几点认知和素质:一是肯定创新的价值。设计师要认识到艺术创新是让自己设计的网页实现无可替代的重要途径，设计师只有具有创新的意识，才能在自己设计的网页中留下自身思想的烙印;二是艺术创新要具有针对性。即网页信息要明确地将中心意义传达给网页访问者，让访问者认知网页的创新点并通过网页获得不同的视觉体验和心理体验，这种针对性需要建立在对访问群体进行分析的基础上，即对“小众”心理的迎合;三是网页设计者要具有真诚善变的特点。艺术创新是一个改变传统的过程，善变即推陈出新，其应当是一个优秀的网页设计者应当具有的重要素质，但是同时善变并不是胡乱设计，所以设计者也应当具有真诚的品质，因为单纯的迎合以及虚假的创新都是没有任何生命力的。

三、网页设计中的艺术创新

(一)色彩艺术创新。色彩是网页设计中的重要元素，不同色彩能够唤起人们的不同感知，同时色彩也是网页中最能够给予访问者视觉冲击力的设计原色，所以在网页艺术创新中，对色彩的运用作出创新是一个重要的突破口。色彩的创新可以有多种形式，其中色彩表现和选择的自由化以及色彩简约设计就是其中的两种主要形式:一是色彩表现与选择的自由化，网页的个性可以通过自由地选择色彩来实现，而自由化的色彩表现能够使网页具有更加独特的风格，色彩的选择会受到访问群体和时代的影响，但是设计者可以在色彩的选择和使用中通过一些小的调整来表达自身的心理和情感使网页具有个性化的特质;二是设计色彩奉行简约。简约化的色彩设计已经逐渐成为了网页设计中的主流，良好的简约化色彩设计可以达到以少胜多，以简胜繁的艺术效果，虽然简约的色彩设计更容易突出网页的主题，但是却对网页设计者的能力提出了更好的要求，即要求网页设计者运用更少的设计元素来表达出更多的艺术内涵。

网页设计艺术篇6

关键词：网页设计；茶产品；艺术设计；视觉呈现

近年来，互联网电商发展迅猛，很多产品都有了网络销售渠道，茶产品也不例外。茶产品的网络销售离不开网页的展示，好的网页艺术设计才能让茶产品从众多品牌中脱颖而出，具有更强的竞争力，所以茶产品网页设计的视觉呈现越来越受到人们的重视。茶产品网页以互联网为载体，将茶产品的各种信息以方便、快捷的形式传达给消费者，所以茶产品网页艺术设计必须符合人们的审美需求和高标准、高要求。茶产品的网页是信息和主要表现形式的载体，要想设计出更加便捷、美观的茶产品网页，网页中的艺术设计元素必须更具有观赏性，视觉呈现方式应该更加独特和新颖，整个呈现效果应该风格统一，主题明确。

1茶产品网页艺术设计的内涵

互联网和电商的普及，很多商品都在网上进行销售，所以网页设计逐渐被人们所重视。茶产品网页艺术设计是通过设计师对茶产品的理解和内涵的认知，根据茶产品的特色，进行的创造性的网页构思。从表面上来看，茶产品网页设计是对网页的版式、色彩、声音、动画进行了合理的安排和运用，虽然看起来简单，但是要想实现这一过程，不仅需要一定的技术能力，还需要对茶产品有深入的了解。因此，茶产品网页设计是艺术和技术的结合，同时也蕴含着茶文化的内涵和韵味。茶产品网页艺术设计内涵其实就是新型的可视化的茶文化内涵视觉呈现，以前人们习惯了用实物呈现茶文化，现在要将实物换成图片、音频、视频等表现形式，本质上是一样的，但是网页设计呈现茶文化的方式比原来更多了，不过也有其短板，就比如人们没有办法去闻一下茶叶的气味，品尝茶水的味道，触摸一下茶叶，这些都是网页设计无法进行呈现的，但是视频和音频、图片包含的信息要比传统的实物大很多，就好比在有限的地方想要呈现全国所有地方的不同种类的茶叶，通过线下展示几乎是不可能完成的，但是通过一个视频就能清晰准确地表达出来。线上和线下各有所长，这是没有办法避免的，我们只能借助手中的技能，最大程度地通过网页艺术设计将茶文化的内涵呈现出来。

2茶产品网页艺术设计视觉呈现要素

2.1茶产品网页的视听元素

茶产品的网页艺术设计包含众多的视听元素，而如何以合适的艺术形式将这些视听元素组合起来，并且支持大多数浏览器的显示和播放，具有比较快的加载速度和浏览体验，减少和避免使用外部程序和模块，是茶产品网页设计主要考虑的问题。茶产品网页艺术设计还可以运用多媒体技术，这样可以更加丰富茶产品网页设计的视觉效果，让其具有更好的视觉呈现。这样做的本质就是让网页设计呈现给人的感觉能够尽可能的还原人实物给人呈现的东西一样，近年来流行的3D、4D、VR技术都能很好的运用于茶产品网页设计中，其目的也是让人看到的东西更加真实，和实物一样。将这些网页艺术设计的新科技运用到茶产品网页中，可以给人耳目一新的感觉，也能够带给用户更好的体验。

2.2茶产品网页的版式设计

茶产品网页的板式设计，需要首先对内容进行主次的划分，突出重点内容，避免过于繁琐和混乱。将茶产品网页的各种视听元素进行有机的组合和排列，体现出茶产品的个性，通过这些排列形式也可以体现出设计师的想法和思维，展现出茶产品的文化内容和风格。茶产品的网页艺术设计在本质上和报刊杂志等平面媒体的本质是相同的，只不过茶产品网页设计中对版式的设计更加重视，需要其准确的传递出茶产品的信息，并且带给人感官和精神上的享受。茶产品网页的版式设计虽然不受到固定规格尺寸的限制，但是必须符合读者屏幕的阅读限制，所以茶产品网页设计中的各个元素和位置必须有更加精确的尺寸和定位。茶产品网页艺术设计也不同于印刷品的线性形式，这一区别也给茶产品网页艺术设计的结构安排带来更多的难度。

3茶产品网页艺术设计的视觉呈现方式

3.1色彩的搭配

设计师用以表达设计理念的首选就是色彩，色彩也是茶产品网页艺术设计中最能抓住用户眼球的部分，其次才是网页中的文字和图像。对于茶产品网页设计的色彩运用需要像音乐的音符一样进行巧妙和恰当的安排，这样才能像音乐优美的旋律一样，具有色彩的艺术感。色彩可以通过视觉的呈现让人出现各种不同的心理感受和反应，所以需要经过精心的组合、搭配以及画面的构成。茶产品网站艺术设计的视觉呈现不能过于单一的使用同一种颜色，也不能同时使用过多的色彩，导致整个茶产品网站色彩过于复杂，而是根据茶产品的主题选择一两种颜色作为主要的颜色，其他部分选用相近或者同色系的颜色作为次要颜色。所以，需要在确定主题色彩之后，考虑主题色彩与其他颜色之间的关系，让各个色彩之间能够达到协调和均衡，同时还要考虑各种颜色的纯度、透明度和色相的问题。其目的就是让人在浏览茶产品的网页时候拥有更好的体验。

3.2点、线、面的构成

茶产品网页设计的基本构成是点、线、面，其排列组合方式有成千上万种，而网页设计师需要做的就是通过合理的点、线、面组合来表达茶产品网页的自然、生动、朴实等形象，让人通过茶产品网页对茶产品产生美好的联想。通过点、线、面的密集程度和集合形态，来表达想要表达的不同特色，反映出茶产品网页设计师的设计理念、心理和情感，所以茶产品网页艺术设计中点、线、面的关系一定要处理好，这样才能将茶产品网页艺术设计的最佳视觉效果呈现出来。

3.3文字的排版和应用

茶产品网页艺术设计的另一形象要素就是文字，文字也是茶产品网页艺术视觉呈现中必不可少的，担任着传递产品信息和情感的作用，所以茶产品网页艺术设计中的文字应用能够给人以美感和审美感受，同时也可以准确的传递作者的意图。恰当的安排茶叶产品中文字的位置，避免文字与茶叶产品网页中其他视觉元素形成冲突，导致主次颠倒，同时在茶产品网页设计中也不能轻易使用自动文字排版工具，避免文字内容错乱和像素的偏差。

3.4留白的方式和技巧

在茶产品网页艺术设计中恰当的留白可以让视觉的呈现更为多元化，这也是茶产品网页设计中一种比较讨巧的设计方式和技巧，可以让茶产品网页中的图片和文字更加从容。只有通过留白对茶产品网页的空间进行缓冲分配，才能让茶产品网页更具有活力，更加生动，避免出现呆板的情况。在茶产品网页排版布局中，恰当地进行留白可以更加彰显茶文化的艺术韵味，同时平衡茶产品网页的整体布局，让整个茶产品网页布局和排版松弛有度，同时茶产品网页中的各个元素之间的关系也能够更加合理，让整个网页艺术设计能够得到升华，提高整个网页的艺术高度，同时也可以带给浏览者更多放松的感觉，让用户浏览时心情更加愉悦。

4结束语

综上所述，随着互联网和时代的发展，茶产品基本上都有网络销售渠道，茶产品网页设计的审美和要求也在不断提高，茶产品网页设计在传递茶产品信息的过程中也需要带给用户视觉和感官上的享受，所以茶产品网页艺术设计必须结合艺术和技术。所谓的艺术就是网页设计本身所强调的，是每个设计师都应该拥有的技能，技术而言就是对茶产品的理解，需要通过特定的技术手段展示茶文化的内涵，我们希望通过网页方式呈现给消费者的就是和原来线下的一样，技术是实现目的手段，我们运用的技术不一样，但是想要实现的目的一直都是一样的。网页设计相比较线下具备很大的优势，而技术的进步也让视觉呈现越来越好，由视觉感官的艺术上升到视听享受的层面，让茶产品网页设计不仅仅具有报刊杂志的功能，更有影视观赏的效果，将用户带入更好的浏览环境中，从而对茶产品的外在和内涵有更深的理解和领会。只有处理好茶产品网页艺术和技术的关系，才能满足人们对茶产品网页日益增高的要求。

参考文献

[1]高文婧.艺术类网页设计工作坊“双主体”管理体系的构建分析[J].西部素质教育,2016(13):20.

[2]齐玮琳.视觉传达在网页设计中的动态艺术效果及其技术实现[J].黑龙江科学,2015(12):72-73.

[3]王倩.网页设计中技术与艺术的结合路径———以新闻门户网站为例[J].新闻战线,2015(22):70-71.

[4]王雨晴,汤颖斐.信息艺术设计对环保的应用———以环保包装网页为例[J].艺术科技,2015(7):170-171.

[5]游又.浅谈数字媒体创作与教学中的用户中心设计和内容设计[J].西部广播电视,2014(2):86-88.

[6]许玲玲.浅谈网页设计中的艺术表现形式———艺术与技术相结合[J].科技资讯,2013(26):29-30.

[7]古新良.论网页设计中艺术设计的视觉呈现[J].计算机光盘软件与应用,2013(7):262+264.

[8]李怡.中国水墨画艺术形式在网页设计中的借鉴及探索[J].重庆科技学院学报(社会科学版),2012(13):122-124.

[9]孙梦灿.从《css禅意花园》谈对于艺术设计学科中的网页设计的一些思考[J].包装世界,2011(3):100-102.

网页设计艺术篇7

关键词：界面；艺术；网页

中图分类号：TP393文献标识码：A文章编号：1009-3044(2011)14-3292-02

人们对美的追求是不断深入的，网页设计也是如此。网页界面设计不是对各种图像和文字的堆积，也不是对网页模板的套用。而是需要在网站艺术效果上下功夫，使网站尽可能的做的美观、合理，让用户更有效的获取信息，对网页的视觉呈现留下深刻的印象。并在浏览网页时轻松、愉快的心情，接收信息也更容易，同时在无形中塑造出了网站的良好形象。

1 何谓界面

界面，字典上解释为两者间的界限、接点、共用（连接）的领域，进一步说就是个体间相互联系的通路或者空间。界面设计最重要的两点是让浏览者使用的便利性和美观性。作为网页界面设计者，就要理解人们通过网络交换信息时所需要的相互关联的问题和特性，使用户能够在良好的环境下更便利的应用网络。

2 网页界面设计的特性和必要性

网页设计不是简单的在显示器上看到的漂亮的装饰性的画面。一些设计地比较好的网站，就是考虑了多媒体的特性、色彩搭配和信息排列的一定次序，能更有效地向用户传达内容。比起许多华丽的画面装饰，网页设计应该在更有效地传达信息方面多下些功夫。这必须有对布局设计和色彩的正确理解和相关知识，要熟知网页系统的特性。

在网页界面设计方面，应同时考虑的是使用的便利性和视觉效果这两方面。首先，网站内各个页面应保持一贯性，不能给用户带来混乱感；在使用方面，尽可能的遵循普遍规律，这能让用户很容易适应。在界面设计方面，重要的一点就是要站在用户的立场上去进行设计。既能给用户带来方便，又兼备视觉的冲击力，这样的网页界面才是每个网页设计人员应思考并追求的东西。一个不为用户考虑的界面，无论这个网站有多么好的内容，这个好内容也是无用之物。兼具实用性与便利性的界面当然是重要的，但能够唤起用户的好奇心与兴趣，使用户停留网站，给人留下深刻印象的界面也是很重要的。

3 网页界面艺术效果的构成要素

3.1 页面结构

布局是内容组织的必然结果，它往往是自己逐渐形成的。一旦周全考虑了页面的所有需求，并且确定了每一块的内容，工作就变成了看着所想要的布局自己展现在你的眼前。这个过程类似拼图游戏，只不过没有最终完成的提示图，但是每个部分都可以改变大小位置。网页设计中，设计者要注意到网页排版的“最佳视域”这一细节会引导用户去观看整个页面，并且能够创造出一种别称之为“Diagonal Balance（对角线平衡）”的和谐状态。人们在浏览页面或布局的时候，视线往往趋向于从左上角移动到右下角，因为人们通常都是从左至右、又伤往下地阅读，久而久之视线自然会沿着这一路径移动。

其中，企业网站的页面结构通常为比较简单的上下结构式，可以说几乎是统一的风格，顶部的左边是网站的logo，右边就是它的导航栏。门户网站通常为上左右结构式，商业图片往往很满。通常会在页面结构上也显示出主次不够突出、内容拖沓、繁琐等不足。如果处理得不好，很容易会显得呆板而无趣，但是如果使用大量的和整个网站颜色风格统一的图标和图片，网站看起来会显得很生动。

3.2 色彩运用

网页界面艺术设计离不开色彩的应用，当打开一个网站的时候，给用户留下第一印象的既不是网站丰富的内容，也不是网站合理的布局，而是网站的色彩。尤其是在体现界面的时候，色彩对人的视觉效果非常明显，一个网站设计的成功与否，在某种程度上取决于设计者对网页界面设计颜色的运用和搭配。

国内外一些优秀的网页界面设计师，他们可以对色彩运用的非常得当。在我们看来有些非常难看的颜色到了他们的手里很轻易的就搭配出一种很另类或和谐的美感，给人的感觉要么淡雅迷人，要么另类大胆，让人觉得欣赏他们的网站是一个非常愉悦的过程。他们通常都比较喜欢采用不同的色调来表达不同栏目的主题，灰色是他们最爱用的颜色，因为灰色比较中庸，能和任何色彩搭配，大大的改变色彩的韵味，使对比更强烈，正文文字也大都采用灰色。而局部则喜欢用色彩绚丽的色条或色块来区分不同的栏目。比如，要制作一个圣诞主题的网站，要求颜色运用对比强烈，我们可以选择红色和绿色的配色方案。在很多人看来红色和绿色搭配就是“红配绿，很俗气”，其实相反色系两色相配，即所谓红配绿、蓝配黄、橙配紫，这种搭配如果处理得好，出来的效果会很抢眼。使网页看起来显得很生动活波，使得红显得更红，很符合网站的主题。

不同网页的主题可以用不同的色彩来表现，以下为几种常用色系：

第一，蓝色。蓝色是商业宣传用色，在商业设计中强调科技、商务的企业形象时，大多选用蓝色当标准色。一般用于企业宣传类网站的设计中，往往给人以专业、科技的感觉。因此，蓝色被普遍应用到企业网站和专业网站当中。

第二，绿色。绿色是自然色，有黄色和蓝色两种成分，绿色的性格最为平和、安稳，是一种柔顺、恬静、满足及优美的色彩。给人以清新自然的感觉，可以大大舒缓视觉上的压力。在商业网页设计中，绿色所传递的是清爽、理想、希望和生长的意象，较符合服务业、卫生保健业、教育行业、农业类网页设计的要求。绿色也可以用于与环保相关的主题，如旅游风景区网站。

第三，红色。红色是比较热烈和强有力的颜色，在网页颜色的应用中，单纯以红色为主色调的网站相对较少，多用作辅助色、点睛色，以达到陪衬、醒目的效果，会使网页变的生机勃勃。红色与黑色的搭配在商业设计中被誉为商业成功色，在网页设计中也比较常见。红黑搭配常被用于较前卫时尚、个性的娱乐休闲区网页中，有很强的视觉感染力和号召力。

第四，黄色。黄色也是宣传色中的一种，具有快乐，希望，智慧和轻快的个性。黄色给人轻松随意的生活气息，能够体现出一种友善亲近的效果，同时又容易引起味觉上的条件反射，给人以甜美和香酥感，在很多设计作品中黄色都被用来表现喜庆的气氛和华丽的商品。同时黄色又是一种非常鲜明的色彩，它可以与许多种颜色搭配起来使用。

第五，橙色。是欢快活泼的光辉色彩，是暖色系中最温暖的色，是一种富足、快乐而幸福的颜色。橙色稍稍混入黑色或白色，会变成一种稳重、含蓄又明快的暖色，但混入较多的黑色，就成为一种烧焦的色，橙色中加入较多的白色会带来一种甜腻的感觉。橙色与浅绿色和浅蓝色相配，可以构成最响亮、最欢乐的色彩。橙色与淡黄色相配有一种很舒服的过渡感。而橙色一般不能与紫色或深蓝色相配，这将给人一种不干净、晦涩的感觉。

另外，色彩之间的平衡与呼应也是十分重要的。色彩在页面中可以形成很多的效果，通过强烈的对比，可以突出页面的重点。还可以通过色彩调配，达到页面稳重度的改变。一般的情况下，页面上方的颜色总是很重，这样才能压住下面的颜色，如果不采取这种办法，整个页面将显得很不稳重，底下的文字图片，有飘出的意味。因此，要使整个页面显得很平衡，必须要有能镇住其他颜色的色彩。一种比较突出的色彩，如果很突兀地放在页面中，无论你是突出重点也好，还是LOGO图标，都给整个页面带来了副作用。为此，你必须在相对称的位置加上该色系的色彩以呼应，这样可以弱化这种视觉的冲击。

通常在一个页面中尽量不要超过四种色彩，色彩太多会找不到主题色，会显得没有主次，令人眼花缭乱。同时还要注意文字的颜色与背景颜色的区分，太强或太弱都会印象浏览者得阅读。同时，我们还可以适当的运用一些黑、白、灰的颜色搭配使用，可以产生意想不到的效果。在色彩的设计上，即要符合网站整体特征，又要适合所渲染信息的特征。一般采用同色系或相邻色系对网站基础信息进行渲染，对于突现主题的信息采用基础信息色彩的补色或对比色进行渲染，从视觉上体现信息的权重与逻辑关系，达到突出重要、弱化次要地目的。

3.3 Flas及图片的运用

国外一些网页的flash banner大都以横幅广告条出现在页面的导航栏下面，特别是韩国的网页采用的都是精美的图片或者是手绘风格的矢量插图。国内很多网站也采用大幅的flash广告条，但是通常都是着眼于如何去表现flas的酷、炫的感觉，使得浏览者过于关注flash而忽视了页面的其他内容。而韩国的flash则更好的服务于网站的主题，和整个页面搭配起来看得很舒服而不抢眼，他们的关键就在于整个flash不是全部变化，而只是局部在动，以及文字和背景的巧妙配合。韩国网页设计师的手绘能力很强，页面中大量采用手绘的矢量图片，使得整个网站显得精致而与众不同，这点是我们值得借鉴的。

最近在杂志界开始吹起了复古风，六、七十年代的手绘插图又开始流行，杂志书籍中大量使用矢量时尚插图取代以前的照片，这股流行势力很快也蔓延到了网络上，特别是在时尚站点和儿童站点中大量运用手绘的插图，会有很好的效果。

3.4 文字排版

在网页界面中，众多构成要素中文字是具有最佳的直观传达作用以及最高的明确性，文字包括标题、文字信息、文字链接。文字作为图形符号，在处理文字造型时也适用图形设计的基本原理，这些原理在文字的形态构成、空间排布、色彩配置等多方面都具有指导性的作用。通过设计与编排，文字的存在价值在界面中应体现为提高信息的明确程度与可读性，加强界面的艺术性与视觉感染力，从而获得良好的视觉传达效果。

网站的内容排版因为要考虑到可读性，很多栏目的文字编排都比较简单，利于阅读，而在一些内容较少的页面如网站的广告或宣传页上排版则富于变化，更类似于杂志内页的排版。在文字排版时大部分人会觉的在文字排版时英文会比中文更美观，那是因为形状上中文字比英文字略高，并且文字的行间距往往比英文网站小，缺乏节奏感，容易给人拥挤杂乱和字块堆积的感觉。这就需要我们在设计时，尽量避免在首页放置大量的文字信息，尽量做到图文穿插，以免大量文字给人造成视觉疲劳。

另外，文字的风格和编排应符合网页主题。不同网页主题需要不同的文字风格来配合，不同的文字编排也极大地影响这网页的风格倾向。因此，不能孤立地进行网页文字设计，而是讲文字的设计和编排与网页的主题结合起来。

一般来说，网页的背景色应该柔和一些、素一些、淡一些，再配上深色的文字，使人看起来自然、舒畅。而为了追求醒目的视觉效果，可以为标题使用较深的颜色。如果一个网站用了背景颜色，必须要考虑到背景颜色的用色，与前景文字的搭配等问题。一般的网站侧重的是文字，所以背景可以选择纯度或者明度较低的色彩，文字用较为突出的亮色。让人一目了然。文字和背景的颜色搭配要合理、醒目、易读。

当然，有些网站为了让浏览者对网站留有深刻的印象，他在背景上作文章。比如一个空白页的某一个部分用了很亮的一个大色块，此时它为了吸引浏览者的视线，突出的是背景，所以文字就要显得暗一些，这样文字才能跟背景分离开来，便于浏览者阅读文字。

3.5 页面的立体感及细节处理

视觉层次非常重要，很多做出来的界面太过平淡、平面、平常，就是因为画面没有层次感。一个十分优秀的网站往往看起来都很有层次感，而这种层次感不是靠做几个立体字来体现的，靠的是添加简单的图片或文字阴影效果和巧妙的利用构图来形成视觉上的差异，或者通过加深减淡工具来改变元素的高光暗面等。或是应用透明的效果来烘托页面的层次感和动态感觉，通过阴影，凹陷，透明来实现立体的网页也是很不错的。就是这种设计上的不拘泥于形式使网站的立体效果呼之欲出。我们应该学习韩国设计师做事的认真态度，他们的每一个按钮、图片的处理都及其讲究，其实一些细微的部分不仔细看还不一定容易发现，但是如果少了这些细节的地方，整个网站的整体形象就要大打折扣了。

“细节决定成败”，在设计领域了这句话更显得重要。但细节是建立在一个整体基础上的，在保持页面协调统一的前提下，细节的刻画能给页面润色不少。细节包括色彩上的打破，或者形态上的变化，文字的排版处理，还有图标的应用等方面，甚至要做到精确到1个像素。一个成功的页面设计者，至少会在做出页面前已经把整个页面构思好了，而且绝对不会很宽容地对待图片中1个像素的差别。很多细节可能会被浏览者忽略，但对设计师来说绝不可放过，比如背景色、色彩渐变、各组件间间距、标题样式、高亮样式、字体/大小/颜色、行/段间距、插图位置/边缘处理、输入框宽高/边框色/背景色、按钮的位置等。另外，只有看得多了，比较得多了，才能看得出这些细节。很多人会觉得这些细节没有什么大碍，但多个不良的细节组合在一起就会让人觉得不舒服。

4 结束语

网页作为一种新的视觉表现形式，它的发展虽然没有太长时间，但它兼容了传统平面设计的特征，又具有其所没有的优势，成为今后信息交流的一个非常有效的途径。作为一种综合性的设计，对于网页界面的设计来说，不仅要兼顾用户的便利，同时也要把这个公司引人注目的地方一起展现出来。有个性、能够给人留下深刻的印象是最好的。大部分的界面设计以上两方面的内容都要考虑。 要考虑用户的便利性还要使用人印象深刻，这似乎是矛盾的两方向，但作为一个网页的设计者，需要有调和这两方面的能力。这就要求设计师具备全面的专业素质，懂得如何处理好内容与形式的关系，多途径去探索网页的风格。对随时涌现的想法，要勇于付诸实践，以锻炼自己的创造性思维能力。如果具备了深厚的专业功底，又具有独特的创造精神，并勇于尝试不同的艺术风格，必能设计出让浏览者过目不忘的优秀设计网页，使人产生共鸣。

参考文献：

[1] 鲁道夫・阿恩海姆. 艺术与视知觉（新编）[M].长沙:湖南美术出版社,2008.

网页设计艺术篇8

关键词：新媒体；网页视觉艺术；艺术设计

网页视觉艺术设计的发展是在传统视觉艺术和互联网的基础上实现的新媒w视觉艺术形式，也是网页设计工作者需要尊重和注意的内容。网页作为网络信息的载体，其在设计的过程中需要以不同的美感和视觉冲击效果给予网页浏览者直接反馈，进而实现网页浏览量的增加，起到更好的宣传和引导效果。因此，对新媒体时代下的网页视觉艺术设计进行研究具有优化我国网页设计的作用，也是促进我国网页发展的关键内容。

1.网页视觉艺术设计及其内容

1.1网页视觉艺术设计

随着互联网的逐渐发展，网页艺术逐渐出现在人们的视野中，在此基础上逐渐衍生出来网页视觉艺术设计。其主要是艺术设计的一个分支，以网页为设计空间或平面，在艺术设计的基础上对网页构成的元素实施视觉设计，以达到美观和功能相结合的一种新型的艺术设计方式。网页视觉艺术设计的发展和构建是我国互联网发展的衍生成果，也是我国社会美学和网络美学发展的关键。

1.2网页视觉艺术设计内容

（1）元素内容。网页视觉艺术设计内容包含文本、表格、图像、音乐、背景、动态影像等，其所设计的内容较为繁多，且内容与内容之间的协调性不足。网页视觉艺术设计中元素内容是构成网页的基本要素，也是网页传递信息的主要载体。就目前我国网页视觉艺术设计元素内容上来看，其主要是以文本、背景、图像和动态影像4种为主要元素。其中音乐、导航、按钮等属于功能视觉艺术设计元素内容。以市场发展需求为根本，从内部结构和外部结构入手，组成网页的每一个元素均可以将其称之为网页视觉艺术设计的元素内容范畴中。

（2）版面内容。版面内容主要是以元素内容为根本的网页主体结构划分形式，其版面内容中包含广告版、宣传版、中心内容版、延伸版等。版面内容是维持网页整体结构合理性的主要内容。以传统报纸为例，其中包含广告信息版面、新闻信息版面、招聘版面、房地产版面等，还包括头版头条、末版等内容。网页作为新媒体下互联网中报纸，其在版面内容上的合理设计是保障网页效果和浏览数量的关键。因此，网页版面的设计也是网页视觉艺术设计的主要内容之一。

2.新媒体时代下网页视觉艺术设计的原则

2.1主体鲜明原则

在新媒体时代下网页视觉艺术设计必须始终坚持主体鲜明原则。网页作为互联网发展中重要的组成部分之一，其必须具备主体鲜明的特点。因此，在设计的过程中需要从视觉艺术设计效果的角度出发，设计鲜明主体的网页效果。网页设计作为艺术设计范畴中的一部分，其在设计的过程中应该坚持艺术设计原则，以突出的视觉感官刺激观看者的感官，从心理、生理、逻辑等角度完成网页元素的运用，凸显鲜明的色彩标准，实现网页的诉求效果，向观看者不断传达各种需求功能。因此，在新媒体时代背景下随着人们心理诉求和企业心理诉求的逐渐增加，网页视觉艺术必须充分发挥艺术设计的原则，以网页主体鲜明的视觉艺术设计为根本，实现网页的美学和功能学结合。

2.2统一原则

统一原则是指在新媒体时代下网页视觉艺术设计必须从内容和形式上完成设计的视觉性统一，这样才能够是网页内的设计要素以稳定的形式存在设计的主体内容中。统一性原则的建立是在艺术设计协调性的基础上，拓展其协调内容为网页内容和网页形式，继而形成网页视觉艺术设计内容和形式协调统一的原则。网页作为网络内容表达的基本，其在形式需求的表达上应该具备“特立独行”性，在其内容上需要具备“个性化”，“独”与“个”的差异性使得一部分网页设计者在网页设计的过程中从产生过分侧重某一方面的内容，而最终使得整个网页的视觉艺术效果不够明显。因此，在实施网页视觉艺术设计的过程中必须在其“独”和“个”的基础上完后内容和形式的整体容易，这样才能够设计出既满足内容需求，又满足宣传需求和表达需求的网页。因此，以统一原则为根本是新媒体时代下网页视觉艺术设计所坚持的主要原则之一。

2.3整体原则

网页是新媒体时代的信息传播的载体，其是继报纸、电视之后的另一个大型的信息宣传和承载体。因此，在其网页设计的过程中需要保障其内容、主体、意识的整体性，进而满足企业需求和消费者需求，实现需求的多向性满足。因此，整体原则的创建时新媒体下网页视觉艺术设计的关键点，也是其设计过程中需要从组织、结构、元素等方面注意的一点。网页设计作为艺术设计的一种其不仅具备艺术设计的美感需求，还必须具备网页的功能需求，因此未来达到二者之间的统一发展，就要求网页视觉艺术设计从整体性的角度出发，实现网页内部信息和外部主题的一致性，进而从版面划分、色彩搭配、风格形成、信息主次等角度实现精确的组织结构定位，完成网页整体性划分。因此，可以说整体原则是新媒体时代下的网页视觉艺术设计中所必须遵守的基本原则之一，也是保障网页视觉艺术设计合理性的主要因素之一。

3.新媒体下网页视觉艺术设计应用优化

3.1版面优化

为进一步优化新媒体下网页视觉艺术设计应用，从其版面上对其进行视觉艺术设计优化。网页版面的分配需要从空间和内容主次上达到一致性和错落性。这要求设计者在实施版面视觉设计的过程中不仅要从浏览者的直观视觉图案上入手，还需要从网页自身角度入手对其进行版面的设计和优化。

首先，从版面点线划分的结构入手，以不同情感层次的划分，实现规律、不规律性的版面分散，在以分散点为基础，实现视觉的整体效果融合，形成版面划分衔接一体化的网页视觉效果。

其次，在网页版面视觉艺术设计的过程中版块与版块之间的衔接一般是以线条的形式，因此在线条衔接的过程中必须实现版块线条衔接的完整性和流畅性，降低衔接违和感，这样才能够满足浏览者的视觉效果，实现新媒体下网页视觉艺术版面设计的优化，使得网页版面设计更加人性化。

3.2文字优化

文字是网页中最关键的一部分，也是最多的一部分，在实施网页视觉艺术设计的过程中为了实现文字优化需要从文字的内容、文字的侧重点、文字的情感等角度出发，从而实现文字与版面、色彩的融合。

首先，在网页视觉艺术文字设计优化的过程中就文字的编排主次对其进行划分，从而实现功能的自动排版和功能的顺序规划。例如，以招聘页面为例，其在文字的视觉效果设计方面需要从浏览者的需求角度出发，根据文字的主次结构实施整体布局，既不显得文字突兀，又能够实现招聘单位的宣传效果。

其次，在网页视觉艺术文字设计优化的过程中文字在一定程度上代表着网页的形象，文字也是网页与浏览者交流的载体。因此，在文字视觉艺术设计的过程中应该侧重文字的情感划分和心感沟通为基础，以引发浏览者的情感共鸣为视觉艺术设计的侧重点，实现网站文字的情感性宣传和处理，优化我国新媒体时代下的网页视觉艺术设计水平。

3.3色彩优化

色彩是人们主观意识的第一接触体，也是直接影响视觉冲击的因素。因此，在网页视觉艺术设计的过程中需要对其不同色彩之间的搭配进行优化处理，进而实现色彩共鸣的效果。

首先，在网页色彩设计的过程中视觉艺术设计者必须根据网页可能出现的浏览者进行情感预测和心理划分，是以大气的色彩，还是以活泼的色彩为基调实现整个网页色彩视觉的设计。例如，相亲网页需要以浪漫色彩为主情调，法律网页需要以庄重为主色彩，幽默笑话网页需要以幽默色彩为主色彩。以不同色彩主体的判定，协调色彩与浏览者之间的情感沟通，达到网视觉色彩艺术设计优化。

其次，在网页色彩视觉设计的过程中设计者可以利用色彩的生命力吸引浏览者的实现。例如，对于重点信息或版块可以采用突出色彩，如红色、黑色、黄色等鲜明的色彩突出原则，实现整个网页色彩视觉效果意识，在融合色彩的同时避免色彩矛盾，完成色彩协调构建。

网页设计艺术篇9

关键词：计算机 网页设计 制作 艺术院校 计算机课程 教学 应用

中图分类号：G712 文献标识码：A 文章编号：1672-3791（2014）05（c）-0200-02

随着计算机技术的不断改革与创新，计算机课程教学不断的改革与发展。目前，大多数企业、个人单位都通过网站向外界宣传产品、优惠活动等，网站的开发就需要网页设计师来进行排版设计，网页设计的发展带动了高校的教育改革，不断的开设《网页设计与制作》这门课程，《网页设计与制作》是艺术院校计算机教学中实践操作性强、综合性较强的专业课程，其需要多门计算机学科知识综合起来，才能完成网页设计课程体系，如：Photoshop、CorelDraw、HTML语言、CSS、JavaScript语言，从而进行网页设计。

1 艺术院校计算机课程教学现状分析

随着计算机互联网的发展，网络已普及到家家户户，艺术院校的学生对计算机基础知识也有了很大的提高，加强学生的计算机基础知识和计算机能力的培养，对艺术院校的教学具有重要作用。目前，艺术院校计算机课程教学仍然存在不足，虽然艺术院校的大部分专业开设了Photoshop教学课程、CorelDraw课程、网页设计等课程，但是，艺术院校开设的专业只涉及网页设计的几门学科，如计算机图形图像专业，其开设了Photoshop、CorelDraw、Flash等课程，却没有涉及到HTML、JavaScript语言课程，课程教学的不足，容易导致学生的设计操作能力、专业能力不强，学生只能掌握基本的操作，而不能满足更高的操作水平。

2 艺术院校计算机《网页设计》课程教学存在的不足

2.1 网页设计教学缺乏知识的连贯性

对于艺术院校的学生，大多数都存在于被动的学习知识，而没有主动的练习操作，而《网页设计》这门课程是一门实践性强、操作能力强的学科，所涉及的内容知识也比较多，若老师只是单方面的进行教学，只对学生进行示范操作，或学生只是模仿操作练习，这样的教学方式不仅不能激发学生的学习兴趣，也不能培养学生的创造性。若教学的课程内容较为分散，老师没有对教学内容进行整理、没有整合知识的连贯性，学生则很难掌握知识要点。

2.2 缺乏编程基础知识

《网页设计》这门课程不仅需要图形图像处理软件，也需要网页设计的后台编程软件，如：JavaScript语言、CSS，编程语言是一门复杂的知识，但与CorelDraw、Flash等设计软件的原理是一样的。对于动态网页的设计，其需要编程基础来实现，学生若不了解动态网页的设计、编程基础，则很难设计出具有美观、产品个性的网页界面。网页的设计理念需要实践操作能力来实现，实践操作技术也为网页设计提供了需求，但是，没有很好掌握动态网页设计基础知识，如新闻网站系统，其需要添加多行表格，从而对其添加内容，如果没有充分了解网站设计软件的基本功能，则很难实现添加多行表格的功能。

3 基于网站数据库功能模块化的网页设计要点课程教学

网站数据库的实现主要是通过Access数据库、ASP编程语言来实现的，同时也需要Dreamweaver、Flash、Photoshop、Fireworks等软件来编排、设计，根据美观、人性化的界面设计及色彩搭配的美观，进行网页的设计。网站数据库主要实现新闻网站系统、公司产品展示网站系统、会员网站系统、访客留言系统网站等模块，通过学习ASP的工作环境、系统网站的实现动态流程，学生能很好的了解动态网页的设计原理和动态效果。

3.1 网站数据库功能模块化的设计流程

网站数据库功能模块教学，是以网页界面设计为基础，进而更深层的网页设计教学，以Dreamweaver建立动态网页界面，通过Access软件建立数据库的连接，从而实现动态功能的构建，例如：新闻网站系统的构建，如图1所示。

3.2 网站数据库的网页设计在教学中的应用

网站数据库是基于ASP技术和Access数据库建立的，由于ASP技术简单易学，不需要用COMPILE进行编译，直接在Windows的记事本上就可以直接编辑，对学生来说，ASP技术的开发是一个很好的应用，学生无需安装任何插件，就可以使用任何浏览器浏览ASP生成的页面，并且也方便连接。而Access数据库，对于网站的设计，有利于建立数据库的连接，其具有简单易学、易用、操作简单、数据接口灵活等功能，因此，学生可以通过学习Access数据库，就可以逐步了解网页设计的基础知识，也很好的掌握数据库的连接与ASP技术的连贯性。通过学习网站数据库的设计，由于开发的软件简单易学，连贯性较强，不仅可以激发学生的学习热情，也能提高学生的实践操作能力，教师应注重知识的连贯性，积极引导学生进入教学情境中，从而提高网页设计课程教学质量。

3.3 网站数据库实现新闻系统功能

要实现新闻网站系统的功能，需要根据其功能需求实现网站系统的设计，其一般包括前台和后台的管理，因此，在进行网页设计时，根据后台的需求，即后台实现新闻的、公告，新闻的修改、删除等。而新闻网站的前台，是指用户浏览的页面，即网页界面，前台需要实现用户能正常浏览网页的新闻信息、或资讯标题，因此，学生只需要把这些信息、需求进行规划设计，并合理进行排版，从而将新闻信息、业界动态的信息集中在一个管理系统的新闻网站应用程序中，以保证新闻系统的完美性和规范性。

4 网站数据库功能模块化课程教学意义

网页设计教学是一门实践性强、操作能力强、综合性较强的学科，在教学过程中，应理论知识与实践相结合，在网页设计教学中，学生应多练习，多操作，熟悉各种编排、编程软件，从而达到网页设计教学的目的。第一，网站数据库功能模块化教学注重培养学生的实践操作能力，从而培养学生的职业能力，因此，教师应积极引导学生灵活运用知识，整理知识的连贯性，安排的教学内容应与社会发展需要结合，以社会需要为导向，科学合理化的整理教学内容，利用任务驱动的教学方式来加强学生对网页设计的学习，从而加强学生的实践操作能力。第二，网站数据库教学不仅培养学生的操作能力，也是多学科结合的教学方法，不仅培养学生的鉴赏能力和艺术性，也培养学生的应用能力和思考能力。通过有效结合艺术专业的审美优势和计算机语言技术优势，学生在进行网页设计教学中，学生能根据页面的艺术性进行设计，同时也会考虑界面的实用性和价值观，从而设计出具有创新、有价值的网页设计界面，多学科的教学方式，有利于提高学生的综合素质。第三，网站数据库模块化的网页设计教学也是艺术学院学生就业需求的导向，社会不仅需要专业人员，也需要综合能力较强的人才，通过学习网页设计，注重学生在操作过程中的学习情绪、学习态度、团队合作及协调沟通能力，从而对学生全面的进行考核。因此，进行网站数据库模块化的网页设计，为计算机基础课程教学增添了生机和活力，不仅锻炼了学生的操作能力和实践能力，也拉近了与社会人才需要的距离，达到了计算机基础课程的教学目标。

5 结语

网站数据库功能模块的网页设计，在计算机课程教学中具有重要作用，网站数据库运用的是简单易学的操作软件，对艺术专业的学生来说，以简单易学的网页设计为基础，进行更深层次的网页设计要点学习，网页设计不仅可以培养学生的应用能力和创新能力，也有利于提高学生的综合素质。

参考文献

[1] 孔丽英.浅谈ASP动态网页设计课程一体化教学[C]//中国职协2013年度优秀科研成果获奖论文集（下册），2013.

[2] 赵鑫.项目教学法在高职《网页设计与制作》课程教学中的应用[D].华中师范大学，2009.

网页设计艺术篇10

关键词：网页版式；设计；版式

网页排版是近年兴起的一个普通排版的分支概念。虽然，图片也可以传递信息，但网站上的内容大部分是由文字组成。这就是网络排版如此受重视的原因。排版的重要性丝毫不亚于视觉层次，合适颜色的选取，网站功能以及其它特性。我们从来没低估过网络排版的重要性，也深知它在良好的用户体验中所发挥的重要作用。任何追求漂亮版面的人都知道，印刷排版跟网络排版完全是两码事。尽管有些规则可能相同，但网页设计所处环境完全不同，两者都有自己一套必须遵守的规则和准则。两者的原理不同，不能同时存在，跨越这个界线可能会导致排版混乱。

一、网页设计概念

网页设计是在Internet的发展和数字技术的发展中出现的新艺术形式。它是以Internet为载体，以网络技术和数字技术为基础，依照设计目的、遵循艺术设计规律，实现设计目的与功能，强调艺术与科学密切结合的一种艺术创造化视觉传达活动。它是网络视觉艺术的主要表现形式，也是设计艺术的重要组成部分，它具有媒体相关性、数字技术性和设计艺术性三大基本内涵。

网页版式设计网页版式设计是指在有限的屏幕空间内，按照设计师的想法、意图将网页的形态要数按照一定的艺术规律进行组织和布局，使其形成整体视觉印象，最终达到有效传达信息的视觉设计。它以有效传达信息为目标，利用视觉艺术规律，将网页的文字、图像、动画、音频、视频等元素组织起来，产生感官上的美感和精神上的享受，充分体现了设计师的艺术风格。

二、网页版式设计的作用

网页版式设计是设计师理性思维与感性表达的产物。它决定了网页的艺术风格和个性特征，并以视觉配置为手段影响着网页页面之间导航的方向性，以吸引浏览者注意力，增强网页内容的表达效果。网页版式设计在整个网页的设计中占有很重要的作用。

三、网页版式设计与传统印刷版式设计的差异

网页版式设计与传统印刷版式设计的差异网页的版式设计同报纸杂志等平面媒体的版式设计有很多共同之处，但网页的排版与书籍杂志的排版又有很大差异。印刷品都有固定的规格尺寸，网页则不然，它的尺寸是由读者来控制的。这使网页设计者不能精确控制页面上每个元素的尺寸和位置。而且，网页的组织结构不像印刷品那样为线性组合，这给网页的版式设计带来了一定的难度。具体表现如下：印刷品设计者可以指定使用的纸张和油墨，而网页设计者却不能要求浏览者使用什么样的电脑或浏览器。（2）网络正处于不断发展之中，不象印刷那样基本具备了成熟的印刷标准。（3）网页设计过程中有关Web的每一件事都可能随时发生变化。（4）网页版式设计的不可控制性，即网页设计者无法控制页面在用户端的最终显示效果。

四、网页版式设计的具体要求

网页的设计首先涉及的是页面的版面编排问题。网页作为一种特殊的版面，既有文字，又有图片，还包括一些流动的窗口和流动的附加广告等，内容繁多、复杂。设计时必须根据内容的需要，将这些图片和文字按照一定的次序进行合理的编排和布局，使它们组成一个有机的整体，展现给广大的观众。使其成为与浏览者的沟通手段，让设计所蕴含的主题进入浏览者的心灵，而不仅仅是起装饰作用。

网页版式设计的布局合理化布局不但要单纯、简练、清晰和精确，而且在强调艺术性的同时，更应该注重通过独特的风格和强烈的视觉冲击力，来鲜明地突出设计主题。

要通过网页页面结构的分割和造型空间的确立，合理安排组成网页各元素的合理位置。使页面内容和形式有机统一，要具有整体美感。要考虑页面的美观和可读性，还要考虑网络浏览的特性。

网页版式设计的视觉流程规律化网络的浏览是通过视觉元素实现传播的视觉传达过程，为了达到好的效果，版式设计必须依据人们在视觉上的心理和生理特点，确定各种视觉构成元素之间的视觉关系和浏览秩序。合理的视觉流程应是在人们认识过程的心理顺序和思维发展的逻辑一致的基础上，根据信息的主次来确定各元素的顺序，并通过精心安排引导浏览者。（1）要符合人的视觉习惯（2）要保证有效的传达信息（3）突出主要信息（4）保持视觉引导的节奏感和流畅感。

网页版式设计要动态化动态化是网页设计的显著特征。网页版式设计的动态设计成为增强网页可读性，参与性与趣味性的有力手段。网页不同于传统媒体之处，就在于信息的动态更新和即时交互性。即时的交互性是网络成为热点的主要原因，也是网页设计时必须考虑的问题。网页设计人员必须根据网站各个阶段的经营目标，配合网站不同时期的经营策略，以及用户的反馈信息，经常地对网页版式进行调整和修改。

网页版式设计中的点、线、面对网页的各形态要素进行点、线、面对组合，是网页版式设计的基本方法之一。点线面之间相互作用可以组合成各种各样的视觉形象，形成千变万化的视觉空间。有意识的从抽象角度运用点线面构成来组织网页的版式，是形成网页强烈的视觉形式感和设计感的有效方法。

网页版式设计中的色彩处理色彩可以使页面更加生动。网页的色彩处理得好，可以锦上添花，达到事半功倍的效果。色彩总的应用原则应该是“总体协调，局部对比”，也就是，网页的整体色彩效果应该是和谐的，只有局部的、小范围的地方可以有一些强烈色彩的对比。在色彩的运用上，可以根据网页内容的需要，分别采用不同的主色调。总之，网页的版式设计形成了网页的整体视觉印象，体现网页的 风格，在整个网页的设计中具有很重要的作用，应该引起网页设计者的重视

【参考文献】

[1]彭刚，周绍斌.网页艺术设计[M].北京：高等教育出版社，2006