网页艺术设计篇(1)

随着科技的巨大进步，电脑、智能手机的普及，设计和建设网页成为了一种吸引网民的手段。人们对网页的美观度有了一定的要求，网页艺术设计教育就应运而生。一个完美的网站应该是基于设计者较高的审美能力。本文对网站艺术设计的内容、风格和布局进行了初步的归纳和总结。

关键词：

审美角度；网页艺术设计；研究

0引言

近几年，在网络快速发展的大背景下，网页设计更加艺术化，并逐渐引起人们的重视。如果网站的发展状况不好，网页的艺术设计就更加重要。而网页艺术设计和内容的统一，是一个难题。想要做出优秀的艺术网页作品，设计者就必须有较高的艺术审美能力。本文对审美视角下的网页艺术设计进行了初步探讨。

1网页艺术设计的原则

网页艺术设计，顾名思义，就是艺术和技术的统一。在网页中要重点体现两者的统一。为了把握这重点，设计者必须紧紧跟随以下三点原则：

1.1明确的主题

网页艺术设计的最终目的就是把网页的主题和内容传达给网民。网页要通过视觉、听觉效果来与网民进行信息交流，利用网民的心理规律使页面的内容更加容易被网民接受和吸收。大多数人在短时间内只能掌握少数信息，［1］过多的信息、太过分立的信息都是容易被人忘记的。因此，用鲜明的主题以集中体现网页的内容，是网页设计最根本的要求。1.2统一的风格网页的版面设计和杂志、书籍的封面设计是类似的，并没有很大的区别。网页的风格决定该网页的内容、网页的布局和网页的色彩运用。具有个人特色和风格的网页设计，会给予网民不一样的视觉体验，除表达设计者想要表达的信息之外，还可以使人产生感官上的美的享受。但是一个网页页面上不可以有多种风格，这会使网民在视觉上接收到繁杂的信息，无法把握真正的重点信息，从而无法达到网页页面设计者的初始目的。一个页面上最好是不超过三种原色，同时这几种颜色的位置安排、占有的版面都需要设计者考虑。

1.3色彩的丰富

颜色在网页的整体布局上处于一个很重要的地位。色调统一可以使网民感到舒服。但是统一的颜色又存在一个问题，那就是页面单一，导致部分网民容易感到疲乏无味，以致没看完页面的内容就选择关闭页面。同时，页面设计者可以恰当地运用颜色对页面内容的布局进行创新，利用网民的感官感受，来安排页面上的颜色，突出重点，使网民一下就抓住重点，以达到页面艺术设计的最初目的：以网民的主观感受为优先，在他们充分体会到美好、形象的视觉、听觉享受之后，可以接受页面的艺术设计，达到最初想要宣传的效果。

2网页艺术设计的注意事项

网页的艺术设计和其他的媒体排版既有相同之处，都是在传播美的同时，宣传自己想要传达的信息，但它们又有许多的不同。

2.1网页设计尺寸

印刷品都有规定的排版和尺寸。但是在网页设计上，尺寸和排版都是可以人为地设定，以追求统一、和谐，达到最好的视觉效果。但是这个也给网页设计者带来不小的负担，需要设计者精心调整和把握尺寸。［2］同时网页设计的组织结构也需要设计者格外注意。组织结构要按照该网页设计的风格、排版和文字位置进行调整。

2.2网页设计文字排版

一个网页除了图片和色彩，还有直观的文字解说才算是一个完整的页面。文字可以直接传达想要表达的宣传内容，给网民带来直接的视觉体验。文字除了传达主题，还有渲染气氛和烘托心情的作用。文字的魅力是巨大的。因此，文字的排版就要遵循上文提及的三点要求，即主题明确、风格统一、色彩丰富。文字是排版的重点，文字除了要在内容上下功夫，文字的排版、大小、颜色等都可以影响一个网页页面的整体效果。例如，国家时事类的网页就应该运用正式庄重的语言文字；休闲旅游类的网页就应该走轻松活泼的文字风格；平时一些和百姓息息相关的资讯、贴士，最好就运用百姓的日常用语。此外，文字排版要注意文字中穿插的图片，文字要与图片形成好的整体效果。

