网页设计艺术

前言：想要写出一篇令人眼前一亮的文章吗？我们特意为您整理了5篇网页设计艺术范文，相信会为您的写作带来帮助，发现更多的写作思路和灵感。

网页设计艺术范文第1篇

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

中图分类号:TP311 文献标识码:A 文章编号:1005-5312(2010)15-0141-01

一、网页艺术设计新的时代背景

进入二十一世纪,网页艺术设计的技术发生了革命性变化。产生于上世纪90年代的Web3D技术将三维虚拟空间与网页相结合,强化交互控制,网页具有更真实的体验,更丰富的交互控制,更逼真的表现效果。从技术方面满足人们对感官美、体验美的综合需求。因此从艺术方面也对网页艺术设计提出了更高的要求。

(一)Web3D技术的产生与发展现状

通信、网络、信息技术的发展使人们对于互联网的需求不断提高,从文字信息、图文信息到如今的图文动画综合信息,其功能从简单的信息传递到信息的实时交流再到综合的信息、娱乐,并逐渐发展到全方位的交互体验(如图1)。在科技与需求相互发展的环境下,Web3D技术使三维技术与互联网结合,经过十多年的发展,该技术已经成熟,众多软件企业已经开发出实用的技术产品,如O3D技术、 Virtools软件和Cult 3D软件等。

目前Web3D技术在游戏、教育、房地产、公共事业等行业发展较为迅速,三维网络游戏、基于互联网的虚拟实训室、网上看房系统、虚拟消防演习等虚拟产品的成功开发,获得了丰硕的经济效益与社会效益。该技术在发达国家应用较早,美国、日本和德国等发达国家已经获得了成功的应用经验,美国注重综合应用开发,日本注重在游戏产业的应用,德国注重工业领域应用。国内外的成功案例与开发经验印证Web3D技术的优势,为该技术的推广提供宝贵的经验。

(二)Web3D技术成为网页艺术设计变革的动力

网页的功能性、技术性和艺术性是网页设计的三个重要因素。Web3D技术增强网页的功能性,功能性的增强引发艺术性变革。在网页设计领域,技术与艺术相互促进,人们对艺术的不断追求促使新技术的产生、发展,新技术带动艺术设计新思路、新方法的产生。以Web3D技术引发的网页设计艺术变革成为设计者探索新设计思路、新表现方法的动力源。

二、网页设计的变革

(一)技术功能性的变革

互是Web3D技术的重要发展方向,其交互具有体验感更强、形式多样、操作简便流畅等特点。用户依靠该技术,与计算机之间通过肢体语言、声音、情感变化等进行交互,获得身临其境的体验感。正如辛向阳所说的,“交互设计的对象是人的活动”。网页艺术设计更应当注重人的活动,应当冲破简单的鼠标、键盘交互动作,设计更丰富多样的肢体、声音、情感等交互动作的网页。这些新的交互网页实现了网页更加丰富的功能性,产品的展示、作品创意的传达、游戏性能的发挥都将得到革命性的飞跃。

三维技术已经在工业设计、环境艺术设计、游戏设计、影视等专业领域发展成熟,成为数字技术重要发展领域。三维技术与网页的结合是网页发展的重要方向,三维技术可以实现更加真实的空间感,视觉冲击效果更强。Web3D技术支持将常用三维软件绘制的模型文件直接添加于网页当中,使网页直接呈现出三维效果,方便的技术衔接使网页设计突破了平面二维空间的限制,向更为广阔的三维空间发展。

(二)网页设计艺术的变革

Web3D技术突破了二维平面的限制,带来了全新的三维空间表现形式,网页和三维软件之间能良好的兼容,不论是模型、材质、光影还是环境都可以在网页当中实现。这些特性赋予了网页艺术设计新的内涵。主要体现在形式美原则、创意构思和构成要素等方面。

