论文部分内容阅读
摘要 伴随着网络技术的迅速发展，网页设计已经不再是一项单纯的技术性工作，更是一种艺术的表现手法，本文基于web2.0从视觉表现手法上对网页的设计进行了探究。
关键词：网页设计 视觉表现 设计艺术
中图分类号：J524 文献标识码：A
引言
网页有着其他媒体不具有的特点：视觉效果强、互动性强、用户群庞大等。是区别于报刊、杂志以及影视的一种新型媒体。它有着传统媒体的基本功能，同时又使传播变得更为直接、省力、有效，并且有很强的互动性。因此，近年来，网页技术得以迅猛发展，网页作为传播信息的一种载体必须要有自己鲜明的艺术特色，才能在众多的网络信息中脱颖而出，受到关注。好的网页设计必须是计算机技术与艺术设计完美融合的产物，是一项以新型媒体为基础的新的设计理念。网页在设计的过程中，在单纯、简练、清晰和精确的前提下，还要注重艺术特性，通过独特的艺术风格以及良好的视觉表现来突出设计目的。
一 网页设计中的主题表现艺术
网页设计的目的是为了吸引更多的人浏览网页，以便更好地展现企业文化、让用户心情愉悦地浏览更多的新闻、趣事或个人网页。由于网页的内容丰富，信息量大，各种元素众多，因此为了达到这一目的设计者必须按照统一的主题思想对网页中的各个元素进行精心细致地安排。这就是网页设计中的主题表现艺术。网页设计如同其他的艺术形式一样必须有鲜明的主题思想，而且主题思想必须符合人们的审美诉求和视觉心理规律。这就要求网页设计中的视觉表现不但要有简洁、直观的艺术表现力更需要有特色鲜明的主题风格和震撼人心的视觉冲击力。这就是在视觉表现上网页设计中的主题表现艺术。
网页设计必须符合视觉表现中对于审美思想的基本要求。网页设计是一门有着科学规律的艺术，并不是靠简单的图片和文字便可堆积而成。网页设计在视觉表现上一定要有特色的主题思想，这也是网页能够在最短时间内吸引观众的主要因素。特色的主题思想必须按照一定的形式和规律传递给观众。对表现形式和艺术规律的研究便是网页设计的表现艺术研究。为了实现这一艺术效果，网页设计者首先需要对网页所要表达的内容进行高度概括和提炼，形成具有符合审美思想和视觉表现力的主题。然后，设计者需要对已经确定的网页主题进行分析和梳理，运用视觉表现的审美理论和逻辑规律对主题进行从概括到详细的设计，使得设计的网页更加符合观众的审美心理，从而更加能够引起观众的共鸣。最后，设计者需要对网页中的各种元素进行有机整合、布局和设计，从视觉表现的角度更好地突出主题思想，增强网页的可视性，实现对主题表现的最佳诉求效果。
网页设计中的主题是网页的灵魂，没有主题的网页一定是杂乱无章、没有生命力的。从视觉表现的角度来看，网页设计中的主题只有一个，就是美。设计者一定需要通过对网页主题的概括、提炼和表现来完成网页设计在视觉表现上对美的传递。因此，网页设计对于主题的概括和表达一定是基于特定审美理论和视觉表现规律的。只有这样才能完成对美的诉求表现。
二 网页设计中的整体表现艺术
网页设计并不是对于一个网页的设计，而是对一个网站中不同网页进行设计。这就要求对于不同网页的设计需要按照统一的特色主题进行编辑和设计，形成统一的整体表现。这就是网页设计中的整体表现艺术。一个网站中的网页通常会有很多，网页与网页之间也都有着一定的联系。通常一个网页中的元素需要链接到另外一个网页中去。这是由网页彼此之间的链接性所决定的。网页设计有了明确的主题之后便是如何在主题的统一思想下将不同的网页元素有机地组合一起形成统一的主题风格和统一的美学表现。网页设计中的整体表现艺术首先需要从网页内容上的整体表现做起。
在内容上由于网页传递的是信息，所以网页的主题内容和思想在某种程度上决定了网页的主题风格。前文已经论述，网页的主题是由网页的内容概括、提炼而形成的，反过来网页的内容也一定是在统一的主题下集合、表现的。从网页传递的信息来看，不同的网页传递不同的信息，不同的信息彼此之间有着必然的联系。网页设计者应该从网页的整体表现艺术出发，将不同的网页有机地组织起来，在内容导向上保持统一，而不是彼此零散。这样观众在阅读网页时无论读到哪一页网页都会感受到网页在内容上的整体性和统一性，如同读一部内容趋向统一的小说一样，自然、和谐、顺畅。
超级链接是网页的基本属性和基本元素，通过超级链接浏览者可以轻易地从一个网页跳转到另外一个网页。这无疑使得网页在内容表现上得到了无限的扩张，但同时也为网页的统一性带来了挑战。一个优秀的网页设计者不会在网页上做随意链接，而是会对所有链接的网页进行精心的设计和统一的思考、组织。网页中所链接的网页一定是为主题服务并和主题的内容风格保持一致的。也就是每一个不同的网页所传递的信息取向一定要一致，而不是发散式的。这一点看似简单，在实际的网页设计中却往往是很容易被忽视的。现在的网页设计往往会由于缺乏统一的主题设计而对网页中所链接的内容不假思索，甚至有时为了提高经济效益而添加一些和网页内容没有关联的广告。网页设计的整体表现艺术需要设计者对网页及其所链接的内容进行统筹的规划和思考。网页设计中对于形式美要求遵从网页的主题表现和内容思想并不是要求因此而限制网页形式的视觉表现，而是为了使网页形式更加具有艺术表现力和内涵。网页设计中对形式的设计应该以此为基本原则尽可能丰富外在的视觉表现。这样的网页设计才具有同一的审美思想和丰富的外在表现，达到内在统一与外在美的统一。
三 网页设计中的形式表现艺术
网页设计中的形式是与内容高度统一的。网页有了特色鲜明的主题和趋向一致的内容之后便是如何通过形式将网页主题和内容完美地表现出来。随着信息技术的发展，网页设计中所包含的元素越来越丰富。图形、图像、文字、动画、视频和音效等都是网页设计中的重要形式元素。网页的主题为网页的视觉表现提供了基本的灵魂，网页的内容为网页的视觉表现提供了丰富的架构，网页的形式则是在这两者之上对网页进行更具外在表现的视觉传达。网页设计中的形式和内容一样都是为主题服务，在主题的统一调配下进行的创作。网页设计中的形式由于包含的元素很多，风格也各具特色，因此为了更好地表达统一的主题思想和内容情感往往需要设计者更加精心的设计。 同网页设计中内容的表现艺术一样，网页设计中形式的表现艺术也是以美为基本的前提。但网页设计中的形式美并不是脱离实际内容和主题风格的花哨美，而是在主题统一的思想下仅仅依附于内容的实际美。网页设计中的形式如果脱离了主题和内容则会显得空洞无力，没有生命力，自然也无法引起人们继续阅读的欲望。只有将网页的主题和内容以准确、恰当、丰富的形式完美地表达出来才能体现出网页设计独具特色的艺术魅力和价值。为了达到这一艺术标准，网页设计者需要对网页中的元素进行细致入微地设计，确定每一个元素都对于表达主题和内容能够发挥作用。只有通过统一设计的形式才能够与网页主题和内容高度保持一致，形成视觉表现艺术上主题、内容和形式的统一，形成艺术表现上的合力。
四 网页设计中的造型艺术
网页设计中造型艺术的巧妙运用在给用户带来极大感官享受的同时，还能较好地提高网站的形象和知名度，因此在具体设计中要根据实际情况，使用最合适的表现手法，不同的主题有不同的表现手法，通常我们可以使用的组合手法如均衡、反复、交叉、重叠、对称、反射等都有各自的特点，例如，使用清晰字体设计配合流畅的文字内容会使得信息更加容易被吸收。并非造型设计艺术水准高才是好的网页设计，符合用户的审美观，用户便于理解，能与用户无障碍沟通的设计才是好的设计，才能达到网页更好传递信息的目的。
如今，网络的发展已进入WEB2.0时代：其特点是以普通用户为主，并且能够实现用户与网站交互建设的开放型网络页面。在WEB2.0站点中，总体的造型设计都具有简约朴素的风格，站点中的图形外框一般都使用新CSS技术所支持的圆角，优点是首先可以减少维护的工作量，因为圆角图片在图片文件的生成和更新中不需要编写网页代码，其次是可以提高网页的性能，加快网页的载入速度，因为圆角图片在显示的时候不会再发出多余的HTTP请求，最后，可以增加视觉可靠性，使用圆角图片不会出现由于网络阻塞、服务器错误等情况下造成的背景图片下载失败，从而造成整体视觉效果差的情况。在Web 2.0中使用的具有立体效果并且有斜边的圆角图标能使网页不再古板、僵硬，具有优雅、光洁的气质，将网页上的各种元素有机组织起来，直接通过图片传达网页意图，可以有效地引导用户的视线，简化了语言上的表达。在图片使用上还要注意以下几点：首先，受到用户计算机显示器以及肉眼的有限感知能力的限制，图片分辨率合适即可，没有必要去盲目地追求高分辨率。其次，受网络传输速率的影响，图片并非越大越好，应该在保证图片的清晰度，不影响视觉美感的前提下尽可能的小。再次，在网页设计中，图片的大小，图片所处的位置以及图片和文字的关系都会影响到网页的整体审美效果和传递信息的效果，因此，要注意图片的使用形式，在选择图片和处理图片的时候，在保证与网页的整体样式、风格统一的前提下，为了引起用户的注意，尽量选用新颖的图片，但是必须要突出重点，避免想要表达的重要信息被花哨的次要信息所掩盖。
五 网页设计中的色彩艺术
1 色彩的取向
网页的色彩属于应用色彩的范畴，即网页的色彩通过用户显示器的屏幕在RGB模式下用光色来显示，比传统视觉色彩的显示程度要丰富。一般的网站均选用明快而生机勃勃的显示方式。蓝色系和绿色系是比较常见的色彩。橙色系、黄色系以及粉红系也是经常使用的色系。相对奔放而明快的主色调给人以一种轻松，愉悦的心情，并且也能很好地把用户的视线拉回到网页所要传达的主要内容上来。
2 色彩的表现形式
在网页的设计中，有多种不同的方式可以使色彩的表现形式达到预期的目的。运用色彩学中关于深浅变化的“明度变化”原理，可以利用色彩表现形式来区分网页内容的主次关系或等级关系，这主要考虑到主页背景色的深和浅，使用“高调”和“低调”原理（深为高调，浅为低调）来控制文字与底色关系。统一的色彩取向搭配上鲜明的色彩层次能够给用户一种舒适的视觉体验。
3 色彩体系的搭配
除了上述两种情况外，在网页的设计中还应该注重色彩体系的搭配问题，不好的色彩搭配会给用户一种不舒服的感觉，会影响到用户对实际传达内容的接受，所以具体设计中一般会选择调和舒适对比的色彩系为基础，在传达重要的文字内容或者关键性的图形标识时可以在局部运用点睛式的强对比色彩，可以使整个页面更加生动，易于让用户接受。
结语
总之，现在一些网站的设计很讲究艺术性，设计得越来越美观，从而提升了自己的品位和点击率，网页设计风格在一个新的发展时期有着它重要的视觉效果发展特征，以上我们从五个方面对网页艺术的视觉表现手法进行了探析，如今的网页除了功能强大之外还必须具有美观的效果，二者缺一不可，这也是网页设计师突破技术障碍，充分发挥个人风格和魅力的保证。
注：本文系河北省自然基金青年基金（E2011202002）。
参考文献：
[1] 曹世峰：《浅析网页设计中视觉表现的多样性》，《美术教育研究》，2011年第11期。
[2] 钱楷：《浅谈网页设计艺术与新信息文化》，《美与时代》，2009年第1期。
[3] 宋春晖：《网页设计中的美学应用分析》，《海南师范学院学报》（自然科学版），2005年第1期。
[4] 刘永翔、唐良瑞：《网页设计中的视觉构成分析》，《北京工商大学学报》（自然科学版），2004年第1期。
[5] 梁静琳：《DIV+CSS布局技术在网页设计中的应用》，《武汉工程职业技术大学学报》，2009年第1期。
[6] 许金友：《艺术与技术的完美结合——浅议网页设计的特色》，《艺术与设计》（理论），2009年第4期。
作者简介：邓佳，男，1981—，河北沧州人，河北工业大学2009级在读博士生，讲师，研究方向：计算机技术、网页设计、磁材料与磁器件，工作单位：秦皇岛职业技术学院。
关键词：网页设计 视觉表现 设计艺术
中图分类号：J524 文献标识码：A
引言
网页有着其他媒体不具有的特点：视觉效果强、互动性强、用户群庞大等。是区别于报刊、杂志以及影视的一种新型媒体。它有着传统媒体的基本功能，同时又使传播变得更为直接、省力、有效，并且有很强的互动性。因此，近年来，网页技术得以迅猛发展，网页作为传播信息的一种载体必须要有自己鲜明的艺术特色，才能在众多的网络信息中脱颖而出，受到关注。好的网页设计必须是计算机技术与艺术设计完美融合的产物，是一项以新型媒体为基础的新的设计理念。网页在设计的过程中，在单纯、简练、清晰和精确的前提下，还要注重艺术特性，通过独特的艺术风格以及良好的视觉表现来突出设计目的。
一 网页设计中的主题表现艺术
网页设计的目的是为了吸引更多的人浏览网页，以便更好地展现企业文化、让用户心情愉悦地浏览更多的新闻、趣事或个人网页。由于网页的内容丰富，信息量大，各种元素众多，因此为了达到这一目的设计者必须按照统一的主题思想对网页中的各个元素进行精心细致地安排。这就是网页设计中的主题表现艺术。网页设计如同其他的艺术形式一样必须有鲜明的主题思想，而且主题思想必须符合人们的审美诉求和视觉心理规律。这就要求网页设计中的视觉表现不但要有简洁、直观的艺术表现力更需要有特色鲜明的主题风格和震撼人心的视觉冲击力。这就是在视觉表现上网页设计中的主题表现艺术。
网页设计必须符合视觉表现中对于审美思想的基本要求。网页设计是一门有着科学规律的艺术，并不是靠简单的图片和文字便可堆积而成。网页设计在视觉表现上一定要有特色的主题思想，这也是网页能够在最短时间内吸引观众的主要因素。特色的主题思想必须按照一定的形式和规律传递给观众。对表现形式和艺术规律的研究便是网页设计的表现艺术研究。为了实现这一艺术效果，网页设计者首先需要对网页所要表达的内容进行高度概括和提炼，形成具有符合审美思想和视觉表现力的主题。然后，设计者需要对已经确定的网页主题进行分析和梳理，运用视觉表现的审美理论和逻辑规律对主题进行从概括到详细的设计，使得设计的网页更加符合观众的审美心理，从而更加能够引起观众的共鸣。最后，设计者需要对网页中的各种元素进行有机整合、布局和设计，从视觉表现的角度更好地突出主题思想，增强网页的可视性，实现对主题表现的最佳诉求效果。
网页设计中的主题是网页的灵魂，没有主题的网页一定是杂乱无章、没有生命力的。从视觉表现的角度来看，网页设计中的主题只有一个，就是美。设计者一定需要通过对网页主题的概括、提炼和表现来完成网页设计在视觉表现上对美的传递。因此，网页设计对于主题的概括和表达一定是基于特定审美理论和视觉表现规律的。只有这样才能完成对美的诉求表现。
二 网页设计中的整体表现艺术
网页设计并不是对于一个网页的设计，而是对一个网站中不同网页进行设计。这就要求对于不同网页的设计需要按照统一的特色主题进行编辑和设计，形成统一的整体表现。这就是网页设计中的整体表现艺术。一个网站中的网页通常会有很多，网页与网页之间也都有着一定的联系。通常一个网页中的元素需要链接到另外一个网页中去。这是由网页彼此之间的链接性所决定的。网页设计有了明确的主题之后便是如何在主题的统一思想下将不同的网页元素有机地组合一起形成统一的主题风格和统一的美学表现。网页设计中的整体表现艺术首先需要从网页内容上的整体表现做起。
在内容上由于网页传递的是信息，所以网页的主题内容和思想在某种程度上决定了网页的主题风格。前文已经论述，网页的主题是由网页的内容概括、提炼而形成的，反过来网页的内容也一定是在统一的主题下集合、表现的。从网页传递的信息来看，不同的网页传递不同的信息，不同的信息彼此之间有着必然的联系。网页设计者应该从网页的整体表现艺术出发，将不同的网页有机地组织起来，在内容导向上保持统一，而不是彼此零散。这样观众在阅读网页时无论读到哪一页网页都会感受到网页在内容上的整体性和统一性，如同读一部内容趋向统一的小说一样，自然、和谐、顺畅。
超级链接是网页的基本属性和基本元素，通过超级链接浏览者可以轻易地从一个网页跳转到另外一个网页。这无疑使得网页在内容表现上得到了无限的扩张，但同时也为网页的统一性带来了挑战。一个优秀的网页设计者不会在网页上做随意链接，而是会对所有链接的网页进行精心的设计和统一的思考、组织。网页中所链接的网页一定是为主题服务并和主题的内容风格保持一致的。也就是每一个不同的网页所传递的信息取向一定要一致，而不是发散式的。这一点看似简单，在实际的网页设计中却往往是很容易被忽视的。现在的网页设计往往会由于缺乏统一的主题设计而对网页中所链接的内容不假思索，甚至有时为了提高经济效益而添加一些和网页内容没有关联的广告。网页设计的整体表现艺术需要设计者对网页及其所链接的内容进行统筹的规划和思考。网页设计中对于形式美要求遵从网页的主题表现和内容思想并不是要求因此而限制网页形式的视觉表现，而是为了使网页形式更加具有艺术表现力和内涵。网页设计中对形式的设计应该以此为基本原则尽可能丰富外在的视觉表现。这样的网页设计才具有同一的审美思想和丰富的外在表现，达到内在统一与外在美的统一。
三 网页设计中的形式表现艺术
网页设计中的形式是与内容高度统一的。网页有了特色鲜明的主题和趋向一致的内容之后便是如何通过形式将网页主题和内容完美地表现出来。随着信息技术的发展，网页设计中所包含的元素越来越丰富。图形、图像、文字、动画、视频和音效等都是网页设计中的重要形式元素。网页的主题为网页的视觉表现提供了基本的灵魂，网页的内容为网页的视觉表现提供了丰富的架构，网页的形式则是在这两者之上对网页进行更具外在表现的视觉传达。网页设计中的形式和内容一样都是为主题服务，在主题的统一调配下进行的创作。网页设计中的形式由于包含的元素很多，风格也各具特色，因此为了更好地表达统一的主题思想和内容情感往往需要设计者更加精心的设计。 同网页设计中内容的表现艺术一样，网页设计中形式的表现艺术也是以美为基本的前提。但网页设计中的形式美并不是脱离实际内容和主题风格的花哨美，而是在主题统一的思想下仅仅依附于内容的实际美。网页设计中的形式如果脱离了主题和内容则会显得空洞无力，没有生命力，自然也无法引起人们继续阅读的欲望。只有将网页的主题和内容以准确、恰当、丰富的形式完美地表达出来才能体现出网页设计独具特色的艺术魅力和价值。为了达到这一艺术标准，网页设计者需要对网页中的元素进行细致入微地设计，确定每一个元素都对于表达主题和内容能够发挥作用。只有通过统一设计的形式才能够与网页主题和内容高度保持一致，形成视觉表现艺术上主题、内容和形式的统一，形成艺术表现上的合力。
四 网页设计中的造型艺术
网页设计中造型艺术的巧妙运用在给用户带来极大感官享受的同时，还能较好地提高网站的形象和知名度，因此在具体设计中要根据实际情况，使用最合适的表现手法，不同的主题有不同的表现手法，通常我们可以使用的组合手法如均衡、反复、交叉、重叠、对称、反射等都有各自的特点，例如，使用清晰字体设计配合流畅的文字内容会使得信息更加容易被吸收。并非造型设计艺术水准高才是好的网页设计，符合用户的审美观，用户便于理解，能与用户无障碍沟通的设计才是好的设计，才能达到网页更好传递信息的目的。
如今，网络的发展已进入WEB2.0时代：其特点是以普通用户为主，并且能够实现用户与网站交互建设的开放型网络页面。在WEB2.0站点中，总体的造型设计都具有简约朴素的风格，站点中的图形外框一般都使用新CSS技术所支持的圆角，优点是首先可以减少维护的工作量，因为圆角图片在图片文件的生成和更新中不需要编写网页代码，其次是可以提高网页的性能，加快网页的载入速度，因为圆角图片在显示的时候不会再发出多余的HTTP请求，最后，可以增加视觉可靠性，使用圆角图片不会出现由于网络阻塞、服务器错误等情况下造成的背景图片下载失败，从而造成整体视觉效果差的情况。在Web 2.0中使用的具有立体效果并且有斜边的圆角图标能使网页不再古板、僵硬，具有优雅、光洁的气质，将网页上的各种元素有机组织起来，直接通过图片传达网页意图，可以有效地引导用户的视线，简化了语言上的表达。在图片使用上还要注意以下几点：首先，受到用户计算机显示器以及肉眼的有限感知能力的限制，图片分辨率合适即可，没有必要去盲目地追求高分辨率。其次，受网络传输速率的影响，图片并非越大越好，应该在保证图片的清晰度，不影响视觉美感的前提下尽可能的小。再次，在网页设计中，图片的大小，图片所处的位置以及图片和文字的关系都会影响到网页的整体审美效果和传递信息的效果，因此，要注意图片的使用形式，在选择图片和处理图片的时候，在保证与网页的整体样式、风格统一的前提下，为了引起用户的注意，尽量选用新颖的图片，但是必须要突出重点，避免想要表达的重要信息被花哨的次要信息所掩盖。
五 网页设计中的色彩艺术
1 色彩的取向
网页的色彩属于应用色彩的范畴，即网页的色彩通过用户显示器的屏幕在RGB模式下用光色来显示，比传统视觉色彩的显示程度要丰富。一般的网站均选用明快而生机勃勃的显示方式。蓝色系和绿色系是比较常见的色彩。橙色系、黄色系以及粉红系也是经常使用的色系。相对奔放而明快的主色调给人以一种轻松，愉悦的心情，并且也能很好地把用户的视线拉回到网页所要传达的主要内容上来。
2 色彩的表现形式
在网页的设计中，有多种不同的方式可以使色彩的表现形式达到预期的目的。运用色彩学中关于深浅变化的“明度变化”原理，可以利用色彩表现形式来区分网页内容的主次关系或等级关系，这主要考虑到主页背景色的深和浅，使用“高调”和“低调”原理（深为高调，浅为低调）来控制文字与底色关系。统一的色彩取向搭配上鲜明的色彩层次能够给用户一种舒适的视觉体验。
3 色彩体系的搭配
除了上述两种情况外，在网页的设计中还应该注重色彩体系的搭配问题，不好的色彩搭配会给用户一种不舒服的感觉，会影响到用户对实际传达内容的接受，所以具体设计中一般会选择调和舒适对比的色彩系为基础，在传达重要的文字内容或者关键性的图形标识时可以在局部运用点睛式的强对比色彩，可以使整个页面更加生动，易于让用户接受。
结语
总之，现在一些网站的设计很讲究艺术性，设计得越来越美观，从而提升了自己的品位和点击率，网页设计风格在一个新的发展时期有着它重要的视觉效果发展特征，以上我们从五个方面对网页艺术的视觉表现手法进行了探析，如今的网页除了功能强大之外还必须具有美观的效果，二者缺一不可，这也是网页设计师突破技术障碍，充分发挥个人风格和魅力的保证。
注：本文系河北省自然基金青年基金（E2011202002）。
参考文献：
[1] 曹世峰：《浅析网页设计中视觉表现的多样性》，《美术教育研究》，2011年第11期。
[2] 钱楷：《浅谈网页设计艺术与新信息文化》，《美与时代》，2009年第1期。
[3] 宋春晖：《网页设计中的美学应用分析》，《海南师范学院学报》（自然科学版），2005年第1期。
[4] 刘永翔、唐良瑞：《网页设计中的视觉构成分析》，《北京工商大学学报》（自然科学版），2004年第1期。
[5] 梁静琳：《DIV+CSS布局技术在网页设计中的应用》，《武汉工程职业技术大学学报》，2009年第1期。
[6] 许金友：《艺术与技术的完美结合——浅议网页设计的特色》，《艺术与设计》（理论），2009年第4期。
作者简介：邓佳，男，1981—，河北沧州人，河北工业大学2009级在读博士生，讲师，研究方向：计算机技术、网页设计、磁材料与磁器件，工作单位：秦皇岛职业技术学院。