2.3网页设计图片编排

作为视觉感官动物，人们对于图片和文字的敏感度都是差不多的。其实网页上的图片并不需要很高的辨析度，因为在网页上的图片有清晰度的设定，过高的清晰度会因为显示页面的大小而大打折扣。另外就是页面图片的使用和运输，会受制于宽带速度。文件越小，网上传送速度就越快。［3］在图片选择和优化程度上，除了考虑网络页面整体的效果，还需要考虑图片的排版整齐，和页面风格统一。最好是图片的使用要符合风格和文字的内容。图片在辅助文字表达文章主题思想的同时，突出重点。

2.4网页设计艺术修养提高

其实一切网页设计都源于页面设计者自身的艺术修养和艺术鉴赏能力。页面设计者应该在运用自己专业知识的同时不断提升自己的艺术鉴赏能力，然后在仔细观察生活的同时，达到可以融会贯通的高等境界。毕竟在浩如星海的网页中，最缺少的就是个人风格和特色。设计者根据网页内容，将自己的创意和风格运用到文字的编辑、图片的排版和整体的页面设计中。这些都离不开网页页面设计者自己的个人主观能力和感受。

3结语

在网络的普及下，网页上的信息传播越来越高效，所以对网页艺术设计的学习就变得更加重要，网页设计者在把握网络页面艺术设计的三大基本原则后，再在网页页面艺术设计的注意事项上下功夫。除此之外，页面艺术设计者自己的艺术修养也是极为重要的，要努力提高自身的艺术修养和艺术鉴赏能力，辅助以强大的技术设备支持。

参考文献：

［1］马尔科姆•巴纳德（英）.艺术、设计与视觉文化［M］.江苏：江苏美术出版社，2006.

［2］王受之.世界现代设计史［M］.深圳：新世纪出版社，1995.

网页艺术设计篇(2)

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

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

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

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)

关键词：网站风格；色彩搭配

中图分类号：TP393.092 文献标识码：A文章编号：1007-9599 (2011) 11-0000-01

The Artistic Thinking on Web Design

Gao Yingyan

(Foshan Dongli AoYun Vocational and Technical School,Foshan528222,China)

Abstract:The Internet has penetrated into all aspects of our lives.And our daily lives very close relationship,the economic activity,also reached the purpose of business start-up website.With the development,web design more and more close to an art,not just a technology,the art of web design,web site builders are increasingly focusing on.

Keywords:Web style;Color

一、首页设计技巧

网站首页就好比企业网上的虚拟门面，因此上网的企业注意自己门面的设计，决不能敷衍了事、马马虎虎。

一般来说，网站首页的形式不外乎有两种，一种是信息罗列型，这是大、中型企业网站和门户网站常用的方式，即在首页中就罗列出网站的主要内容分类、重点信息、网站导航、公司信息等等，也就是我们上面谈到的框架页，这种风格比较适合网站信息量大，内容丰富的网站，因为是以展示信息为主，这样的设计就要在细微之处体现企业形象，建议设计人员最好仔细阅读企业的CI手册，熟悉企业标志、吉祥物、字体及用色标准，在网站的局部体现出来，往往平淡之中一个优美的符合企业特点的曲线就能够给人以深刻的印象，使人难以忘怀从而将企业形象印在浏览者的脑海里。设计人员在设计过程中要注意使用这些语言符号来表达一种独特的企业信息。

另一种是纯粹的形象展示型，这种类型文字信息较少，图像信息较多，通过艺术造型和设计布局，利用一系列与公司形象和产品、服务有关的图像、文字信息，组成一幅生动的画面，向浏览者展示一种形象、一个氛围，从而吸引浏览者进入浏览。这需要设计者具有良好的设计基础和审美能力，能够努力挖掘企业深层的内涵，展示企业文化。这种类型的首页在设计过程中一定要明确要以设计为主导，通过色彩、布局给访问者留下深刻的印象，当然，我们不能为了设计而设计，我们的目的是营销，在设计过程中一定要牢记这一点！

二、网站风格注意保持一致

如何保持网站风格的一致，是进行内页设计过程中考虑的重要方面，根据我的经验，您可以尝试以下几种设计方式：