Web3D技术冲破了二维平面的限制,使网页设计形式美的内涵发生了改变。三维网页对比强烈,能够形成真实的三维空间,平面版式的面积、大小、形状等转变为体积、外形、位置、角度等。三维技术使网页设计更加富有节奏,球体、立方体、长方体、锥体、柱体等形成的空间使网页更富节奏变化。三维网页更能形成整体的视觉效果,几何体重复排列、相互穿插形成了相互关联的整体,突出网页设计的整体美。

Web3D技术带来了全新的网页创意构思。三维的空间构思更加灵活,更能激发设计者的灵感,易于表现设计者的情感。利用Web3D技术的空间性、交互性等特点,设计者可以实现独特的、多方向的、富有情感的网页作品。Web3D技术给予设计者发挥个性广阔的空间,利用三维网页互动地传达各种各样的信息。

网页设计的构成要素也发生了新的变化,Web3D技术提供了空间几何体构成要素,使文字、图像等能够以三维立体的形态展示于网页当中。字体不但可以传达信息,还能以三维的形态实现空间变化,提高网页的观赏价值。图像不是单纯的平铺于网页当中,而是附着在三维形体表面,通过三维形体的变化实现图与形的完美结合,既表现了形的质感又突出了图的美感。

从更深层次的美学角度分析,三维网页更具感官美、体验美。Web3D技术实现交互艺术与网页设计艺术的结合,以三维的形式表现页面效果,更具视觉表现力。既可以使画面的变化层次丰富,空间形体与真实纹理紧密结合,表现超现实主义风格的画面效果;也可以将三维效果矢量化,表现色彩浓郁的卡通风格。网页的实时交互动态变化更具有感染力,突出体验美的感受,目前的网页大多以单向方式进行信息的传播,浏览者只能被动的接受设计者指定的空间,Web3D的交互技术给予浏览者三维空间的控制权,浏览者可以通过交互动作欣赏三维空间的任意区域,满足人们对体验美的追求。

(三)设计者的变革

Web3D技术引发了网页设计功能、技术和表现效果的巨大变革,设计者的变革也势在必行。首先,设计者应当转变设计观念,设计者在设计网页时应当充分认识到三维网页的特点,然后将功能性结合到网页的技术当中,当然,设计者也有必要考虑网页技术对于功能实现的可行性与效果预期。其次,设计者应当变换设计方法,Web3D技术有其特殊的技术要求,技术的不同将带来表现方法的不同,特别是对三维技术表现方法,设计者既要适应技术要求又要体现艺术表现的美感,因此要使用新的设计方法,遵循三维表现技法和网页设计原则。最后,设计者应当进一步研究网页设计的交互特性与人的交互行为,Web3D技术提供了丰富的交互功能,这些新的功能既可以满足人们的需要,又可以将社会推向新的无障碍交互时代,设计者有责任创作满足大众需要的三维交互网页。

设计者的转变是一个渐进过程,在这个过程当中,各学科人才将加入到Web3D技术的开发与应用当中,正如保罗・内尔福特所讲的“体验设计需要的是一堆设计学科”,在科学技术高度发展的今天,多学科交叉和融合的领域越来越多,Web3D技术就是多学科交叉的领域,其学科交叉复杂程度较高,集三维艺术、计算机语言、人机交互设计等于一身,需要掌握的学科知识复杂,因此,Web3D的实现需要多学科交叉的设计团队,在团队当中各个学科只有相互促进与融合,才能开发出符合技术与艺术要求的网页作品。

三、网页设计展望

互联网发展将带动网页设计的发展,Web3D技术的诸多优势决定其未来在移动通讯、商务、教育、游戏、公共服务、医疗等众多领域获得更广阔的发展空间。Web3D技术开发企业正在开发更多更丰富的三维交互应用, Google、Adobe、Autodesk、Microsoft等企业已经开发出初具雏形的Web3D实用产品,这些信息科技领头企业对于该技术的重视可以印证该技术具有广阔的前景。

