（设计艺术学专业论文）从韩国网页设计看网页艺术设计的视觉呈现.pdf

摘要 如今，互联n ( i n t e m e t l 已渗透到人们日常生活和工作的每个角落。正当网 络作为第四媒体，逐渐走向成熟和完善的时候，网页设计业已逐步脱离了传统 平面设计、广告设计的范畴，也区别于信息传播以往的形式，形成了特殊而独 立的体系。这同时表明，我们对网站视觉审美及网站功能应用等多个方面的认 知达到了一个新的高度。 网页设计不是对各种图案和文字的堆积，也不是对现成网页模板的套用； 网站的制作离不开网页设计软件的操作与技术的应用，但要使网站做得美观、 合理，就必须在艺术效果上下功夫。要考虑如何使用户能更有效的获取信息， 并对网页的视觉呈现留下深刻的印象，促进网站的运作及发展。这需要从审美 方面着手，设计出内容表达清晰、视觉呈现良好，具有艺术内涵和文化特色的 页面，给人以美的视觉感受。这样浏览起来才会轻松、愉快，接收信息也更容 易，也在无形中塑造出网站的良好形象。 从2 0 世纪8 0 年代到现在，我国掀起了一股韩流，如韩国的音乐、电视剧、 电影、游戏等。韩国网页设计在我国也受到大多数网站爱好者的欢迎。一些网 页设计工作者常常会模仿韩国的网站进行设计，现在网络上仍到处充斥着韩国 网页模板。本文以韩国网页艺术设计的视觉呈现为例，分析韩国网页设计如何 在使页面有良好视觉呈现的同时，也能有效的实现网站功能，传达信息。 文章的基本框架如下： 第一章绪论部分，通过对互联网时代下网页设计所面临的问题以及韩国网 页设计发展的介绍，总结出本文的研究主题及研究意义。 第二章概述网页艺术设计的概念、内涵、特点以及设计原则，并且综述韩 国网页设计的视觉呈现特征。 三至六章是文章的主体部分。第三章介绍网页设计及其相关学科的关系， 分析文化要素在视觉呈现中的作用。第四章分析了网页艺术设计视觉呈现的形 态要素。第五章分析了网页艺术设计中的构成要素以及在视觉呈现中的作用。 第六章结合具体案例，分析韩国网页艺术设计在视觉呈现上的特点，总结出在 网页设计时需要注意的原则。 关键词：网页设计，艺术设计，韩国，视觉呈现 a b s t r a c t n o w a d a y s ，i n t e m e th a sp e n e t r a t e di ne v e r yc o m e ro fo u rd a i l yl i f ea n dw o r k w e bd e s i g n sf o r mt h es p e c i f i ca n dp e r f e c ts y s t e m ，w h e nw e bg r a d u a l l yb e c a m e p e r f e c ta st h ef o u r t hm e d i a t h i sm e a n st h a to u rv i s i o nt a s t ea n dt h ef u n c t i o no ft h e w e bs t a t i o n sh a v er e a c h e dan e wh i g h e rl e v e l w h e nw ec r e a t eaw e bs t a t i o n ，w ec a n t g e tr i do fo p e r a t i n go fw e bd e s i g n s o f t w a r e ，u s et h et e c h n o l o g ya n dw e bt e m p l a t e s h o w e v e r , t h em o s ti m p o r t a n tt h i n g w es h o u l dd oi st os t r e n g t h e nt h ea r td e s i g ne f f e c t ，s ot h a tw ec a n m a k ew e bp l e a s e d t ot h ee y e s t h i sc o u l dm a k eu sr e c e i v ei n f o r m a t i o ne a s i l ya n dr e l a x e d ，a n ds e tu p t h ei m a g eo ft h ew e b v i v i d l y w e bd e s i g n sa r en e i t h e rp i l i n gu pt h ep a t t e r na n d w o r d s ，n o ru s i n gt h ef i n i s h e d m o d e l s w em u s tc o n s i d e rh o wt om a k eu s e rr e c e i v ee f f e c t i v em e s s a g e s ，g e td e e p i m p r e s s i o no fw e b s ，p r o m o t et h ew o r k sa n dd e v e l o p sw e bs t a t i o n s o nt h eb a s eo f a e s t h e t i cf a c t ，w e b st h a tw ed e s i g n e dm u s th a v ec l e a r c o n t e n t ，p l e a s a n tv i s i o n p e r f o r m a n c e ，a r ta n dc u l t u r ef e a t u r e t a k i n gd e s i g ni d e at ow e bd e s i g n ，r h y t h ma n d p a t t e r ni n t ow e b ，c o u l dm a k ep a g el i v e l y , o r d e r l i n e s s ，e a s yt of i n d i nt h i sp a p e r , it r yt ot a k ek o r e a nw e bd e s i g nf o re x a m p l e ，a n a l y z et h ek o r e a n w e bd e s i g n sv i s i o np e r f o r m a n c ea n dg o o df u n c t i o no ft r a n s m i t t i n gi n f o r m a t i o n ，a n d e m b o d yf u n c t i o na n du s a b i l i t y t h ef r a m eo f p a p e ra sb e l o w ： c h a p t e r1 ，o u t l i n e ，i n t r o d u c eo ft h et o p i ca n dm e a n i n go ft h et h e m eb y e x p l a i n i n gt h eb a c k g r o u n do fi n t e r n e tt i m e sa n dw e bd e s i g ni nm o d e ms o c i e t y , i m p o s i n gp r o b l e m sw ef a c e da n dd e v e l o p m e n to fk o r e a nw e bd e s i g n c h a p t e r2 ，s u m m e r yo ft h ed e f i n i t i o n s ，c o n t e n t ，c h a r a c t e ra n dp r i n c i p l eo fw e b d e s i g n ，s u b s c r i b et h ev i s i o nc h a r a c t e ro fk o r e a nw e bd e s i g n c h a p t e r s3t oc h a p t e r6a r em a i nb o d yo ft h ea r t i c l e ：i nc h a p t e r3 ，a n a l y z et h e f u n c t i o no fc u l t u r ei nw e bd e s i g nv i s i o np e r f o r m a n c e c h a p t e r4 ：i n t r o d u c et h e f a c t o r sf o r mt h ev i s i o np e r f o r m a n c ei nw e ba r t d e s i g n c h a p t e r5 ：i n t r o d u c et h e c o n s i s t e n tf a c t o r so fv i s i o np e r f o r m a n c ei nw e ba r td e s i g n ，a n di t sf u n c t i o n c h a p t e r 6 ：c o n b i n ec a s e ，a n a l y z et h ec h a r a c t e ro fv i s i o ni nk o r e a nw e ba r td e s i g n c o n c l u s i o n s o m ed e s i g np r i n c i p l ew em u s tc a u s i o n s k e yw o r d s ：w e bd e s i g n ，a r td e s i g n ，k o r e a n ，v i s i o np e r f o r m a n c e l i 独创性声明 本人声明，所呈交的论文是本人在导师指导下进行的研究工作及取得的研 究成果。尽我所知，除了文中特别加以标注和致谢的地方外，论文中不包含其 他人已经发表或撰写过的研究成果，也不包含为获得武汉理工大学或其它教育 机构的学位或证书而使用过的材料。与我一同工作的同志对本研究所做的任何 贡献均已在论文中作了明确的说明并表示了谢意。 签名：掘日 关于论文使用授权的说明 本人完全了解武汉理工大学有关保留、使用学位论文的规定，即学校有权 保留、送交论文的复印件，允许论文被查阅和借阅；学校可以公布论文的全部 或部分内容，可以采用影印、缩印或其他复制手段保存论文。 ( 保密的论文在解密后应遵守此规定) 日期：竺笪：三：丝 武汉理工大学硕士学位论文 1 1 时代背景 1 1 1 信息化的时代 第1 章绪论 人类社会的发展不可能也不会停滞不前。工业文明的突飞猛进，科学技术 的日新月异，使人类的观念和行为发生了深刻的动荡和裂变。进入2 1 世纪，人 类社会正经历着从原子时代向数字时代的转变。在过去的近两个世纪里，由于 铁路、无线电、电话、内燃机、电视、塑料及微电子技术等的发明及广泛运用， 促进了世界经济的大发展，从根本上改变了人民的生产和生活方式。近几年， 伴随着经济全球化口号，特别是在信息技术、计算机技术的高速发展中，电子 媒体、电子网络几乎延伸到了人类的每一个角落。科学技术的飞速前进毫不犹 豫的将人类带到了崭新的生活面前。“网络化生存”是人类经历工业化、电气化 和信息化的变革之后，所面临的新的现实。 随着计算机网络技术的发明和应用的普及，使人类社会发生了巨大的变革， 从工业社会的物质文明向后工业社会的非物质文明转化。一九九一年美国出资 数十亿启动信息高速公路工程，此后这一构想被日益具体和丰富，迄今已成为 人类开拓新一代传媒和传播途径的象征和里程碑。如今，信息的数字化在由物 质和能量构成的物质世界之外，正在构筑一个由亿万比特构成的、以光速运行 的信息世界。以计算机、网络为特征的信息化社会改变了人们的生活方式，数 字化的生产方式使人们进入了一个前所未有的生存环境，信息成为社会发展中 的重要资源，而所有的信息都是以0 和1 来呈现。今天的人们正处在场大变 革时期，人类社会自身所创造的网络空间正在彻底重塑人类社会未来的生活空 间。 1 1 2 信息传播方式的发展 自人类诞生以来，人类社会至少已经经历了五次意义重大的信息传播革命， 每一次信息传播革命都把人类文明推向了一个新的发展阶段。 武汉理工大学硕士学位论文 第一次信息传播革命是语言传播的诞生，它提高了人类信息传播的质量、 速度和效率。第二次信息传播革命是文字传播的诞生，使得人类的信息传播第 一次突破时间和空间的限制，得以广泛流传和长期保存。第三次信息传播革命 是印刷技术的诞生从而使报纸、杂志、书籍等大众传播媒体迅速普及，在相当 长的时期内，报纸、广播、电视三架马车并驱，被视为人类获取信息的大众媒 体。第四次信息传播革命是模拟式电子传播的诞生，1 9 世纪4 0 年代至7 0 年代， 一系列模拟式电子传播技术与媒介相继出现，并迅速普及，使得人类信息传播 的速度空前迅疾，范围空前广泛，内容空前丰富，复制扩散和保存信息的能力 空前增强，人类进入以模拟式电子传播为代表的大众传播时代。 二十一世纪是一个互联网以及新媒体创造的世纪。最新的一次信息传播革 命正是发生在我们身边的第五次信息传播革命，即网络信息传播的诞生。随着 以计算机、通信和信息技术为支柱的互联网的迅速普及，人类生活的方方面面 都产生了极大的变化，网络是最具新媒体特点及发展最迅速、对现代社会影响 最大的信息传播媒介。“1 9 9 8 年5 月，联合国新闻委员会年会上，互联网正式 被称为第四媒体。”1 网络信息传播的方式集报刊、广播、电视的优势于一体，既有报刊的时效 性、可存储性，又有广播电视的形象性、生动性，此外还有媒体形式的多样性、 信息内容的广泛性、使用过程的交互性以及网络本身的自由性等，网络信息传 播方式突破了时间和空间的限制，削弱了传播者和受众之间的差异，引起了人 类传播领域的实质性变革。 1 1 3 新时代背景下的网页设计 如今的互联网已经渗透到我们生活中的各个层面。网站内容既丰富又全面， 集信息传播与功能实现于一体，能够满足各种不同需求的浏览者，活跃了经济， 也达到了商家开办网站的目的。 正当网络作为第四媒体，逐渐走向成熟和完善的时候，网页设计业已逐步 脱离了传统平面设计和广告设计的范畴，形成了特殊而独立的体系。这同时表 明，我们对网站视觉审美及网站功能应用等多个方面的认知达到了一个新的高 度。网页设计最大的超越就在于实现了同浏览者的交互与互动，各种设计形态 1 h t t p ：w w w e n e t c j 3 m c n 2 武汉理工大学硕士学位论文 构成方法与表现形式通过动静手法的融合与交叉渗透。交流过程中的及时交互， 使作品与浏览者在同一时刻进行着信息的传递与反馈。 从本质上看，网页艺术设计不能置身于科技发展之外，但更不能脱离社会。 如果艺术家要反映社会，必须是对生活中的文化作出反应。新媒体艺术家所要 反映的，就在他们所身处的当代电脑文化之中。事实上，从事数码艺术的人要 对科技有一定的认识，但并不需要对科技有深厚认识，任何科技对富有创意的 人来说都不该是种障碍，但却不须完全仰赖技术能力。所以网络艺术是现代社 会中科技进步与设计创意的融合的产物，并以设计创意为主导。 1 1 4 网页艺术设计所面临的问题 现今的网页艺术意义何在? 设计师们到底为了什么而工作呢? 我们又如何 正确的面对创作呢? 其一，面对竞争激烈的网络环境 随着网络技术的更新换代，以及计算机美术所触及的范围越来越广，我们 无法继续满足于只有几篇文字和版式千篇一律的网站。互联网的全球共享信息 资源，能够使地球另一端的竞争者们与我们站在同一条起跑线上，竞争加剧了， 网站的视觉设计也就变成了竞争中的重要一环。 其二，面对信息结构的日益复杂化 “网站已不再是发布几条消息或放上几个广告那么简单的载体。它可能是 一个大型的信息资料库，也可能是琳琅满目的信息转盘，信息的重要性决定了 信息的摆放顺序及浏览者的使用频率。设计师必须依据信息结构去规划网站设 计，科学地进行信息管理。在不影响信息下载的同时，提供给浏览者一种美好 的视觉环境，帮助他们科学快速的查阅信息。 1 其三，信息的传播内涵与外延 信息不同，网站的气氛亦会不同。当浏览者进入娱乐网站时，却感觉如同 进入了体育竞技场，那么这个网站所传递出的信息概念就完全错误了，从而导 致浏览者对网站的设计及网站本身都不会给予认可。也就是说，网站的信息内 容有着特殊的传播内涵与外延。弄错了游戏规则，可能会损失大量的浏览者， 等同于失去了成功的机会。 - 梁景红设计师谈网页设计思维电子工业出版社2 0 0 6 年出版第1 页 3 武汉理工大学硕士学位论文 其四，形象宣传的新渠道 企业需要通过建立网站的渠道树立形象，把v i s 嵌入到网站设计中，这无 疑是延伸了形象传播的深度和广度。通过网络，企业信息和相关资料被广泛传 播给全球客户，无法估计的各种机遇层出不穷。更有甚者，一个非常大气而庄 重的网站，可以给一个仅有几个人的贸易公司带来数万元生意。不同的企业， 有着不同的企业文化，跟随所要传播的信息概念，网站设计的形式和气氛绝对 不能相同。 其五，视觉审美关系到网站生存与发展 “网站作为新媒体的媒介主体，具有更多与传统媒体不同的特征和特性。 这些特征决定了网页设计的形式和使命，它的意义将与传统媒介的“设计”截然 不同。网页设计是网站的视觉内容部分，它是浏览者进入站点后第一时间接收 到的视觉信息。它可以给浏览者一个概念，一种印象，这种印象有时候是致命 的。”1 1 1 5 韩国网页设计的视党呈现 从2 0 世纪8 0 年代到现在，我国掀起了一股韩流，如韩国的音乐、电视剧、 电影、游戏等，而韩国网页设计在我国也是同样受到大多数网站爱好者的欢迎。 一些网页设计师常常会去模仿韩国的网站进行设计，现在网络上仍到处充斥着 韩国网页模板。 “韩国设计师对色彩的运用非常得当，他们设计出的色彩搭配展现出一种 很另类或和谐的美感，给人的感觉要么清新淡雅，要么另类时尚，并且十分注 重细节的设计，给人非常愉悦的视觉感受。韩国设计师对渐变色以及透明水晶 效果用得非常恰当。2 韩国网站的各个栏目一般都比较喜欢采用不同的色调来 表达不同栏目的主题，灰色是他们最爱用的颜色，因为灰色比较中庸，能和任 何色彩搭配，大大的改变色彩的韵味，使对比更强烈，正文文字也大都采用灰 色，显得干净整洁，而局部则喜欢用色彩绚丽的色条或色块来区分不同的栏目 “韩国的宽带普及率很高，所以设计师设计起页面来完全毫无顾忌，大量 的图片、f l a s h 得到很好的运用，网站里的图片经常采用4 0 、5 0 k 的大图，网页 - 梁景红设计师谈网页设计思维电子工业出版社2 0 0 6 年出版第2 页 2h t t p ：f o b s v o c c o n i c n v i e w t h r e a d p h p ? t i d = 2 9 8 7 4 武汉理工大学硕士学位论文 图片多的页面通常都是几百k ，这在国内是根本不敢想像的。 1 韩国的f l a s h b a n n e r 大都以横幅广告条出现在页面的导航栏下面，采用的都是精美的图片或 者是手绘风格的矢量插图。国内很多网站也采用大幅的f l a s h 广告条，但是通常 都是着眼于如何去表现f l a s h 动画的酷、炫的感觉，使得浏览者过于关注f l a s h 而忽视了页面的其他内容。而韩国的f l a s h 则更好的服务于网站的主题，和整个 页面搭配起来看得很舒服而不抢眼，他们的关键就在于整个f l a s h 不是全部变 化，而只是局部在动，以及文字和背景的巧妙配合。页面中大量采用手绘的矢 量图片绘制精美，使得整个网站显得精致而与众不同。 韩国网站还有个令人称道的地方就是它的网站看起来很有层次感，而这个 层次感不是靠着几个立体字来体现的，其实靠的也不过是添加简单的图片或文 字阴影效果和巧妙的利用构图来形成视觉上的差异，但就是这种设计上的不拘 泥于形式使网站的立体效果呼之欲出。韩国设计师做事态度认真，他们的每一 个按钮、图片的处理都极其讲究，其实一些细微的部分不仔细看还不一定容易 发现，但是如果少了这些细节的地方，整个网站的整体形象就要大打折扣。 通过分析他们的网站，让人不由得惊叹，韩国的站点在框架结构、内容排 版、色彩搭配、图片运用上达到了非常和谐的统一，他们的设计师更是拥有较 大的设计空间，让人不由的惊叹他们的创造力。 1 2 研究背景 1 2 1 国内研究状况 与前几年相比，现今优秀的网站作品已经很多了，可行业现状依旧显得可 悲。不少在职的网页设计师，是用教条的、形式化的方式设计网页，作品也给 人一种像是一个模子印出来的感觉，甚至有些人为能使用免费模板来“消化”客 户单而自鸣得意。更谈不上考虑到网页艺术设计要遵循网页设计的特殊艺术规 律和传达出文化内涵的层面。 随着互联网知识的普及，我们的委托人对网站设计有了一定了解。但他们 仍旧不十分明确网站能做什么，建设网站的目的是什么，要做怎样的网站，能 从网站中得到什么。另外，工种不分家对行业的发展产生了阻碍因素，设计师 1 h t t p ：w w w c o l o r b i x d c o m v i e w p h p ? c i d = 9 & a c t i o n = a r t i c l e & a i d - - 4 2 0 5 武汉理1 二大学硕士学位论文 需要掌握更全面的知识。“工种不分家”1 使每个网页设计岗位的设计者，不仅要 考虑艺术设计与制作方面，同时还要兼顾信息结构的规划，甚至网站建设的策 划等工作。这大大超出了网页设计师所应受理的职权范围，然而在现阶段这就 成了我们作为网页设计师所要面对的不足，并且需要不断进取的方面。 在市面上很多网页设计的书籍中，网页艺术设计作为特殊的艺术表现形式 的研究往往被忽视，大多是关于技术的介绍，诸如制作教程，色彩、版式等方 面来讲述网页设计。缺乏从视觉表现上把网页设计与传统的平面设计区分的书 籍，欠缺具体深入的分析。总之，网页设计的艺术理论研究还未引起足够的重 视，系统理论还没有形成，因此对于网页设计实践的指导意义还不大，还有很 多工作要做。 1 2 2 国外研究状况 国外的网页设计已经有了一套自己成熟的理论和实践经验。特别是在我们 的邻国韩国和日本，对于网页设计的研究已经走在这方面的前端，目前市面上 很多的网页设计模板都是来源于韩国，他们的作品是艺术性与技术性的结合。 他们的成熟主要表现在他们已经对一些网页设计的理论应用进行了总结，提出 了许多网页设计所要遵循的设计基本原则，如将传统的艺术设计理论、格式塔 知觉理论、人机交互设计理论和可用性设计原则作为网页设计的理论基础；提 出了在设计中应该遵循简化性、一致性、均衡性、统一性等原则；同时在网页 设计研究中还分析了在设计中各信息之间的关系，这些都是具有指导意义的理 论和经验总结。 1 2 3 研究意义 网站建设需要综合多方面的学科知识，要始终坚持以用户为中心，有效的 传达信息。在对网页视觉要素设计有了认识后，探讨韩国网页设计的成功案例， 通过这些案例的分析，延伸了对我国网页艺术设计发展方向的思考。 网页设计涉及交互、界面艺术设计两个方面。交互设计主要是解决网页易 用性的问题，艺术设计主要是从艺术性的角度美化网页，给用户良好的视觉体 验。由于所学专业的方向，本文从探讨网页设计的艺术性入手，阐述网页设计 1 梁景红设计师谈网页设计思维电子工业出版社2 0 0 6 年出版第4 页 6 武汉理工大学硕士学位论文 中视觉呈现的特点，从成功的设计中吸收经验，从不成功的设计中吸取教训， 从发展的角度对网页设计的视觉呈现发展方向做一个概括性的归纳，也为日后 进行这方面的研究提供一个可供参考分析的资料小结。 7 武汉理工大学硕+ 学位论文 第2 章网页艺术设计概述 2 1 网页艺术设计的概念 网络和数字技术的发展给我们的社会、教育、生活等诸多方面带来了巨大 冲击，直接导致许多新的应用领域出现。在艺术方面，网络艺术异军突起，网 络文学、网络音乐、网络视觉艺术等多种网络艺术，在短时间内发展迅速。其 中，网页艺术设计由于网络应用的几何级数的发展，已成为一个相对成熟的艺 术门类。 “网页艺术设计是在i n t e r n e t 的发展和数字技术的发展中出现的新艺术形 式。它是以第四媒体i i l t e m e t 为载体，以网络技术和数字技术为基础，依照 设计目的，遵循艺术设计规律，实现设计目的与功能，强调艺术和科学紧密结 合的一种艺术创造和视觉传达活动。”1 网页作为传播信息的一种媒介，同其他 出版物如报纸、杂志等在设计上有许多共同之处，也要遵循一些设计的基本原 理。但是，由于表现形式、运行方式和社会功能的不同，网页设计又有其自身 的特殊规律。网页的艺术设计，是技术与艺术的结合，内容与形式的统一。它 是网络视觉艺术的主要表现形式之一，也是设计艺术的重要组成部分。网页艺 术设计以网络为载体广泛的应用于企业、娱乐、电子商务、综合门户及个人主 页等各种形式的网站中。 2 2 网页艺术设计的基本内涵 2 2 1 媒体相关性 网页艺术设计是伴随着计算机互联网络技术的产生而形成的以新媒体为基 础的艺术形式。它的发展是建立在网络媒体发展的基础上的。网页艺术设计的 艺术载体是新的媒体形式i n t e m e t 。由于网页艺术设计的视觉信息是由计算 机及网络媒体传达并完成的，因此网页艺术设计具有媒体相关性。媒体决定了 1 彭纲网页艺术设计高等教育出版社2 0 0 6 年出版第1 页 8 武汉理t 大学硕士学位论文 公众接受信息的方式，也引导着公众的社会心理和审美习惯。当网络逐渐取代 传统媒体成为信息传播的主流时，网络视觉艺术包括网页艺术设计也同样成为 艺术世界的主要表现形式，这与电视的普及带来电视艺术的繁荣是一样的道理。 i n t e m e t 直接影响到网页艺术的发展。由此可见，“网页艺术设计是建立在第四 媒体发展基础上的媒体艺术，媒体相关性则是网站艺术设计的基本特征。”1 2 2 2 技术性 网页艺术设计是数字技术系统的整合工程，具有很强的技术性。一个网页 的艺术设计，往往综合了多种设计元素和多个设计软件的运用。各个软件设计 的多种设计元素，诸如图像、g i f 动画、f l a s h 动画、图标、流媒体等，通过网 页编辑软件进行整合，形成网页，然后发布者通过上传软件发布网页，接收者 通过不同的网络浏览器浏览网页。可以说，贯穿网页设计的构思、设计、发布、 接收的过程，就是多个设计软件的系统应用与整合的工程。各种设计软件功能 的选择、应用，影响着网页艺术设计的效率和效果。而网页设计软件的升级和 功能的提高，又为网页设计的艺术发展提供了更多可能。当网络由窄带发展到 宽带，由w e b l 0 发展到w e b 2 0 时，就直接影响到网页设计元素的丰富性。网 页图像、网络动画以及虚拟技术、流媒体技术在网页艺术设计中的应用，无不 取决于网络平台的技术支持。离开了网络，网页艺术设计也就失去了存在的基 础。此外，计算机硬件平台的发展，也决定了网页设计空间的拓展。计算机速 度越来越快，其应用也更加流畅。在计算机的运算速度按摩尔定律每1 8 个月翻 一番时，带给网页艺术设计的是更炫目的视觉表现、更流畅的媒体播放、更多 的视觉元素及其设计形式的多样化。可见，数字技术和网络技术是网页艺术设 计的平台基础，网页艺术设计是建立在科学发展上的艺术。 2 2 3 艺术性 网页艺术设计具有特征鲜明的艺术性。网页艺术设计是科学与艺术相结合 的产物，它同样需要遵循艺术的一般规律。当它与商业结合时，通常把它看做 设计艺术，当它侧重于网页艺术家的个人语言表达和社会责任感表现时，它又 与我们通常所说的、纯艺术更为接近。网页艺术设计是具有设计目的的创造性 1 彭纲网页艺术设计高等教育出版社2 0 0 6 年出版第2 页 9 武汉理工大学硕士学位论文 活动，它必须达到使用者的信息传播要求，所有的设计形式都要围绕着传播信 息这一目的，脱离这个原则，网页艺术设计也就成为了空中楼阁，徒具外在形 式而己。网页艺术设计又具有与数字技术相适应的自身艺术语言。在网络发展 的前期阶段，网页仅仅是技术的堆砌，内容是其中的主体。随着网络信息的增 加和技术的提高，人们对网页的形式具有了较高的要求，出现了一些注重网页 界面的网页作品，网页设计也就发展成为了一门艺术，具有了自身的艺术语言， 并迅速在实践中趋于成熟。网页数字风格的形成，就是网页本体语言的衍生， 并影响到了其他视觉艺术的视觉表现风格。 由于网页视觉艺术具有媒体相关性、设计艺术性和数字技术性的三大基本 内涵，从而延伸出多姿多彩的网页艺术世界。 2 3 网站艺术设计的呈现特点 “网页艺术设计的形式特征是由它的媒体相关性、技术性、艺术性三大基 本内涵决定的。”1 在此基础上，网页设计既有视觉艺术的一般特征，同时作为 数字时代新艺术形式之一，又具有若干与传统艺术形式不同的新艺术特征。 2 3 1 互动 互动，是相互的信息交流方式。与一般媒体的单向信息交流不同，网页是 一种多向的信息交流媒体，因而网页具有即时交互的功能，即我们通常所说的 互动特征。在网络的环境下，网页的信息更新速度快，能够及时反馈接收者的 感受和要求。网页信息的接收者不仅仅是一个被动的感官和信息的接收者，还 是网页艺术建构的参与者之一。随着人们的点击、输入、反馈，就形成了不断 变化的，新的网页艺术结构。网页艺术作品不仅是作为一种传播媒体在发生作 用，其自身也能根据反馈产生不同的响应，具有相当的智能表现。接收者与设 计者、接收者与网页艺术、网页艺术与设计者、接收者与接收者之间发生着多 向的信息交流与反馈，引发艺术家与接收者不同的艺术感受与沟通，使网页艺 术接收者的视觉印象产生变化，也就是说，互动使网页艺术成为动态变化的艺 术。 1 彭纲网页艺术设计高等教育出版社2 0 0 6 年出版第6 页 1 0 武汉理工大学硕+ 学位论文 2 3 2 非线性 在网页艺术中，非线性是指网页间的跳转和导航表现为一种自由的、多方 向和不确定的组织方式。这种组织方式是建立在超链接基础上的。通过超链接， 网页之间的组织可呈现多种结构，如序列结构、层次结构、网状结构、复合结 构等。相对于传统的书本、影视等媒体的线性浏览方式，网页的链接跳转更符 合人的思维习惯，浏览者点击后可自由进入不同页面。网页的非线性导航和多 向组织结构带来了更为灵活的艺术创造手法和相对自由的信息传播氛围，迎合 了浏览者不愿受约束的心理。艺术由线性向非线性的转化，不仅是浏览方式的 转化，更重要的是一种艺术创造思维的演变，体现了艺术发展对多元化、人性 化的人文精神的尊重。当然，丰富的网页浏览方式也给网页设计师带来了挑战， 如何构建合理的页面组织结构，如何选择合适的导航方式，使接受者更方便快 捷地找到所需要信息，这些都是网页艺术设计中需要考虑的最基本问题。 2 3 3 媒体综合 媒体综合是指网页艺术设计中综合应用多种媒体视听元素，它是网页艺术 设计的基本特征，网页艺术设计的综合性是在网络信息接受者不断提高的信息 多元化要求下产生的。网页是多种媒体视听元素整合的综合体。网页中可以包 含多种类型的媒体要素，网页的设计不仅是页面的编排，它还包括文字、图形、 声音、动画、视频等视听元素的创造和应用。因此，网页设计是一门新型的综 合媒体艺术，它的综合性体现在媒体的多样化上。网页艺术必须借用其他媒体 艺术的视听元素为己所用，它不具有与其他媒体孑然无关的独立性，而是体现 为综合多种媒体艺术的特性，它对各种媒体艺术具有很强的依赖性。随着科技 的迅速发展，网页艺术的多种媒体的综合性将得到完全体现。一方面，网页设 计作为一门综合艺术，整合各种媒体形式与其他媒体艺术共同发展；另一方面， 网页作为平台，优化了各种媒体形式，使其得以在网络上出现新的发展，如在 线音乐、在线广播、网上电影、网络电视等。媒体的综合是网页艺术设计必然 的发展方向。 武汉理工大学硕士学位论文 2 3 4 终端可变 终端可变是指网页的显示效果会随着显示终端的变化而可能出现一些变 化。与传统印刷、影视艺术不同，网页艺术设计的显示终端是不确定的，网页 艺术设计的显示终端包括软件( 浏览器) 和硬件( 显示器) 两部分，不同的用 户会使用不同的显示终端。比如同一个网页页面，在w i n d o w s 操作系统下的 i n t e r n e te x p l o r e r 浏览器与m a c 操作系统下s a f a r i 浏览器中的显示效果可能是不 一样的，页面的功能也可能出现兼容的问题。尤其值得注意的是，新的软件技 术和硬件技术时刻在发展，网页的现实终端不断发生着变化，反过来也影响着 网页艺术的形式和形态。如今三维网页浏览器和三维显示器已经出现，此技术 的普及，将对网页艺术的创造思路、技法、设计平台、作品形态等产生革命性 的影响。根据计算机发展的规律来看，实现这样的软、硬件环境的时间离我们 并不遥远了。 2 3 5 技艺融合 技术与艺术的紧密结合、相互推动，是网页艺术设计的显著特征。与传统 艺术形式相比，技术的作用在网页艺术设计过程中尤为突出。网页艺术设计中 的技术直接影响着它的表现形态。从网页设计中媒体元素的发展历程来看，技 术的每一次进步，马上就对艺术的表现形式发生作用。m p 3 的产生导致网页音 频资源的丰富，流媒体技术的发展使网页流畅运行视频成为现实，计算机芯片 运算能力的提高，使三维实时渲染成为可能，还有网络宽带的拓展，使网页能 够包括更多的视听要素等。技术越进步，网页的表现形态就越丰富，网页由最 初的简单文本编排演变成为呈现多种形态的艺术形式，直至最终发展成为真正 拥有四度空间的虚拟媒体艺术。反之，艺术的要求也促进了技术的发展，网页 页面艺术表达的要求，往往促进某一项新技术的出现，f l a s h 动画的出现就是很 好的例子。 2 4 网页艺术设计的设计原则 网页艺术设计是技术与艺术相结合， 与空间性特征的新艺术形式，它的策划、 1 2 内容和形式相统一，同时具有时间性 制作、表现形式、欣赏方式及社会功 武汉理工大学硕士学位论文 能都有自身的特点。因此，在网页设计过程中需要根据网站设计的特点，遵循 定位准确、技术合理、个性突出和形象统一的设计原则。 2 4 1 定位准确 能够正确的制定出网页设计的方向是网站建设的关键。网页设计的第一步， 就是明确设计的主题。明确主题的过程，就是找出客户的优势、特色和行销的 方式、目的的过程。分析客户现有的全部资料，以专业角度为客户出谋划策， 从长远入手，统领全局是一个设计师应做的必要步骤。网页设计的主题多种多 样，既可以是传达某种信息，也可以是表达设计者的某种观点，甚至是设计师 纯粹艺术形式的追求。并且网页设计的主题最终是要传达给浏览者，使浏览者 产生不同的心理刺激和感受，或使浏览者得到一定的功能满足。因此，能否抓 住客户的特点，创造出优势也是非常关键的点。如何将主题传达给浏览者， 是网站设计这一开始就要思考的问题。这就需要通过定位来明确网站设计的主 题及传达对象。比如，当我们做一个个人网站，明确主题后，就要思考网站的 目标对象是谁，是儿童、情侣、年轻人、中年人、男人、女人? 他们的生活习 惯、特征、心理共性、欣赏习惯是什么? 通过何种途径吸引他们的注意? 网页 设计的风格应该如何确定等等。明确网站优势的存在，确立网站的媒体属性和 文化特点，不仅对创作很重要，而且对网站的发展及生存也都起着至关重要的 作用。 2 4 2 可用性第一 一切为人类社会服务而设计的最终目的，都是让具有一定功能的产品更快 更好地让使用者接受和使用。网站作为一种在网络平台上使用的产品，它的最 终使用者是用户，网站视觉设计必须符合用户浏览网站的习惯和需要，并且对 于网站上的各种信息、操作和功能有正确的引导。现在的网站不是信息匮乏， 而是信息冗余，用户陷入了太多的选中之中。“是否能够让用户迅速活得所需的 东西，这是衡量网站的主要标准。 1 网页设计应该是一个合理计划组织的过程， 它以准备传达信息，让用户更准确、更舒适、更愉悦地享受到网站提供的服务， 而实现这一切的核心思想是以用户为中心来进行设计。“好的网页设计，应让用 1 马月网站界面设计北京理工大学出版社2 0 0 6 年出版第2 6 页 1 3 武汉理工大学硕士学位论文 户掌握所有操作的主动性，感觉上是产品在为他服务，而不是在用程序限制他。 这是可用性原则的核，t 3 。 1 2 4 3 技术合理 网页设计既是艺术设计，又是技术设计。技术与艺术相辅相成，形成了网 页设计的形式美感。网页的技术设计要为内容和形式服务。 第一，要注意网页艺术设计的科学性。如研究网页版式设计的字号、色彩、视 觉流程是否符合科学规律，是否具有可读性，是否符合接受者的心理特 征等。 第二，要为网页的内容和形式的表达开发适当的技术。网页设计的许多视觉效 果需要技术的支持来实现，如果缺乏相应的技术储备，网页设计的表现 空间就会大打折扣，网页的艺术表现就容易受技术的束缚。 第三，要避免滥用技术。大量特效的使用，不管是否有利于网页内容和形式的 表达，全部都应用于网页的设计中，往往会造成网页内容与形式的脱节， 不利于网页主题的表达。 、 第四，网页设计不能脱离网页浏览的技术环境。例如，在现有的主流网络带宽 下，单个网页文件的大小就受到了较大的限制。如果网页文件过大，浏 览者必须等待很长时间才能浏览到网页，就会影响传达信息的效果，使 浏览者失去浏览的兴趣。 网页的技术要为主题服务，这是技术应用的前提，不注意技术的研究或者 过于讲究技术的表现而脱离内容和形式的需要，都不利于网页主题的表达。把 握好技术与艺术、内容与形式之间的平衡，在正确的地方使用正确的技术，确 保每一项技术都有存在的合理性，这是优秀网页设计得以成立的基本要求。 2 4 4 个性突出 在符合网页设计的主题要求下，网页设计还应该具备独特艺术风格和个 性，具有更强烈的视觉冲击力，更能鲜明地突出网页设计主题。网页的艺术个 性首先要把握时代精神。时代精神是构成美感的重要因素，不同时代有不同的 审美观，我们既要吸取过往时代创造的美的因素，又要善于捕捉当代的新鲜气 1 马月 网站界面设计北京理工大学出版社2 0 0 6 年出版第2 8 页 1 4 武汉理t 大学硕士学位论文 息，去创造符合当代审美心理和审美习惯的新的时代美感。网页的艺术个性还 体现在网页的风格要能够在同类网站中脱颖而出。个性化的网页更容易在众多 的网页中抓住浏览者的视线，提高自身的点击率和信息传播的有效性。在各类 网站风格同质化现象突出的今天，网页风格的个性化尤为珍贵。在网络日新月 异，求新求变的时代背景下，表现网页的差别化特征是优秀网页设计赖以生存 的条件之一。 2 4 5 形象统一 形象统一是指整体视觉印象和文化意境的统一。网页是由多页面和多元素 组合而成，每一个页面都可独立进行版面的设计和编排，每一个多媒体元素都 可呈现不同的风格。因此，网页的整体视觉印象的统一，是有效传达信息、突 出网页个性的基本前提。但形象统一并非仅仅是在形式上寻找各页面的共性因 素，或者使各组成元素共同含有某种形式特征，如运用色彩、v i 、造型、版式 等手段去统一画面，获得页面的秩序感。更为重要的是在文化内涵和文化意境 上使网页之间体现出一种连贯性和整体性，体现出整体的风格和个性。文化的 内涵和意境，既可包含历史悠久的艺术传统，又能蕴含现代多样的文化精神。 它是艺术形式多维、动态、有机统一的结果，是形式升华为精神层面的产物。 2 5 韩国网站设计风格综述 2 5 1 页面结构 韩国网站不拘泥于形式，在页面结构的设计上可谓不断地推陈出新，网站 的风格整洁、大气。企业网站通常为上下结构式，页面结构相对来说比较简单， 可以说几乎是统一的风格，顶部的左边是网站的l o g o ，右边就是它的导航栏， 和国内网站不一样的地方它甚少采用下拉菜单的样式，而是把各级栏目的下级 内容放在导航栏的下面。然后下面是个大大的f l a s h 条，再往下就是各个小栏 目的主要内容。门户网站通常为上左右结构式。普遍使用1 0 2 4 7 6 8 分辨率，商 业图片往往满满一屏。但是在页面结构上也显示出主次不够突出、内容拖沓、 繁琐等不足。 1 5 面目p 铷啪 国l 裹一 _ “q “。0 墨口m e - 口a n “t 。：。4 7 ：一”t ，“一- _ 。” 。日j “e “1 t ；”啪墨“一 一“一 。谊* 蛐 2 5 2 色彩 韩国网站页面大多采用清新靓丽的色彩，清炎的页面通常都离不开白色背 景的衬托。韩国网站的二级页而一般都比较喜欢采用不同的色调来区分各个栏 目的主题，而局部细节的处理则喜欢用绚丽分明的色条或色块。擅长用不司纯 度的对比色来强调视觉效果，用不同明度的出色来缓和视觉。辅助色较多地使 用协调色灰色；过渡缓和的同类色及临近色；使用渐变的颜色效果。 j 强ir - - j 1 卜弘= r 蚕 ! j 。：z _ i 。 毒_ ，二：三一 一一 武汉理工大学硕士学位论文 2 5 3 视觉元素 导航条除了门户网站，大多数网站使用f l a s h 来制作。点击导航条后，通 常紧接着下方都会出现子菜单。在插图方面，大量运用矢量图片及精美的摄影 图片。几乎每个网站都离不开图片的渐变效果。在插图和矢量图标的制作上， 显示出超强的手绘功底。页面中大量采用原创手绘的矢量图片，使得整个网站 显得精致而富有个性，较摄影图片更易减轻网络空间的负担。网站常常有背景 纹理的运用。各种类型的风格样式，丰富、生动、精致。 在f l a s hb a n n e r 的形象展示区，大多为面积较大的横幅广告条，出现在页 面的导航栏下方，采用的都是精美的摄影图片或是手绘风格的矢量插图。图片 与文字的缓缓切换符合人们的可视停留心理，动画的节奏控制得很好，可以说 是技术与艺术的完美结合。 网站的风格协调一致，整体感很强，对大全局场景的把握很出色。主要体 现在：背景对前景的辅助、衬托；对色调主次关系的把握；视觉元素应用样式 风格的统一；信息栏目划分主次有序；图形类型、文字大小、色调的区别微妙。 如果以网站群体为代表做风格类型的划分，韩国网站现代时尚、丰富细腻 的唯美风格，可以说在设计上的达到了成功。大多数网站设计所透露出的繁复、 华丽，类似于欧洲的巴洛克和洛可可风格。韩国设计师们严谨、认真、敬业的 工作