（一）结构的一致性

我们知道，网站的统一性在网站营销中占重要地位，而网站结构是网站风格统一的重要手段，包括网站布局、文字排版、装饰性元素出现的位置、导航的统一、图片的位置等等，到国外著名的电子商务网站浏览，你会发现这些网站结构惊奇的一致性，所不同的是色彩或内容，在结构的一致性中，我们要强调网站标志性元素的一致性，即网站或公司名称、网站或企业标志、导航及辅助导航的形式及位置、公司联系信息等，这种方式是目前网站普遍采用的结构，一方面减少设计、开发的工作量，同时更有利于以后的网站维护与更新。

（二）色彩的一致性

方式是保持站点主体色彩的一致，只改变局部色块，优点是一个独特色彩的网站会给人留下很深刻的印象，因为人的视觉对色彩要比布局更敏感，好的色彩不仅使人赏心悦目，还能极大地带动与刺激消费，这已成为市场经济的不争事实，在国际上色彩早已与经济挂在一起，并形成别具一格的色彩经济现象，例如流行色的风靡世界足以证明色彩在商业竞争中的特殊地位。在色彩的一致性中，我们强调的是如果企业有自身的CI形象，最好在互联网中沿袭这个形象，给观众网上网下一致的感觉，更有利于企业形象的树立。一个建议是选取一两种主要色彩，几种辅助色彩。

（三）利用导航取得统一

导航是网站的一项重要组成部分，一个出色的富有企业特性的导航将会给人留下深刻的印象，比如将标志的形态寓于导航之中，或将导航设计在整个网站布局之中等等不一而足，花点力气在导航上，也会设计出一个出色的站点。

（四）利用图像取得统一

网页中的图像在使用上一定要慎之又慎，尤其是一些可有可无本企业内容无关的动画！认真检查网页中的动画，将没用的删掉！这里我们所说的利用图像取得统一，决不是在每页中放置几个动画！而是作为网站结构一部分的局部图像，根据网页内容的不同，配以相应的图像或动画，从而给浏览者形成页面的连续性。

三、处理好色彩搭配的问题

网页中最难处理的也就是色彩搭配的问题了。如何运用最简单的色彩表达最丰富的含义，体现企业形象是网页设计人员需要不断学习、探索的课题。如何进行色彩搭配是一门学问，下面的一些方法是我在实践过程中的体会，希望能够为您起到一定的参考作用。

（一）运用相同色系色彩

所谓相同色系，是指几种色彩在360°色相环上位置十分相近，大约在45°左右或同一色彩不同明度的几种色彩，这种搭配的优点是易于使网页色彩趋于一致，对于网页设计新手有很好的借鉴作用，这种用色方式容易塑造网页和谐统一的氛围，缺点是容易造成页面的单调，因此往往利用局部加入对比色来增加变化，如局部对比色彩的图片等。这种方法不失为一种设计的好方法。

（二）运用对比色或互补色

所谓对比色，是指色相环相距较远，大约在100°左右，视觉效果鲜亮、强烈，而互补色则是色相环上相距最远的连种色彩，即相距180°，色彩语言中最奥秘，最有趣味，最有力量的东西是补色关系，在平面设计中，常常可以看到对于一种补色的平列的使用如标志，广告，色彩中直接运用的红色与绿色造成强烈夺目的视觉效果。其对比关系最强烈、最富有刺激性，往往使画面十分突出，这种用色方式容易塑造活泼、韵动的网页效果，特别适合体现轻松、积极的素材的网站，缺点是容易造成色彩的花，使用中注意色彩使用的度。值得注意的是，以上两种用色方式在实际应用中要注意主体色彩的运用，即以一种或两种色彩为主，其它色彩为辅，不要几种色彩等量使用，以免造成色彩的混乱。

（三）使用过渡色

网页艺术设计篇(4)

关键词：网页艺术设计；网页设计；视觉设计；艺术化；整体性；全媒体