Web3D技术向手机通讯技术延伸将是另一个主要方向。手机性能提高,屏幕尺寸不断增大;数据传输能力增强,第三代数字通信技术可以达到不低于144千字节每秒的数据传输能力。数据传输技术成熟为Web3D技术在移动设备上广泛应用创造良好的发展环境,未来支持Web3D技术应用的手机将引发网页设计新一轮的变革。

网页设计艺术范文第2篇

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

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

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

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

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

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

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

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

2色彩的运用

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

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

3网页界面的优化

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

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

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

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

网页设计艺术范文第3篇

设计活动中包含着主观和客观两方面的因素，它涉及的具体内容很多，本文着重从网页艺术设计的原则和特点谈一些观点。

一、网页艺术设计的原则

1.主题突出

视觉设计表达的是一定的意图和要求，有明确的主题，并按照视觉规律和形式将主题生动地传达给观赏者。视觉设计不但要单纯、简练、清晰和精确，而且在强调艺术性的同时，更应该注重通过独特的风格和强烈的视觉冲击力，来鲜明地突出设计主题。

2.强调整体性

网页表达的是一定的内容、主题和意念，它以满足人们需求为目标。设计时强调其整体性，可以使浏览者更快捷、更准确、更全面地认识它，并给人一种内部有机联系、外部和谐完整的美感。

3.内容与形式相统一

一个优秀的设计必定是形式对内容的完美表现。一方面，网页设计所追求的形式美必须适合主题的需要，这是网页设计的前提。另一方面，要确保网页上的每一个元素都有存在的必要性，不要为了炫耀而使用冗余的技术。只有通过认真设计和充分的考虑来实现全面的功能并体现美感，才能实现内容与形式的统一。设计者可以对其进行形式上的适当变化，从而丰富整个网页的形式美。

二、网页艺术设计的特点

1.多种媒体的综合性

目前网页中使用的多媒体视听元素主要有文字、图像、声音、视频等，随着网络宽带、光纤的增加、芯片处理速度的提高以及跨平台的多媒体文件格式的推广，必将使设计者综合运用多种媒体元素来设计网页。目前国内网页已经出现了模拟三维的操作界面，在数据压缩技术的改进和流技术的推动下，互联网上出现了实时的音频和视频服务。因此，多种媒体的综合运用是网页艺术设计的特点之一。

2.持续、交互性

网页不同于传统媒体之处在于信息的动态更新和即时交互性。即时的交互性是web成为热点的主要原因，也是网页设计时必须考虑的问题。持续的交互性，使网页艺术设计不像印刷品设计那样，发表之后就意味着设计的结束。网页设计人员必须根据网站各个阶段的经营目标，配合网站不同时期的经营策略以及用户的反馈信息，及时地对网页进行调整和修改，不断创作出新的网页设计作品。

3.多维性

多维性源于超链接，它的出现使网页的组织结构更加丰富，浏览者可以在各种主题之间自由选择，从而打破了以前人们接收信息的线性方式。例如，可将页面的组织结构分为序列结构、层次结构、网状结构、复合结构等。但页面之间的关系过于复杂，不仅给浏览者检索和查找信息增加了难度，也给设计者带来了一定的困难。为了让浏览者在网页上迅速找到所需的信息，设计者应考虑快捷而完善的导航设计。

4.版式设计的不可控制性

所谓网页的版式设计，是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合，是一种具有个人风格和艺术特色的视听传达方式。它在网页的艺术设计中有着重要的地位，在传达信息的同时能产生感官美和精神享受。网页的排版与平面媒体排版有很大差异。后者都有固定的尺寸，而前者的尺寸是由浏览者来控制的，这使设计者不能精确控制网页上每个元素的尺寸和位置。同时，网页的结构也不像印刷品那样为线性组合。由于计算机仍处在发展之中，没有制定出统一的标准，从而导致网页版式设计的不可控制性，网页设计者无法控制页面在用户端的显示效果，但这也是网页设计引人入胜之处。

5.技术与艺术结合的紧密性

