网页艺术设计初探
摘要：跟着时代的成长，网站建设越来越接近于一门艺术而不只仅是一项技术。网页的艺术设计，日益被网站建设者所注重。在目前海内对此规模研究甚少的环境下，作者将网页艺术设计与其他艺术设计形式进行比力，实验从网页艺术设计的内容、原则和特点等三个方面，对这个新的艺术设计规模进行开端的归纳总结和理论探讨。作者认为网页艺术设计是艺术与技术的高度统一，指出网页艺术设计包括视听元素与版式设计两项内容；以主题光鲜、形式与内容相统一、强调解体为设计原则；具有交互性与连续性、多维性、综合性、版式的不行控性、艺术与技术结合的紧密性等五个特点。在明确了网页艺术设计与网站主题的干系的根本上，提出了“美”和“成果”都是为了更好地表达网站主题这一概念。
网页艺术设计是陪同着计算机互联网络的发生而形成的视听设计新课题，是网页设计者以所处时代所能获取的技术和艺术经验为根本，依照设计目的和要求自觉地对网页的组成元素进行艺术计划的缔造性思维勾当，一定要成为设计艺术的重要构成部门，并跟着网络技术的成长而成长。外貌上看，它不外是关于网页版式编排的技巧与要领，而实际上，它不只是一种技能，更是艺术与技术的高度统一。
一、网页艺术设计的内容
设计勾当中包括着主观和客观两方面的因素，在确立了网页主题之后，首先要明确和熟悉设计的工具和组成的要素。网页艺术设计涉及的具体内容许多，可以归纳综合为视听元素和版式设计两个方面。
1.视听元素
这里所说的视听元素，主要包罗：文本、配景、按钮、图标、图像、表格、颜色、导航东西、配景音乐、动态影像等。无论是文字、图形、动画，照旧音频、视频，网页设计者所要考虑的是如何故动听的形式把它们放进页面这个“大画布”里。多媒体技术的运用大大富厚了网页艺术设计的表示力。
以上各视听元素大大都浏览器自己都可以显示或收听，无需任何外部措施或模块支持。好比，大部门浏览器都可以显示GIF、JPEG图形和GIF89a动画。另有些多媒体文件（如MP3音乐）需要先下载到当地硬盘上，然后启动相应的外部措施来播放。另外，在浏览器使用插件（Plug-in）可以播放更多格局的多媒体文件。微软推出IE浏览器后，提供了基于OLE的ActiveX技术，用来在网页中播放多媒体。目前ActiveX已经成为热门技术。另一种播放多媒体的技术是JavaApplet。它是用Java语言编写的应用于网页之中的小应用措施，对比于插件和ActiveX，JavaApplet具有更大的灵活性和良好的跨平台能力，因此具有很好的成长前景。总之，技术的不绝成长使多媒体元素在网页艺术设计中的综合运用越来越遍及，使浏览者可以享受到越发完美的视听效果。这些新技术的呈现，也对网页的艺术设计提出了更高的要求。
2.版式设计
网页的版式设计同报刊杂志等平面媒体的版式设计有许多配合之处，它在网页的艺术设计中占据着重要的职位。所谓网页的版式设计，是在有限的屏幕空间大将视听多媒体元素进行有机的排列组合，将理性思维本性化的表示出来，是一种具有小我私家气势派头和艺术特色的视听转达方法。它在转达信息的同时，也发生感官上的美感和精神上的享受。
但网页的排版与书籍杂志的排版又有许多差别。印刷品都有牢固的规格尺寸，网页则否则，它的尺寸是由读者来控制的。这使网页设计者不能精确控制页面上每个元素的尺寸和位置。并且，网页的组织布局不像印刷品那样为线性组合，这给网页的版式设计带来了必然的难度。
二、网页艺术设计的原则
网页作为流传信息的一种载体，同其他出书物如报纸、杂志等在设计上有很多配合之处，也要遵循一些设计的根基原则。但是，由于表示形式、运行方法和社会成果的差异，网页设计又有其自身的非凡纪律。网页的艺术设计，是技术与艺术的结合，内容与形式的统一。它要求设计者必需把握以下三个主要原则：
1.主题光鲜
视觉设计表达的是必然的意图和要求，有明确的主题，并凭据视觉心理纪律和形式将主题主动地转达给抚玩者。诉求的目的，是使主题在适当的情况里被人们即时地理解和接受，以满足人们的实用和需求，这就要求视觉设计不单要纯真、简练、清晰和精确，并且在强调艺术性的同时，更应该注重通过奇特的气势派头和强烈的视觉攻击力，来光鲜地突出设计主题。
按照认知心理学的理论，大大都人在短期记忆中只能同时掌握４到７条分立的信息，而对多于７条的分立信息大概不分立的信息容易发生记忆上的恍惚或遗忘，归纳综合起来就是：较小而分立的信息要比力长而不分立的信息更为有效和容易浏览。这个纪律蕴含在人们寻找信息和使用信息的实践勾当中，它要求视觉设计者的设计勾当必需自觉地把握和遵从。
作为视觉设计领域一种的网页艺术设计，其最终目的是到达最佳的主题诉求效果。这种效果的取得，一方面通过对网页主题思想运用逻辑纪律进行层次性处理惩罚，使之切合浏览者获取信息的心理需求和逻辑方法，让浏览者快速地理解和吸收；另一方面通过对网页组成元素运用艺术的形式美法例进行层次性处理惩罚，更好地营造切合设计目的的视觉情况，突出主题，增强浏览者对网页的注意力，增进对网页内容的理解。只有两个方面有机地统一，才气实现最佳的主题诉求效果。
优秀的网页设计一定处事于网站的主题，就是说，什么样的网站，应该有什么样的设计。例如，设计类的小我私家站点与商业站点性质差异，目的也差异，所以评论的尺度也差异。网页艺术设计与网站主题的干系应该是这样：首先，设计是为主题处事的；其次，设计是艺术和技术结合的产品，就是说，即要“美”，又要实现“成果”；最后，“美”和“成果”都是为了更好地表达主题。虽然，有些环境下，“成果”等于“主题”，另有些环境下，“美”等于主题。例如，雅虎作为一个搜索引擎，首先要实现“搜索”的“成果”。它的主题等于它的“成果”。而一个小我私家网站，可以只浮现作者的设计思想，大概仅仅以设计出“美”的网页为目的。它的主题只有一个，就是——美。
只注重主题思想的层次性而忽视网页组成元素空间干系的形式美组合，大概只重视网页形式上的层次而淡化主题思想的逻辑，都将削弱网页主题的最佳诉求效果，难以吸引浏览者的注意力，呈现平庸的网页设计或使网页设计以失败而告终。
要使网页从形式上得到良好的诱导力，光鲜地突出诉求主题，具体可以通过对网页的空间条理、主从干系、视觉秩序及互相间的逻辑性的掌握运用来到达。
2.形式与内容统一
任何设计都有必然的内容和形式。内容是组成设计的一切内在要素的总和，是设计存在的根本，被称为“设计的魂灵”；形式是组成内容诸要素的内部布局或内容的外部表示方法。设计的内容就是指它的主题、形象、题材等要素的总和，形式就是它的布局、气势派头或设计语言等表示方法。内容决定形式，形式反感化于内容。一个优秀的设计肯定是形式对内容的完美表示。正如黑格尔所说：“工艺的美就不在于要求实用品的外部造型、色彩、纹样去摹拟事物，再现现实，而在于使其外部形式转达和表示出必然的情绪、氛围、格调、民俗、趣味，使物质经由象征酿成相似于精神糊口的有关情况。”（黑格尔《美学》第三卷）
一方面，网页设计所追求的形式美，必需适合主题的需要，这是网页设计的前提。只讲花哨的表示形式以及过于强调“奇特的设计气势派头”而脱离内容，大概只求内容而缺乏艺术的表示，网页设计城市变的空洞而无力。设计者只有将二者有机地统一起来，深入领会主题的精髓，再融合本身的思想情感，找到一个完美的表示形式，才气浮现出网页设计独具的分量和特有的价值。另一方面，要确保网页上的每一个元素都有存在的须要性，不要为了炫耀而使用冗余的技术。那样获得的效果可能会适得其反。只有通过当真设计和充实的考虑来实现全面的成果并浮现美感才气实现形式与内容的统一。
据有关资料所做的守旧预计，目前在WWW上网页数据传输平均以每秒1.5k的速度达到客户端。假设某个网页为了富厚其艺术性而追赶时髦地大量使用图像或其它多媒体元素等，固然到达了其静态形式美的效果，却造成多达几十K甚至更大的网页数据，使浏览者必需期待很长时间才气看到“庐山真面目”，这样的网页就不是一个优秀的网页，因为它不切合网页流传信息的突出特性之一——快捷性，使网页内容不能很快地达到会见者，影响了会见效果和质量，损害了会见者的情趣和积极性，这种技术要素影响了转达信息的效果，因而不是形式与内容的完美统一。
网页具有多屏、分页、嵌套等特性，设计者可以对其进行形式上的适当变革以到达多变性处理惩罚效果，富厚整个网页的形式美。这就要求设计者在注意单个页面形式与内容统一的同时，更不能忽视同一主题下多个分页面构成的整体网页的形式与整体内容的统一。
因此，在网页设计中必需注意形式与内容的高度统一。
3.强调解体
网页的整体性包罗内容和形式上的整体性，这里主要讨论设计形式上的整体性。
网页是流传信息的载体，它要表达的是必然的内容、主题和意念，在适当的时间和空间情况里为人们所理解和接受，它以满足人们的实用和需求为方针。设计时强调其整体性，可以使浏览者更快捷、更准确、更全面地认识它、把握它，并给人一种内部有机联系、外部调和完整的美感。整体性也是浮现一个站点奇特气势派头的重要手段之一。
网页的布局形式是由各类视听要素构成的。在设计网页时，强调页面各构成部门的共性因素大概使诸部门配合含有某种形式特征，是求得整体的常用要领。这主要从版式、色彩、气势派头等方面入手。例如：在版式上，将页面中各视觉要素作通盘考虑，以周密的组织和精确的定位来得到页面的秩序感，即使运用“散”的布局，也是经过深思熟虑之后的决定；一个站点凡是只使用两到三种尺度色，并注意色彩搭配的调和；对付分屏的长页面，不行设计完第一屏再考虑下一屏。同样，整个网页内部的页面，都应统一计划，统一气势派头，让浏览者体会到设计者完整的设计思想。
从某种意义上讲，强调网页布局形式的视觉整体性一定会牺牲灵活的多变性，“物极必反”就是这个原理。因此，在强调网页整体性设计的同时必需注意：过于强调解体性可能会使网页呆板、沉闷，以致影响会见者的情趣和继续浏览的欲望。“整体”是“多变”根本上的整体。
三、网页艺术设计的特点
1.交互性与连续性
网页差异于传统媒体之处，就在于信息的动态更新和即时交互性。即时的交互性是Web成为热点的主要原因，也是网页设计时必需考虑的问题。传统媒体（如广播、电视节目、报刊杂志等）都以线性方法提供信息，即凭据信息提供者的感受、体验和事先确定的格局来流传。而在Web情况下，人们不再是一个传统媒体方法的被动接受者，新课程学习，而是以一个主动加入者的身份插手到信息的加工处理惩罚和宣布之中。这种连续的交互，使网页艺术设计不像印刷品设计那样，颁发之后就意味着设计的结束。网页设计人员必需按照网站各个阶段的经营方针，共同网站差异时期的经营计谋，以及用户的反馈信息，常常地对网页进行调解和修改。例如，为了保持浏览者对网站的新鲜感，许多大型网站总是按期或不按期的进行改版，这就需要设计者在保持网站视觉形象一贯性的根本上，不绝创作出新的网页设计作品。
2.多维性
多维性源于超等链接，主要表此刻网页设计中对导航的设计上。由于超等链接的呈现，网页的组织布局越发富厚，浏览者可以在各类主题之间自由跳转，从而冲破了以前人们接收信息的线性方法。例如，可将页面的组织布局分为序列布局、条理布局、网状布局、复合布局等。但页面之间的干系过于庞大，不只使浏览者检索和查找信息增加了难度，也给设计者带来了更大的困难。为了让浏览者在网页上迅速找到所需的信息，设计者必需考虑快捷而完善的导航设计。
印刷品中导航问题不是那么突出，如果一个句子在页尾忽然终止，读者会很自然地翻到下一页查找剩余部门，为了辅佐读者找到他们要找的信息，出书者提供了目录、索引或脚注。如果文章从期刊中的一页跳到后头的非顺序页时，读者会看到类似于“续68页”这样的指引语句。然而，作为一名网页设计者，你以前所学的导航技术没有一种完全适合于网页导航。在替浏览者考虑得很周到的网页中，导航提供了足够的、差异角度的链接，辅佐读者在网页的各个部门之间跳转，并奉告浏览者此刻地址的位置、当前页面和其他页面之间的干系等。并且，每页都有一个返回主页的按钮或链接，如果页面是按条理布局组织的，凡是另有一个返回上级页面的链接。对付网页设计者来说，面对的不是按顺序排列的印刷页面，而是自由分手的网页，因此必需考虑更多的问题。如：怎样构建公道的页面组织布局，让浏览者对你提供的巨量信息感想层次？怎样成立包罗站点索引、辅佐页面、查询成果在内的导航系统？这一切从哪儿开始，到哪儿结束？
3.多种媒体的综合性
目前网页中使用的多媒体视听元素主要有文字、图像、声音、视频等，跟着网络带宽的增加、芯片处理惩罚速度的提高以及跨平台的多媒体文件格局的推广，必将促使设计者综合运用多种媒体元素来设计网页，以满足和富厚浏览者对网络信息传输质量提出的更高要求。目前海内网页已经呈现了模拟三维的操纵界面，在数据压缩技术的改造和流（Stream）技术的敦促下，Internet网上呈现实时的音频和视频处事，典范的有在线音乐、在线广播、网上影戏、网上直播等。因此，多种媒体的综合运用是网页艺术设计的特点之一，是未来的成长偏向。
4.版式的不行控性
网页版式设计与传统印刷版式设计有着极大的差别：
(1) 印刷品设计者可以指定使用的纸张和油墨，而网页设计者却不能要求浏览者使用什么样的电脑或浏览器；
(2)网络正处于不绝成长之中，不象印刷那样根基具备了成熟的印刷尺度；
(3) 网页设计历程中有关Web的每一件事都可能随时产生变革。
这一切说明，网络应用尚处在成长之中，关于网络应用也很难在各个方面都制订出统一的尺度，这一定导致网页版式设计的不行控制性。其具体表示为：
(1) 网页页面会按照当前浏览器窗口巨细自动格局化输出；
(2) 网页的浏览者可以控制网页页面在浏览器中的显示方法；
(3) 差异种类、版本的浏览器调查同一个网页页面，效果会有所差异；
(4) 用户的浏览器事情情况差异，显示效果也会有所差异。
把所有这些问题归结为一点，即网页设计者无法控制页面在用户端的最终显示效果，但这也正是网页设计的吸引人之处。
5.技术与艺术结合的紧密性
设计是主观和客观配合感化的功效，是在自由和不自由之间进行的，设计者不能逾越自身已有经验和所处情况提供的客观条件限制，优秀设计者正是在把握客观纪律根本上获得了完全的自由，一种想象和缔造的自由。网络技术主要表示为客观因素，艺术创意主要表示为主观因素，网页设计者应该积极主动地把握现有的各类网络技术纪律，注重技术和艺术紧密结合，这样才气穷尽技术之长，实现艺术想象，满足浏览者对网页信息的高质量需求。
例如，浏览者欣赏一段音乐或影戏，以前必需先将这段音乐或影戏下载回当地机器，然后使用相应的措施来播放，由于音频或视频文件都比力大，需要较长的下载时间。流（Stream）技术呈现以后，网页设计者充实、巧妙地应用此技术，让浏览者在下载历程中就可以欣赏这段音乐或影戏，实现了实时的网上视频直播处事和在线欣赏音乐处事，无疑增强了页面流传信息的表示力和传染力。
网络技术与艺术创意的紧密结合，使网页的艺术设计由平面设计扩展到立体设计，由纯粹的视觉艺术扩展到空间听觉艺术，网页效果不再近似于书籍或报刊杂志等印刷媒体，而更接近于影戏或电视的抚玩效果。技术成长促进了技术与艺术的紧密结合，把浏览者带入一个真正现实中的虚拟世界。
技术与艺术的紧密结合在网页艺术设计中浮现得尤为突出。