网页艺术设计，顾名思义，指的是设计师以网页设计技术为基础，对网页内容进行艺术化、创造性规划与设计的过程。在网页艺术设计的发展与应用过程中，设计师所处的时代背景与技术发展情况尤为重要。在当下这样一个计算机技术为主导的信息时代，网页艺术设计的发展迎来了前所未有的机遇，其未来的前景也十分值得期待。

1 网页艺术设计的现状分析

所谓网页艺术设计的现状，指的是网页在开展艺术化设计的过程中所表现出的一些特征、征象，以及由此对设计本身产生的冲击。很明显，作为视觉设计的重要表现形式，网页艺术设计的应用已经呈现出方兴未艾的态势。

1.1 主题、内容与形式达成和谐的统一

显然，作为视觉设计的重要表现形式，网页艺术设计具备其自身的显著特性。从视觉角度看，网页艺术设计是一种基于计算机技术而产生的将视听元素与版式设计结合起来的设计样式，具备鲜明的表现特征，有别于传统的网页设计。当前网页艺术设计的一个基本现况就是“主题、内容与形式”的“三统一”。首先，网页艺术设计的主题就是网页的核心诉求所在，即设计所要表现出的标准与规范。比如，设计师在设计关于医药类的网页时，无论艺术化的形式如何变化，“医药”这个主题决定不能变。围绕“医药”主题开展的艺术化加工与设计，才是该种设计的本质。

此外，网页艺术设计必须追求内容与形式的完美统一，而且不可偏废。内容与形式的统一是当前网页艺术设计的基本现状，也是所有设计师必须遵循的基本原则。在考虑版式设计与视听元素的结合时，既要追求网页的“美感”和艺术效果，更加简明扼要的突出网页的核心内容，让访问者可以快速了解、认知网页的鲜明主题。总之，主题、内容与形式的完善结合是当前网页艺术设计的基本现况，也是优秀设计的核心理念。

1.2 网页整体性与艺术性的搭配是主流

何为网页的整体性，即在网页艺术设计的过程中既要遵循网页设计的基本诉求，将主题凸显出来，将内容与形式进行完善的搭配；同时，网页的整体画面感、形式美要艺术性要合理搭配，形成整体效应。这样，网页的基本内容能够一目了然，同时艺术性和美感也得以提升。因此，从整体角度衡量和操作设计，才是新时期网页艺术设计的主流。

例如，在版式设计上，要将页面中各视觉要素作通盘考虑，以周密的组织和精确的定位来获得页面的秩序感，即使运用“散”的结构，也是经过深思熟虑之后的决定。所以，从细节看到整体、从版式看到画面，这才是当下网页艺术设计的基本态势，也是优秀设计师必须遵循的准则。主要凸显出网页的整体性，其艺术性才能表现出来，网页的整体水准和质量才能得以提升。总之，规范的运用网页艺术设计的操作技巧，统筹整体性与艺术性，这显然是当前网页艺术设计的主流走向。

1.3 行业的发展催生了设计师的队伍壮大

很明显，相比于传统的网页设计，网页艺术设计更加注重网页的艺术性特征与美感的表现，更能吸引访问者与受众的注意，因此格外受到重视。可以看到，单就网页设计这一个行业来看，运用艺术设计的思维和元素已经是大势所趋。在行业急剧的变化和发展过程中，网页艺术设计师的队伍正在逐渐壮大，这正是依附于网页艺术设计的蓬勃兴起。

不难想象，未来的一段时期内，更多技能过硬、思维活跃和技巧多元的网页艺术设计师将“登堂入室”，进一步推动网页艺术设计行业的快速发展，这一点毋庸置疑。

2 网页艺术设计的发展趋势探究

前面就网页艺术设计的发展现况进行了简要的分析，同时也穿插着对网页艺术设计的原则、特点进行了剖析。展望未来，网页艺术设计的发展还是很具生命力和影响力的。

2.1 多种要素的交互与综合运用

很明显，未来随着计算机技术、多媒体技术的综合、快速发展，网页艺术设计必然受其波及，产生剧烈的变化。其中，设计过程中多元要素的交互与综合性运用能够增加网页的艺术性，提升网页的观感美感度，拓展网页的辐射力与影响力。未来，网页艺术化设计中诸如视频、音频、新型静态媒体、流媒体、自媒体等多种要素的综合交互是基本的趋势，也必然带动网页艺术设计的再一次变革。