设计是主观和客观共同作用的结果，设计者不能超越自身已有经验和所处环境提供的客观条件限制，优秀设计者正是在掌握客观规律的基础上得到了完全的自由。网络技术主要表现为客观因素，艺术创意主要表现为主观因素。网页设计者应该主动地掌握现有的各种网络技术，注重技术和艺术的结合，这样才能充分展现技术之长，实现艺术之想象。

网页设计艺术范文第4篇

【关键词】网页设计；审美能力；创造力；技术敏感度；教学模式

如何针对高校艺术设计专业的学生上好网页设计课程，利用艺术设计专业这个平台，将网站创意、版面构思、动静态设计元素、网页色彩、网络互动技术等知识点系统地糅合在一起，将是此课程教学的重点和难点。针对艺术设计专业的学生，在讲授此课程的同时，如何更好地将其与自身专业优势结合，如何最大化地激发学生的求知欲与学习主动性，这与我们的教学模式和教学重心关系密切。

一、网页设计课程教学现状分析

如前所述，网页设计是一门综合性很强的设计课程，它不仅要求设计者具备较强的平面设计能力和审美能力，还需要一定的技术能力。国内的理工科院校的网页设计课程无一例外地是以技术教学为主，而对平面设计和审美能力的培养鲜有提及，这对于理工科专业来讲当然无可厚非。但是目前国内大部分高校艺术设计专业的网页设计课程教学都在套用理工科相关专业的课程内容和模式，在注重技术性的同时，忽略了对自身尤为有价值和优势的艺术性。而艺术设计专业的学生在学习网页设计技术的时候常常感到力不从心，致使其对网页设计课程的学习仅仅停留在技术的表面。同时在高校艺术设计专业的网页设计教学当中，还普遍存在忽视用户体验、对Web可用性缺乏了解、对技术缺乏敏感度、欠缺良好的设计观念、忽视合作的问题。究其根源，网页设计是一门实践性很强的课程，没有多年的从业经验很难对其有深入独到的理解，作为教师的授课主体本身对网页设计行业欠缺长期的、专业的深度跟踪和了解，导致学生设计理念薄弱，作品缺乏创意，刻意模仿其他网站。

二、艺术设计专业网页设计课程的教学模式

（1）树立正确的设计观念。网页设计是一个全新的设计领域，没有照搬的模式，没有从属和延续。但任何设计形式又有其规律和标准，这就需要引导学生运用已有的知识，有针对性地借鉴、评判、吸纳、运用与发挥。对于教师而言，比传授知识更重要的是教会学生如何利用现有知识，在设计语言和设计理念上进行合理创新；如何将自己的创造意图向网络工程师展示并得到理解和反馈，从而真正得以用技术手段加以实现自己的想法；如何表述网络时代全新的传媒艺术语汇；如何创造出符合人们审美需求的网络设计符号，这些都是未知的空间，都是需要我们引导学生去探索的。任何设计最终都要为人所用，特别是网页设计的艺术表现，它既是传播信息的载体，又是传递美感的使者，以人为本便是一把验证优劣的标尺。（2）培养学生对技术的敏感度。尽管艺术设计专业的学生缺乏对深度技术的知识储备和学习能力，但如果能够加以引导，通过充分的课堂案例讲解，让学生在课后及今后大量浏览和欣赏优秀网站的过程中，注意时刻关注和积累这些新技术的表现方式、适用主题和场合，就可以逐渐树立他们对技术的敏感度。设计师无法做到面面俱到，但只要拥有了对网络技术的敏感度，在今后的设计创作和工作过程中，就可以借助网络工程师的技术力量来完成自己辉煌的设计创想了，并且技术的敏感度还可以帮助设计师排除一些不切实际或不可能实现的想法。（3）培养学生的团队合作意识。网页设计涉及平面构成、色彩构成、CI等方面的知识，还涉及到Java、JavaScript、HTML、CSS等编程语言方面的内容。网页设计涉及的内容要比单纯的图像设计多得多，因而网页设计师既是平面设计师又不同于平面设计师。网络对平面设计行业提供了机遇同时也造成了威胁，而且这种趋势将越来越明显，人们将把注意力更多地集中在如何整合各种不同的媒体、利用各种不同的手段来展示创意和对网页主题的理解。而人不是全能的，人的思维分逻辑思维和形象思维两种，很少有人能兼具两者并在两方面均做到出类拔萃。此时，团队合作就显得尤为重要，一个拥有坚实凝聚力的团队，可以发挥极大的工作效率，产生数倍的能量，创作出惊人的作品，这是单一个体智慧难以实现的。所以在教学当中灌输和培养团队合作意识，对学生今后的工作方式和设计生涯有极大的推动作用。