2.2 移动互联网和全媒体的趋向

当前的网页艺术设计只限于计算机的操作，其发展和辐射的范围都是很有限的。未来，随着移动信息技术的快速发展，全媒体时代即将到来，而网页艺术设计也必然受其影响。所谓的全媒体，也可以理解为综合性的媒体形式，集中表现为移动信息技术条件下网页的艺术设计。比如，随着智能手机、平板电脑等移动智能终端的快速扩张，未来的网页艺术设计可能在这些设备上就可以完成，并且支持快速的分享与。所以，综合性媒体形式的多元化应用是未来网页艺术设计的一个重要方向。

综上所述，网页艺术设计是一种技术与艺术完美结合的设计样式，在当前的网页设计领域已经得到了广泛的应用，业已取得了不错的效果。随着科学技术的发展，未来的网页艺术设计一定可以再次焕发新貌，产生巨大的影响力。

参考文献：

[1] 杨艳霞.网页艺术设计要素探讨[J].山西煤炭管理干部学院学报，2010（02）.

[2] 严晨，杨智坤.抽象艺术设计思想在网页设计中的应用[J].科技与出版，2011（05）.

[3] 邓怀勇，马琴.浅析网页制作中的艺术设计[J].电脑知识与技术，2009（29）.

[4] 林南秀.论网页与界面设计中艺术的运用[J].重庆电子工程职业学院学报，2009（02）.

网页艺术设计篇(5)

网页艺术设计视觉呈现的内容，通常概括为两个方面，即视听元素与版式设计。两者互相依存、彼此衬托。

1.1视听元素。视听元素，主要包括文本、背景、图标、按钮、表格、图像、导航工具、背景音乐、颜色、动态影像等。在这些元素当中，网页设计者需要考虑如何以感人的艺术形式把它们放进页面这个“大屏幕”上。大多数浏览器本身都可以显示或收听以上各视听元素，不需要任何外部程序或模块支持。多媒体技术的运用，很大程度上丰富了网页艺术设计的视觉表现力，其在网页艺术设计中的综合运用逐渐广泛，是建立在计算机技术不断发展的基础之上的。与此同时，使网友可以享受到更加完美的视听效果。新技术的出现，在一定程度上，也提高了网页艺术设计的门槛。

1.2版式设计。网页的版式设计，在有限的屏幕空间内进行，将视听多媒体元素有机排列组合，个性化地表现理性思维，是同时具有个人风格和艺术特色的一种视听传达方式。网页的版式设计，同报刊、杂志等平面媒体的版式设计大同小异。在网页艺术设计的视觉呈现中，网页的版式设计占据重要地位。在传达信息的同时，它同样产生感官美感与精神享受。网页的排版，不同于书籍、杂志的固定的规格尺寸排版方式，其受到读者阅读的控制。这使得网页设计者不能精确控制页面上每个元素的尺寸和位置。另一方面，网页的组织结构区别于印刷品线性组合的表现方式，也给网页的版式设计带来了一定难度。

2网页艺术设计的视觉呈现方法

2.1色彩搭配的设计。网页设计的视觉呈现中，色彩是至关重要的。做好网页设计的基础是色彩的恰当运用。色彩，通常是设计师的首选。因为，色彩总能顺利表达设计者的意图。色彩在网页作品中是最先吸引受众注意力的，其次才是图像，最后是文字。

色彩，作为一种传达设计意图的基本视觉要素，犹如音乐必须经过一系列音符的恰当选择与巧妙安排，才能产生美妙动听的旋律。色彩同样需要经过组合与搭配以及画面构图的形式，来获得自己的艺术生命。色彩通过视觉反映人譬如兴奋、冷静、温度感、质感等心理效应。一个网站的视觉设计，不可能单一地使用某一种颜色，也不可能将所有的颜色全部运用到网站的视觉设计中。一个网站设计的视觉呈现，必然根据其自身的主题选定一种或两种颜色作为主体颜色。