网页设计艺术范文第5篇

摘要：介绍了WordPress平台和LibGuides平台两种创建简单移动网页的低成本平台软件。列举了一个可用于图书馆移动网页可用性测试的“图书馆移动网页启发式设计标准”并用其对使用WordPress平台和LibGuides平台创建的图书馆移动网页进行可用性评估。

中图分类号：G25文献标识码：A文章编号：1003-1588（2013）03-0069-04

随着智能手机在教师和学生中的日益普及，人们对创建图书馆移动网页以满足教研需要的需求随之增长。最近的一项调查显示，用户通过手机访问和寻求信息资源的行为呈增长趋势，这一趋势支持了创建图书馆网页移动入口的论点。

皮尤研究中心的一项报道表明57%的手机用户在广泛的领域使用手机的数据功能[1]。而在青少年中，有65%使用手机访问互联网，40%使用手机观看视频。这反映了用户对于图书馆移动网页的需求，如此大量的用户依赖手机作为互联网入口使得图书馆以移动设备适用的页面形式提供服务显得非常必要，为图书馆的信息资源增加移动网页入口将会使手机用户享受到更好的服务。

然而，图书馆杂志最近进行的一项关于图书馆移动站点的调查显示[2]，尽管65%的图书馆为满足用户需求已经具有或计划创建移动网页，但只有极少数图书馆具有实际可用的移动网页。其主要原因在于受到观念、经费、技术等方面的制约，尤其是预算及人力资源的不足困扰了众多图书馆。

选择低成本平台软件产品创建图书馆移动网页能够一定程度克服上述困扰，但很多图书馆在选定了某一平台软件后仍不知如何着手实际设计工作，往往采用与本馆桌面版网页相同的创建方式或是效仿其他图书馆移动网页的创建方式。然而由于各图书馆具体情况的差异，图书馆的移动网页创建方式亦不尽相同，构建一份“图书馆移动网页启发式设计标准”并进行可用性测试能够帮助图书馆创建设计优良的功能性移动网页，满足用户需求。本文介绍了两种低成本的移动网页创建平台软件，尝试提出了包含图书馆移动网页的基本设计原则与内容选择的“图书馆移动网页启发式设计标准”并运用这一标准对使用所介绍平台软件创建的图书馆移动网页进行了可用性评估。

1图书馆移动网页的基本设计元素和内容选择

图书馆的移动页面一般是易于创建并适用手机格式的静态html形式。很多图书馆将移动版本的网页作为整个桌面站点的一部分并主要提供以下信息：“开放时间”、“联系我们”、“使用说明”等。

另外，大多数的图书馆移动页面还提供有以下的出站链接：目录、数据库、社交媒体账户（例如，Twitter，Facebook）、指南、常见问题解答、新闻等

这些出站链接大多指向独立于图书馆网站本身的移动版本页面。例如，通过图书馆页面链接到Twitter and Facebook账户时，Twitter and Facebook将自动检测移动设备并加载移动页面和版本页面。

2010年以前，很少有图书馆将学术内容纳入他们的移动页面，相关调查表明，不到40%的图书馆移动页面有学术内容链接。而随着Wikipedia，IMDB和各种新闻媒体等应用的日趋流行，通过智能手机获取所需的信息资源成为一种明显的用户倾向，同时，手机适用格式的数据库和目录的日益增长也使图书馆通过移动页面提供基础服务以外的学术内容链接成为可能。

2创建图书馆移动网页的低成本选择

互联网上有多种可用的低成本移动网页生成器[3]，以下介绍两种多数图书馆都有访问权限的平台软件。一是带有移动设备检测功能插件的WordPress平台（免费）；一是LibGuides平台（如果图书馆已经订购了LibGuides则免费）。相对于需要掌握大量HTML专业知识才能创建图书馆移动网页创建平台，这两种平台软件仅要求极少量或不要求具备编程知识即可创建移动网页，并且所创建的基础移动网页都具有改良空间，例如通过增加图标和缩放文本以使页面更匹配移动设备屏幕等。

WordPress平台是可自动检测移动设备的免费版本软件。加利福尼亚大学图书馆移动站点测试版，Long Beach （CSULB） （http：//mobilelibwordpresscom/）就是用免费版本WordPress平台编辑的[4]。该移动站点上的每一个链接都通过博客转到页面。页面内容都是经过最低程度的HTML编辑从图书馆桌面版站点复制粘贴而来的。而南洋理工大学图书馆的移动站点（http：//blogsntuedusg/mlibrary）则是使用WordPress平台创建移动网页的另一个高级应用实例，它综合使用了WordPress平台和LibraryAnywhere平台（能够生成移动目录的非免费版本）来生成图书馆移动友好页面。

LibGuides平台是适用于创建移动网页的另一软件，它能够帮助图书馆仅花费人力和时间成本就实现移动网页的创建。据Springshare公司网站显示，自2011年7月，世界上超过2，000个图书馆正在使用LibGuides平台。由于它不是一个免费工具，众多图书馆订购了LibGuides以获得免费使用这一移动网页创建平台的权限。使用LibGuides平台生成移动网面的优点是它能够提供“测试问题”及其它交互小部件来增进用户在移动环境中的体验。一些图书馆如澳大利亚圣母大学图书馆（http：//libraryndeduau/home）、基石大学图书馆（http：//librarycornerstoneedu/）以及海洋城市公共图书馆（http：//homeoceancitylibraryorg/index）已经将他们的整个桌面版网站迁移到LibGuides平台。

3图书馆移动网页启发式设计标准

关于图书馆网页设计及可用性方面的广泛调查表明，图书馆移动网页普遍存在着诸如图书馆术语及导航菜单有歧义，文本冗繁、架构混乱等一系列问题，可用性严重不足[5]，因而为可用性测试方面经验较少的图书馆提供一套为图书馆移动网页量身定制的可用性测试启发性标准作为指导至关重要。可用于图书馆移动网页设计的可用性测试简明标准是已出版的相关文献中缺失的一个重要元素，作者参考已公布的相关标准[6，7，8，9，10]，构建了一份“图书馆移动网页启发式设计标准”（见表1）。为了便于图书馆规划或者修正移动网页，作者将这一标准归纳为三部分，界面设计、用户友好度、内容选择。

31界面设计

这一部分包括了用户对移动网页的基本属性需求，包括转换为主要移动设备适用格式的能力，用户可接受的加载时间，始终如一的设计和易学性。

32用户友好度

这一部分包含确保图书馆用户能够很好地使用移动网页的一系列设计标准，包括链接的直观性、易学性、可预见性、网页语言的简洁清晰性，尽可能减少用户错误等。

33内容选择

这一部分包括移动网页选择提供哪些信息资源，所提供信息资源的实用性要求，以及如何界定移动用户与图书馆员工之间的互动等。这部分标准对于图书馆来说非常重要，它直接关系到设计移动网页的最终目的——提供信息资源。它能够保证图书馆移动网页为用户提供有效和完整的信息资源及链接。图书馆应以用户需求作为决定何种信息资源及链接占据移动页面上最有价值空间的最主要标准。