在整个网页设计的视觉呈现中，色彩画面构成中的主题颜色，起着统率和支配的作用，统筹其他所有非主色调的色彩。围绕主色调配置与调整色彩，可以避免网页设计视觉呈现中色彩零乱、纷杂、不和谐的不良现象。所以，网站设计者必然也是色彩搭配高手，更好地了解色彩的构成即搭配，是一个好的网页设计师应当具备的专业技能。在网页设计的视觉呈现中，色彩的均衡，包涵色彩的位置、每种色彩所占的比例、面积等方面。主题颜色确定以后，考虑其它配色时，需要注意两个方面：第一，需要考虑其它配色与主题颜色的关系，即色彩的均衡关系；第二，需要考虑主要地位是由哪一种因素占据，纯度、明度还是色相等等问题。

网页设计的视觉呈现是否成功、舒适、协调，除却文字、图片等内容的合理排版之外，色彩的均衡是相当重要的一部分。所以，色彩的均衡问题，是网页设计者必须要考虑的问题。

2.2点、线、面的元素构成。一切现实中的视觉元素均离不开点、线、面，不同的情感诉求都可以依靠这三种视觉元素的不同组合来体现。在网页设计的视觉呈现构中，点、线、面既是最重要的表现手段，又是最基本的造型元素。在网页设计的视觉呈现中，通过无序排列的点、规律排列的点形成线的视觉效果等点的视觉构成形式表现手法，来表达譬如生机、活跃、韵律、闪烁等种种联想；通过密集排列的线形成面的视觉效果、疏密变化的线产生透视空间的视觉效果等线的视觉构成形式表现手法，来表达类似是否稳定、圆润、条理等种种联想；通过几何的形面、自然形面等面的视觉构成形式表现手法，来表现自由活泼、生动厚实的人文特点。好的网页，总是在点、线、面这三种视觉元素的合理安排中，将网页设计的情感、心理等表现得淋漓尽致。点、线、面彼此关系的合理安排，能够将网页设计的最佳视觉效果表现出来。

2.3文字的排版运用。网页的形象要素，即是文字。在网页设计的视觉呈现中，文字承担着传达感情的功能。因此，网页设计中的视觉呈现，文字的运用唤起受众的审美感官，给人以美感，与此同时，还要将作者的意图和构想准确传达。文字的位置安排要符合网页设计的整体视觉需求。从整体的角度出发，文字在页面中的处理，要避免网页设计中视觉上的冲突，以免引起主次不分。此外，在设计中不要轻信软件的自动排列，有时一个象素的偏差，即会使网页的意图南辕北辙。

2.4留白的艺术技巧。留白，在网页图片和网页文字之间架起一道桥梁。留白在网页设计中的视觉呈现，是一种颇为讨巧的设计手段。在网页设计的视觉呈现中，网页的合理布局往往需要通过留白来规划处理多样化的网页视觉元素。只有照顾了整个页面空间的分配，留白才能表现出一定的活力。在排版布局中，适当利用留白，能够凸显网页艺术设计的艺术韵律。利用留白的体量感来使页面布局平衡，使得页面生动起来。网页中的适当留白，使整个网页设计排布松弛有度。网页上元素之间的关系可以通过留白进行合理调剂，页面平衡通过对留白的利用来实现，甚至能够达到升华的效果。不妨从艺术的高度来看待留白，它给人带来心理上的松弛和紧张的效果。

3结束语

网页艺术设计篇(6)