4WordPress平台与LibGuides平台的可用性评估

对照以上的移动图书馆网页启发式设计标准进行分析，使用WordPress与LibGuides平台软件创建的移动网页在可用性上各有优势与不足。

41界面设计

WordPress平台支持页面编码和字体大小的调整，从而克服“胖手指综合症”和并使网页链接更易于适配手机屏幕。WordPress平台所创建的移动网页界面设计上的缺点在于没有直观的垂直或者水平导航栏，迫使用户在浏览页面时需要频繁使用水平和垂直滚动条。很多使用WordPress平台创建的移动网页在设计上已经尽可能地减少用户使用滚动条的频率，但是任何设计思路都无法完全避免这一问题，并且随着整个网页上的标签不断增加，用户可能需要更多地使用滚动条。而使用LibGuides所创建移动网页则存在相对更多的格式问题，如一些对话框中的文字无法改变字体大小等。

42用户友好度

在用户友好度方面，两种平台软件所创建的移动网页上的标题中都很少使用图书馆专业术语。被复制到WordPress平台所创建移动网页中的文本能够自动超链接到先前的桌面版本网页文本，而LibGuides平台所创建移动的网页则不具备这一特点。

两种平台软件所创建的移动网页都将添加了超级链接的文本与无链接的文本以不同的颜色进行了区分，但是都无法添加网址书签。另外，前文所提到的WordPress平台所创建的移动网页缺乏直观的水平和垂直导航栏可能导致用户错误。另外，从内容选择上，两种平台软件所创建的网页都包含了标准中所列出的设计内容。

5结论

不论选择使用何种平台软件创建网页，一份图书馆移动网页的设计标准能够确保图书馆设计的网页满足用户需要。图书馆可以将这一标准用于移动网页可用性测试周期的第一步。图书馆必须不断关注移动技术的发展趋势并监控本馆网页上的用户行为才能保证持续提供满足用户需要的理想网页。

参考文献：

[1][ZK（#]Pew Research （July 7，2010）Mobile access 2010Retrieved August 1，2012，from wwwpewinternetorg/Reports/2010/Mobile-Access-2010/Summary-of-Findingsaspx

[2]Thomas，CL（October 5，2010）Gone mobile（Mobile Libraries Survey 2010）Library Journal，2010 Issue 17 Retrieved August 1， 2012，From wwwlibraryjournalcom/lj/ljinprintcurrentissue/88698 7-403/gone_mobile_mobile_libraries_surveyhtmlcsp

[3]Kroski，E（April 2011）7 tools to create a mobile library website （without technical knowledge！）[blog post]iLibrarianRetrieved August 1，2012，http：//oedborg/blogs/ilibrarian/2011/7-tools-to-create-a-mobile-library-website-without-technical-knowledge/

[4]Travis，TEdupunk goes mobile： Mobile library sites with zero budget[blog post]Tiffinianne’s Blog Retrieved August 1，2012 from http：//tiffiniannewordpresscom/2011/01/22/8/

[5]Nielsen，J（2005）Ten usability heuristicsuseItcomRetrieved August 1，2012，from wwwuseitcom/papers/heuristic/heuristic_listhtml

[6]Ji，YG，Park，JH，Lee，C，& Yun，MH（2006）A usability checklist for the usability evaluation of mobile phone user interfaceInternational Journal of Human Computer Interaction（3）：207-231

[7]Aitta，M R，Kaleva，S，& Kortelainen，T（2008）Heuristic evaluation applied to library web servicesNew Library World，109：25-45

[8]W3C（July 29，2008）W3C Mobile web best practices 10： Basic guidelinesRetrieved Aug 1，2012，from wwww3org/TR/mobile-bp/

[9]Nielsen，J（July 20，2009）Mobile usabilityuseitcomRetrieved August 1，2012，from wwwuseitcom/alertbox/mobile-usabilityhtml