教学内容选取根据网页设计课程在服装艺术类专业中的定位及服装艺术类专业学生特点，教学内容要有合适取舍。根据多年的教学经验，课程主要内容选取如下：第一章为网页制作基础，主要包括认识网站和网页、网站开发基础、初始Dreamweaver、站点基本操作、网页文档基本操作。第二章为应用表格布局网页，主要包括创建和选择表格、设置表格和单元格属性、拆分与合并单元格、行列的添加与删除。第三章为设置网页内容，主要包括网页基本设置、文本输入与编辑、应用图像、应用动画和多媒体。第四章为应用超链接和行为，主要包括常规超链接、热点链接、电子邮件链接、图片链接、下载链接、命名锚记链接和制作浮动的广告，设置状态栏文本、弹出信息及制作收缩放大的图像等效果。第五章为应用CSS样式，主要包括样式表的基本应用及样式表的高级应用。第六章为应用Div+CSS布局网页，主要包括Div+CSS布局基础、Div+CSS布局中的定位方式及应用Spry布局对象。第七章为应用框架布局网页，主要包括框架网页的创建、框架和框架集基本操作。第八章为应用模板和库，主要包括创建和编辑模板、应用和管理模板、创建库项目及应用和编辑库项目。第九章为动态网页制作入门，主要包括安装和配置IIS、配置动态站点及应用表单和表单对象。第十章为测试和网站，主要包括虚拟空间和域名、站点本地测试及站点。课程的重点是文本处理、图像处理、超链接、使用表格、CSS样式，难点是使用框架、CSS样式。在课程的最后阶段，教师设定技术框架和规模，要求每位学生独立完成网站的设计与制作，学生通过自主选题，内容收集与整理，然后，学生在规定的时间内，完成创意、设计和制作的全部工作。

二、服装艺术设计类专业网页设计课程教学方法

课程主要采用案例教学法。每个章节知识点都以项目任务进行贯穿讲解。在每个任务讲解后，通过课后练习让学生及时巩固知识。每堂课教学过程分为4个阶段：第一，任务说明阶段。教师展示本堂课案例的最终效果，并对此进行简易的分析和评价，指出本案例所用的新知识点和所要实现的目标，对于旧知识点根据实际需要进行必要的复习提示。第二，相关知识点讲授阶段。针对案例中的相关知识点，通过小型辅助案例进行分析讲解，激发学生的想象力，完善知识体系。要求学生在课堂练习和课后学习中，根据各自的想象去拓展该案例，为后续自主命题设计与实践打下良好基础。第三，任务实施阶段。在本阶段中，教师首先给出任务实施的具体要求，让学生结合课堂案例的实现方式和流程，独立去完成任务实施。然后，针对本项目所涉及的讲解案例以及相关知识点、设计与制作方法、创意效果进行总结，完成课堂教学任务。第四，课后练习阶段。在练习阶段，教师提出技术框架要求及创意设计要求，让学生自主选题、自由创意进行设计制作网页。在自主选择网站主题时，提倡学生面向学科应用需要，面向实际进行选题。如：以服装服饰的文化、设计和生产，或者服饰流行趋势等为网站主题。选题时，要考虑对网站内容的理解和把握程度，对相关文本信息、图形图像信息和媒体信息的收集、归纳和整理的水平，因为这些也在很大程度上决定网站的创意、设计和制作水平。自由创意让学生发掘自身的专业潜能，利用所学计算机技术把创意效果展现在网页上。做到主题鲜明，内容完整，色彩搭配美观，页面构图简洁合理等。此外，在这个阶段，教师可以通过多种方式，比如QQ、微信等，对学生的技术问题给予个性化的指导和帮助，对内容设定、创意设计给予点评，引导学生制作设计出优秀作品。

三、实施结果与分析

首先，学生出勤率及作业上交情况有了很大的提高，也就是学生的学习兴趣有了很大的提高。其次，优秀作品所占百分比有了最大幅度的提高，也即说明学生的网页创意设计有了很大的进步，也即是更多学生能将创意艺术与计算机技术进行完美结合设计网页，提高了教学质量。

四、结束语

网页艺术设计篇(7)

【关键词】 网页设计;艺术设计风格定位;大明宫国家遗址公园;文化定位

唐大明宫是中国盛唐时期最为雄伟壮丽的宫殿建筑群,是中国古典建筑的代表作,被誉为丝绸之路的东方圣殿。大明宫遗址是1961年国务院首批公布的重点文物保护单位,是国际古遗址理事会确定的具有世界意义的重大遗址保护工程,是丝绸之路整体申请世界文化遗产的重要组成部分。

一、大明宫国家遗址公园的文化定位

唐大明宫是举世闻名的唐长安城“三大内”(太极宫、大明宫、兴庆宫)中最为辉煌壮丽的建筑群,地处长安城北部禁苑中的龙首塬上,建于唐太宗贞观八年,平面略呈梯形,占地面积约3.2平方公里。原宫墙周长为7.6公里,四面共有11座门,已探明的殿台楼亭等遗址有40余处。大明宫南部为前朝,自南向北由含元殿、宣政殿和紫宸殿为中心组成;北部的内廷中心为太液池。大明宫国家遗址公园是以大明宫遗址本体为基础建设的一个世界级国家公园,是北京故宫面积的4.5倍。大明宫国家遗址公园的总体建设思路是以文化大策划和超前规划为先导,以大明宫国家遗址公园的建设为带动,以组织大型城市运营商参与土地一级开发为主导,以“整体拆迁、整体建设”为保障,以改善区域人民生活水平、提升城市品质为宗旨,努力建设人文、活力、和谐西安的示范新区,探索大遗址带动城市发展的新模式,开辟大遗址保护和利用的新路径,积累城市整体拆迁与开发建设的新经验。大明宫国家遗址公园是世界文化符号系统中的一个重要节点;是民族文化复兴的一个重要标志;是民族发展史中昌盛失落之后的记忆;是东方古代大型宫殿遗址与现代城市公园结合的一个典范。

二、网页的艺术设计风格定位

谈到网页的艺术设计风格定位,首先需要明确:客户的需求是什么?它要向其意向客户创造何种意境氛围,传达怎样的情感,传播何种内容和信息。明确了这些要素,我们才能去探讨如何传达,以及传达的具体方式方法和途径等。意境是网页视觉设计里非常重要的一个词汇。人们热衷于去电影院看电影是因为觉得有氛围,所谓的氛围是从多方面综合营造出来。从视觉上来说电影院提供了一个足够我们两只眼睛所对应的宽阔视野范围;从听觉上来说杜比技术和保真音响提供了全方位的环绕立体声感受;舒适的座椅和优雅静谧的环境给人一段可完全供电影支配的时间和空间。当这一切的因素综合在一起,影院内的灯光全部暗淡下来,对于观影的人来说,这个时候自己的世界是仅仅属于这部影片。观影者的情绪在此情此景中就更容易被电影的画面和情节内容所感染而全情投入,这就可以理解为意境――一个能够使人全身心投入的情境。能透过一个网页作品让浏览者进入某种特定的意境,再使其通过这种意境感受到设计师想要传达的灵感和理念,这无疑的是设计师的理想。在接到一个案子并寻找到设计作品的意境之后,在设计师脑海中会浮现以下这些关键词,如低调、内敛、优雅、与众不同、自我实现、奢华、品质等……也就是说,以上这些词汇和他想要传达的理念是基本对应的。虽然表达这些理念的图片、产品和内容千差万别,但它们具有极其相似的一组共同属性。可以从这些视觉图片传达给人的感官印象之中寻找出它们的共同点,这些共同点将是我们设计时需要参照的风格标杆。不同的图像可以负责传达不同的视觉感受,从而可以直接影响人的情绪,这正是网页视觉设计的微妙之处。

三、大明宫国家遗址公园网页的艺术设计风格定位

想要弄清楚自己想要表达的设计理念和情感其实并不容易。提炼这些要素,首先需要了解客户的品牌、商品或服务所针对人群的市场细分。这一切,正是我们确定大明宫国家遗址公园网页的艺术设计风格的重要参照标准。之后,再提炼出一些关键词,就可以利用这些蛛丝马迹去寻找其所对应的元素。比如在画面元素中,唐代宫殿楼宇是很有代表性,但是市场调查表明,大明宫国家遗址公园并非是对唐大明宫宫殿群的复原,并且目前整个遗址公园的建设雏形还没有呈现,如何在不使用具体宫殿图片和园区景色图片的情况下来表现遗址公园的诱人之美?为了能达到大气磅礴、古韵与现代结合并有盛唐韵味的视觉效果和艺术氛围,我们尝试了各种表现方式,最后决定采用手绘宫殿线稿与唐代花鸟纹样结合的方式,中间穿插云纹创造层次感的方式,配合流畅凝重的音乐,使用动态FLASH技术,使整个画面展现出一种流动、伤感、凄美无比的意境,与遗址公园的历史韵味正好吻合。

参考文献