（设计艺术学专业论文）网页设计二维平面三维可视化研究.pdf

合肥工业大学 本论文经答辩委员会全体委员审查，确认符合合肥工业大学硕 士学位论文质量要求。 答辩委员会签名：( 工作单位、职称) 主席： 委 员： 导师： 独创性声明 本人声明所呈交的学位论文是本人在导师指导下进行的研究工作及取得的研究成果。据我所 知，除了文中特别加以标志和致谢的地方外，论文中不包含其他人已经发表或撰写过的研究成果， 也不包含为获得金筵王些太堂 或其他教育机构的学位或证书而使用过的材料。与我一同工作 的同志对本研究所做的任何贡献均已在论文中作了明确的说明并表示谢意。 一签字面 签字日期：劢7 年乡月勿日 学位论文版权使用授权书 本学位论文作者完全了解金8 巴王些太堂有关保留、使用学位论文的规定，有权保留并向 国家有关部门或机构送交论文的复印件和磁盘，允许论文被查阅或借阅。本人授权 金目巴王些盔 兰l 可以将学位论文的全部或部分论文内容编入有关数据库进行检索，可以采用影印、缩印或扫 描等复制手段保存、汇编学位论文。 ( 保密的学位论文在解密后适用本授权书) 学位论文者签名：导师签名： 签字目期：f 够月2 汐日 签字日期： 学位论文作者毕业后去向： 工作单位： 通讯地址： 电话： 邮编： 网页设计二维平面三维可视化研究 摘要 数字时代的网页界面设计对信息的加工处理及传播愈来愈多样化，形式的表 现也由过去偏技术发展到与艺术的联姻。网页界面理性与感性并重即时界面设 计的起点也是它的回归。网页界面三维可视化的发展是符合人们对界面虚拟现 实的需求，同时也符合在建构信息空间时利用三维比二维信息容量大的优势。 当人们沉浸在网页界面三维可视化的虚拟实在时，操纵的欲望伴随人们对虚拟 的感受，感官的应变强弱决定了操控的程度，这得益于三维可视化帮助浏览者 产生的在场感，人们拥有在场感的同时忽略真实空间的缺场，操作变得自然而 然，界面变成非物质性的空间，人们可进可出，眼前的世界在自己的掌控中。 网页界面三维可视化的研究内容主要围绕视觉空间、信息空间、概念空间展开， 探讨如何在平面的载体上形成三维的效果，如何将信息按主从次序排列出有三 维感，如何转换概念性的语意成三维可视化。以符号论中的替换原则为指导， 进行多学科的交叉，分析诸学科里对三维可视化的研究成果，将该学科的元素 替换为网页界面的信息，创造性地表现网页界面设计的三维可视化。 关键词：三维可视化；视觉空间；概念空间；信息空间；创造性 2 t h er e s e a r c ha b o u tw e bd e s i g nt w o d i m e n s i o n a l t ot h r e e d i m e n s i o n a lv i s u a l i z a t i o n a b s t r a c t w e bi n t e r f a c e d e s i g n i nt h ed i g i t a l a g e o fi n f o r m a t i o np r o c e s s i n ga n d d i s s e ：m i n a t i o no fm o r ea n dm o r ed i v e r s ef o r m so fp e r f o r m a n c ei sb i a s e db y t h ep a s t a n dt h ea r tt e c h n o l o g yi n t om a r r i a g e s e n s ea n ds e n s i b i l i t yw e bi n t e r f a c eb o t ht h e s t a r t i n gp o i n tf o rr e a l t i m e i n t e r f a c ed e s i g ni si t sr e t u r n t h r e e d i m e n s i o n a l v i s u a l i z a t i o no fw e bi n t e r f a c ed e v e l o p m e n ti sc o n s i s t e n tw i t hp e o p l e sd e m a n df o r v i r t u a lr e a l i t yi n t e r f a c e ，b u ta l s oc o n s i s t e n tw i t ht h ei n f o r m a t i o ni nt h ec o n s t r u c t i o n o ft h r e e d i m e n s i o n a ls p a c eu s i n gt w o d i m e n s i o n a li n f o r m a t i o nc o n t e n tt h a nt h e a d v a n t a g e s w h e np e o p l e a r ei m m e r s e di nt h ew e bi n t e r f a c ei sav i r t u a l t h r e e d i m e n s i o n a lv i s u a l i z a t i o n ，t h em a n i p u l a t i o no fv i r t u a lp e o p l ew i t ht h ed e s i r e t of e e l ，s e n s et h es t r a i ns t r e n g t hd e t e r m i n e st h ed e g r e eo fc o n t r o l ，t h a n k s t o t h r e e d i m e n s i o n a lv i s u a l i z a t i o nt oh e l pv i s i t o r sh a v et h ep r e s e n c eo fs e n s eo ft h e d r e s e n e eo fp e o p l eh a v eas e n s eo fl a c ko fs p a c e ，w h i l ei g n o r i n gt h er e a lf i e l d ，t h e o p e r a t i o nb e c o m e san a t u r a l ，n o n m a t e r i a li n t e r f a c e i n t os p a c e ，o n ee n t r ya n de x i t ， i nf r o n to ft h ew o r l di nt h e i ro w nc o n t r 0 1 t h r e e d i m e n s i o n a lv i s u a l i z a t i o nw e b i n t e r f a c er e s e a r c hc e n t e r sa r o u n dt h ev i s u a ls p a c e ，i n f o r m a t i o ns p a c e ，e x p a n dt h e c o n c e p to fs p a c et oe x p l o r eh o w t h ef o r m a t i o no ft h r e e d i m e n s i o n a lp l a n eo ft h e c a r r i e re f f e c t ，h o wt h ei n f o r m a t i o no u tb yt h em a i no r d e ro fat h r e e - d i m e n s i o n a l f r o mas e n s eo fh o wt oc o n v e r tt h ec o n c e p t u a ls e m a n t i c si n t oat h r e e - d i m e n s i o n a l v i s u a l i z a t i o n r e p l a c e t h e s y m b o l o ft h e p r i n c i p l e s i nt h e g u i d a n c e ， m u l t i d i s c i p l i n a r ya n a l y s i s o fv a r i o u sd i s c i p l i n e s o nt h et h r e e - d i m e n s i o n a l v i s u a l i z a t i o no fr e s e a r c hr e s u l t s ，t h ed i s c i p l i n eo ft h ee l e m e n t so ft h ei n f o r m a t i o n r e p l a c et h e w e bi n t e r f a c e ，w e bi n t e r f a c ed e s i g n ，c r e a t i v ee x p r e s s i o nc a nb e t h r e e - d i m e n s i o n a lv i s u a l i z a t i o n k e y w o r d s ：t h r e e d i m e n s i o n a l v i s u a l i z a t i ；v i s u a ls p a c e ；c o n c e p ts p a c e ；i n f o r m a t i o n s p a c e ；c r e a t i v e 致谢 我有幸成为一名合肥工业大学建筑与艺术学院的学生，更有幸成为陈新生 教授的学生，在跟着陈老师学习期间，深刻体会到老师对自己专业的热爱与投 入，对自己学生的呵护与关心，让我明白许多做人做事的道理。在此，谨向导 师致以最衷心的感谢! 非常感谢陈刚副教授在我撰写论文时提出的许多宝贵建议和建设性意见， 帮助我明确了论文研究的方向和方法，为论文的顺利完成提供了莫大的帮助。 建筑与艺术学院尊敬的潘国泰教授、郭凯副教授、陈宇飞副教授、栗洪宁 副教授等诸位老师渊博的知识和高深的专业修养以及对我关怀和教诲令我难以 忘怀，在此一并至上诚挚的谢意! 还要感谢我的家人朋友和在研究生就读期间一起学习和工作过的同学，谢 谢你们给予我的支持和帮助。 最后，衷心感谢评阅论文的老师、专家，以及在百忙之中参加论文答辩的 答辩委员会的诸位委员和老师们。 4 作者：王瑜 2 0 11 年3 月 目录 第一章绪论1 1 1 网页界面设计三维可视化表现现状1 1 2 网页界面设计三维可视化表现的特点1 1 3 网页界面设计中研究三维可视化表现的价值和意义2 第二章网页界面设计的基础理论3 2 1 网页界面的构成原素3 2 2 网页界面的设计原则3 2 2 1 围绕主题3 2 2 2 内容与形式统一4 2 2 3 整体和谐4 2 3 网页界面设计的相关内容5 第三章网页界面三维可视化的内涵7 3 1 空间的丰富内涵7 3 1 1 空间含义的多样性7 3 1 2 含有维度的概念词7 3 2 网络空间8 3 2 1 网络空间的特点8 3 2 2 代码化的科技扩展网络空间8 3 3 网页界面三维可视化的意义9 3 3 1 三维可视化化存在的必要性9 3 3 2 三维可视化的虚拟实在1 0 3 4 网页界面三维可视化的研究内容1 0 第四章网页界面设计视觉空间的三维可视化儿 4 1 二维的延伸1 1 4 1 1 透明制造空间感1 l 4 1 2 变形产生空间感1 2 4 2 二维平面中的透视效果1 2 4 3 反透视三维可视化效果1 4 4 4 感觉的深度1 5 4 4 1 平面感的形成1 5 4 4 2 感觉深度的形成1 5 4 5 制造空间的光l7 4 5 1 中心梯度与非中心梯度1 7 4 5 2 空间整体感与秩序感1 8 4 5 3 光的象征性1 9 第五章网页界面设计概念空间的三维可视化2 1 5 1 秩序与节奏的空间2 1 5 1 1 秩序的体现2 1 5 1 2 网页界面设计的秩序与节奏感2 2 5 2 飘逸与幽远的空间2 3 5 2 1 不同文化背景的不同诠释2 3 5 2 2 界面设计的空灵感2 4 5 3 拥挤和饱满的空间2 5 5 3 1 饱满与拥挤的现实性2 5 5 3 2 界面设计的饱满和拥挤2 5 5 4 超现实与诡异的空间2 6 5 4 1 创造非真实的透视空间2 6 5 4 2 界面设计的超现实与诡异2 6 5 5 转换和移动的空间2 7 5 5 1 寻找表象2 7 5 5 2 界面设计的转换与移动2 8 5 6 虚实对比的空间2 9 5 6 1 黑白对比及在界面中的应用2 9 5 6 2 完整与残缺对比及在界面中的处理2 9 5 6 3 清晰与模糊对比及界面设计2 9 5 6 4 藏与露对比对界面设计的影响3 0 第六章网页界面设计信息空间的三维可视化3 2 6 1 信息空间的信息设计3 2 6 1 1 信息空间的共谋体3 2 6 1 2 网页界面的信息设计3 3 6 2 人性化的信息空间3 3 6 2 1 顺应人的视觉习惯3 3 6 2 2 人性化地安排视觉流程3 4 6 3 拓展信息空间的动画设计3 6 6 3 1 打破视域优先规律表现信息空间3 6 6 3 2 动画设计实现信息空间多角度展示3 7 第七章创造性地表现网页界面设计的三维可视化3 9 7 1 数学思想与网页界面三维可视化研究3 9 7 1 1 拓扑学在网页界面设计中的运用3 9 7 1 2 分形在网页界面设计中的运用4 1 7 2 建筑空间论运用于网页界面三维可视化表现4 2 6 7 2 1 建筑空间的形式美规律4 2 7 2 2 建筑空间的组合4 3 7 2 3 建筑空间论用于网页界面三维可视化设计案例4 3 7 3 数字信息化技术与网页界面三维可视化设计4 4 7 3 1 数字信息三维可视化的展示技术4 4 7 3 2 数字信息的整合技术4 5 7 3 3 信息技术用于网页界面三维可视化设计案例4 6 第八章总结与展望4 8 8 1 网页界面二维平面三维可视化4 8 8 2 网页界面三维可视化的发展方向展望4 8 7 结束语5 0 附录一引文出处5 1 附录二参考文献5 2 图4 1 图4 2 图4 3 图4 4 图4 5 图4 6 图4 7 图4 8 图4 - 9 图4 1 0 图4 1 1 图4 1 2 图4 1 3 图4 1 4 图4 15 图4 1 6 图4 17 图4 18 图4 19 图4 2 0 图4 2 1 图5 1 图5 2 图5 3 图5 4 图5 5 图5 - 6 图5 7 图5 8 图5 - 9 图5 10 图5 1 1 图5 1 2 插图清单 h t t p ：w w w h o u s e o f a m b e r c o m 1 1 h t t p ：w w w d a f f v s c o m 11 h t t p ：w w w h o n d a c r v c o r n 1 2 h t t p ：w w w h o n d a c r v c o r n 1 2 h t t p ：w w w w h c s j c o r n 13 h t t p ：w w w c a m i l o l a n g l a d e c o m 。1 3 h t t p ：w w w w h c s j c o m 1 4 h t t p ：w w w t h e m o r p h c o m 1 4 h t t p ：w w w s t r e e t e v e n t s ，t o m 16 h t t p ：w w w p l u s g o o d c o u k 16 h t t p ：w w w 。c h i n a p a c k a g i n g c o m 1 7 h t t p ：w w w m a k e i t m o v e c o m 17 h t t p ：w w w m a k e i t m o v e t o m 1 7 h t t p ：w w w m a k e i t m o v e c o m 17 h t t p ：w w w 5 2 w e b p a g e c n 17 h t t p ：w w w j o x s e c o m 1 7 h t t p ：w w w j e r m a i n e - j o n e s d e 18 h t t p ：w w w w h c s j t o m 1 8 h t t p ：i n f i n i t i c o k r 19 h t t p ：w w w w h c s j c o m 2 0 h t t p ：w w w s i l v e r l i n i n g f u r n i t u r e c o u k 2 0 h t t p ：w w w t h e m o r p h c o m 2 2 h t t p ：w w w t h e - m o r p h t o m 2 2 h t t p ：w w w t h e - m o r p h c o m 2 3 h t t p ：w w w 1 i n e a g e t o m 2 4 h t t p ：w w w 1 i n e a g e c o m 2 4 h t t p ：w w w n i k e s p o r t s w e a r s t o r i e s c o m 2 6 h t t p ：w w w p s y p a r k c o m 2 6 h t t p ：w w w 1 i n i n g c o m 2 7 h t t p ：w w w 1 0 0 8 6 c a 2 7 h t t p ：m o t o r o l a t o m 2 7 h t t p ：t h i n k w o r l d c o m 2 7 h t t p ：v o l t a f e r r o r a m a c o r n 2 8 图5 13 图5 1 4 图5 1 5 图5 16 图6 1 图6 2 图6 3 图6 4 图6 5 图6 6 图6 7 图6 8 图6 - 9 图6 1 0 图6 1 1 图6 1 2 图6 1 3 图6 1 4 图6 15 图6 16 图7 1 图7 2 图7 3 图7 4 图7 5 图7 - 6 图7 7 图7 8 图7 9 图7 1 0 图7 1 1 图7 12 图7 13 图7 1 4 图7 15 h t t p ：w w w 1 i - n i n g c o m 2 8 h t t p ：w w w v e z s t u d i o t o m 3 0 h t t p ：i n d i s o u l s c o r n 3 1 h t t p ：w e b s e o n n a c a n n e t 31 h t t p ：w e b s e o n n a c a n n e t 3 3 h t t p ：w w w b e y o n f a y t e t o m 3 4 h t t p ：w w w b e y o n f a y t e c o m 3 4 h t t p ：w w w i n t e r n e t t i n g a w a r d s c o m 3 5 h t t p ：w w w f u b o n t o m 3 5 h t t p ：w w w d n a i n d u s t r i e s c o m 3 5 h t t p ：w w w n a g a o k a - i d a c 3 5 h t t p ：w w w n e s t e a i c e t o m 3 6 h t t p ：w w w p l a n e t p l a t f o r m c o r n 3 6 h t t p ：w w w p l a n e t p l a t f o r m t o m 3 6 h t t p ：w w w 1 f s t a r c o m 3 7 h t t p ：w w w k a r i s f r 3 7 h t t p ：w w w n o k i a t o m 3 7 h t t p ：w w w s o i e c o k r 3 7 h t t p ：w w w k r i s t i n a d r a g o m i r t o m 3 8 h t t p ：w w w k r i s t i n a d r a g o m i r t o m 3 8 h t t p ：w w w n o k i a c o m 4 0 自制4 0 自制4 0 自制4 0 自制4 l 自制4 l 自制4 1 自铝0 4 1 自锖4 4 4 自制4 4 h t t p ：w e b s e o n n a c a n n e t 4 7 h t t p ：w w w p s y p a r k t o m ，4 7 h t t p ：w w w p l u s g o o d c o u k 4 7 h t t p ：w w w d n a i n d u s t r i e s c o m 4 7 h t t p ：w e b s e o n n a c a n n e t 4 1 7 第一章绪论 1 1 网页界面设计三维可视化表现现状 计算机的出现、网络技术的发展影响了人类的生活方式。对于熟悉网络的 人来说，网页的出现只不过十几年的时间，网络空间以惊人的速度发展起来。 一些统计数据表明，用户对网络的需求具有以获取各方面的信息，以及学习新 技术为主要目的多方面需求的特点，一些浏览速度快、更新及时、信息流量大、 服务人性化的网站是倍受欢迎。增大信息量其中一个有效途径便足将网页界面 设计成三维可视化，因为深度空间里的信息可以是无穷大的。随着软件技术的 不断开发，三维可视化有了技术的保障，设计师们开始越来越多地将三维可视 化引入网页界面设计中去。如艾普尔格莱曼明确探索电脑提供的三维和复杂的 空间表现方向。l g l ( l a r g eg r a p hl a y o u t ) 是一个大图布局应用软件，这种软件 帮助一些大型网络进行可视化加工，使其易于处理。例如利用它模拟蛋白质网 络，9 0 种基因构成的2 7 3 2 5 个蛋白质通过7 ，9 4 0 ，8 7 3 条边相连单元构成一个令 人敬畏的蛋白质网络。如果将基本信息设为一个基本点，运用l g l 软件就可以 设计出整体信息相连的可视化三维效果，无疑可以帮助人们从整体去了解信息 链之间的关系进而协调与处理。 对网页界面三维可视化的表现既需要技术的保障也依赖于艺术的表现，技 术问题是理性的、直接的，它的解决方式是通过科技进步的手段。网页美术创 作则是感性的、深入的，需要探究其内在的审美规律，寻找一种共通的创作方 式和原则。目前网页界面设计的三维可视化客观存在于网页界面设计中，但缺 乏系统的梳理与理论框架，所以至今总结其规律的工作发展并不完善，值得进 一步探索。 1 2 网页界面设计三维可视化表现的特点 网页设计是将网络信息综合交叉并结合艺术的审美需求、视觉传达需求、观 者的心理需求于一体进行整体设计。它在继承传统设计概念上发展了自己的设 计内容，包括感观设计、信息设计、以及交互设计等等。网页拥有超媒体的形 式传递信息，这是一种全新传播的方式，它除了传统的传播媒体传达文字、图 形以外，还能够传播音频、视频等信息。网页这种新的信息载体在信息化时代 肩负传播庞大信息的重任。 界面是人与机的交接点，开发者竭尽全力的地引导观者进入计算机的世界， 由实在的身临其境来扩展虚拟世界。这种实在扩展上依附了各种信息，我们通 过界面的诱惑将自我移居数字化的领域，这个黑箱里的世界到底有多大谁也无 法估计。界面在二维平面上虚构一个有其自身维度和规则的空间，有众多有生 命的信息，我们称之为单子掌控，这很接近用艺术的眼光来看待生活的心灵， 这样的心灵会赋予物象生命的体验。在现实世界里寻找表达自我的物象所依。 界面属于爱表现的心灵，选择怎样的信息作为添加的对象，以及信息空间展现 怎样的姿态是界面与信息空间双向运动的动力所趋。信息的非物质性决定了界 面的精神性回归，只有这样的信息空间搭建才与人们渴望弥补现实的遗憾相吻 合，最终界面变成了有人情味、有生命感的信息空间，它的质感与维度控制了 界面。总之三维可视化既有模拟真实世界的虚拟空间感，又有依据视觉心理与 信息层次搭建的视觉流程，并依据视觉流程轨迹形成具有隐性的三维信息空间。 1 3 网页界面设计中研究三维可视化表现的价值和意义 网页界面三维可视化的发展有其自身的道理，尽管界面图式的二维平面化 与三维可视化平行发生，但从虚拟实在的本质与抑制性中发现后者的巨大潜力 和发展的空间。虚拟实在的本质上具有沉浸和全身沉浸，沉浸是主体在客观世 界里的忘我状态，当身置其中，主体由于体验感知客体的存在与运动而乐在其 中，虚拟实在幻想可以把浏览者引入对世界的模仿中而全身沉侵，创造出全身 沉浸的感知体。网络空间消解的二元对立及真假关系，最终是为实现感知世界 虚无的真实化，沉浸主体幻想实现的瞬间快感，快感弱化了感官的大多数官能， 直指精神的满足，沉浸性迎合精神创作的终极。网页界面营造沉浸视觉感的诸 多手段中，三维可视化首当最简捷有效。当人们沉浸在网页界面三维可视化的 虚拟实在时，操纵的欲望伴随人们对虚拟的感受，感官的应变强弱决定了操控 的程度，这得益于三维可视化帮助浏览者产生的在场感，人们拥有在场感的同 时忽略真实空间的缺场，操作变的自然而然，界面变成非物质性的空间，人们 可进可出，眼前的世界在自己的掌控中。被劫持一直以来成为人们欣赏艺术作 品的一个重要理由，无论是看小说，还是电视，包括绘画、网络等我们乐于被 劫持到另一个平面存在之中。被劫持让人们忘乎所以，游戏于虚拟存在，操作 感受自我世界中向往的乐土，三维可视化放大了被劫持性，因为它追求真实性 的判断，人们的思维即刻通过平面化的载体进入似真的境地，这样的境地浏览 者左右逢源，不知不觉地完成哲学的体验。 另外三维可视化的网页界面拥有二维平面化没有的优势，它保留了二维传 达信息的直观性外，还可以利用三维的空间增加信息量，并且人为地运用视觉 观察世界的体验( 近处总是清晰的) ，主要信息清晰度需要高些，所以根据三维 空间架构信息空间亦可以有效地规避主次信息的混淆，从而达到信息空间层次 化，完成信息空间的三维可视化，使各信息完美结合在一个三维空间整体中， 浏览者于被劫持间自然地完成信息体验。 2 第二章网页界面设计的基础理论 2 1 网页界面的构成原素 网络的发展是人类对信息资源的开发和利用的结果，网络空间的建构包含 了诸多因素。网页界面是网络空间的外化形式，它打破了传统诸如报纸、杂志 等媒体的传播方式，以数字化为代码，通过信息的重新编码，以比特为单位进 行传播。信息是网页的主要要素。信息在客观世界里存在、演变、发展、变异。 人们扑捉到的信息分为视觉、听觉以及主观对客观能动反映的感性信息。网页 界面涉及到的视觉信息、听觉信息、感性信息又被进一步加工处理并符号化、 艺术化，它们成为网页界面的构成要素，其中包括文字、图形、视频图像、音 频和动画以及由j a v a 、a c t i v e 控件等制作的特殊效果及互动功能等。 文字是网页界面的主体，因为文字信息量大及所占空间小，下载速度快， 所以在一些大型网站的首页均以文字信息为主。图形在网页界面中亦具有十分 重要的作用，图形的直观性和生动性给浏览者留下深刻的印象，同时激发观者 进一步探索信息的欲望。网页界面中图形往往是对该界面主旨的最形象诠释。 图形对信息的传达更迅速，所谓一目了然即是观者根据图形提供的信息快速分 析判断出相关的信息。所以善用图形，可以增强页面的感召力和宣传力，吸引 浏览者驻足。网页界面不同于传统媒体构成要素的另一个主要方面就是引入了 多媒体，多媒体包括了音频、视频和动画，它们使网页界面增加创作的空间和 表现空间。它可以还原信息，赋予界面生活的气息，它也可以虚拟信息，令界 面扑朔迷离。总之多媒体元素消解了现实与虚拟的距离。另外网页界面构成要 素一个不可忽视的要素是色彩。有色的界面比无彩的界面更具说服力，因为色 彩的象征性承载了部分信息，增加界面的信息量和信息的表现力。 上述构成要素均为显性的，将这些要素组织安排在一起使界面具有美感， 这便牵涉到隐性的构成要素即版式设计。它是针对视觉信息，使页面的视觉整 体富于美感，有情趣；视觉信息流畅、清晰。版式设计对于网页界面来说就像 是指挥家，串接各显现构成要素，谱写精彩华美的乐章。 2 2 网页界面的设计原则 2 2 1 围绕主题 根据认知心理学的理论研究显示：把握4 到7 条分立的信息对于大多数人 来说是可以达到短期记忆，7 条或7 条以上的分立和不分立的信息容易产生记 忆上的残缺甚至遗忘。简而言之，较小分立的信息要比较长而不分立的信息传 达、记忆的速度要快。这个规律一直贯穿于网页设计中，它引导界面向更有效 的方面发展。对于信息的分立和长短关系最终是服务于网页的主题思想。这并 不是唯一的规律，从视觉、心理、艺术的角度设计师正待解决网页界面设计的 课题还很多，但所有的工作都必须围绕主题。主题是发送者的目的，有了明确 目的，设计师便可根据审美背景和一定群体意识展开设计，设计是将主题生动、 自然、准确传递给受众，以满足人们自我主题需求的意识。网页设计成功的关 键在于主题是否传达明确。 确立主题的客观依据是网页服务的项目及客户群。比如商业性网站与个人 网站相比，前者偏向商业性宣传，后者侧重个人表达，所以评判的标准以及主 题定位都不尽相同。在艺术性地表达主题的关系上亦是相辅相承。如果只注重 主题的条理性而忽视艺术化的表现形式，首先从视觉方面就很难吸引浏览者， “一见钟情是网页界面设计首要达到的目标。反之界面设计过于艺术化则弱 化主题的逻辑性，同样会让人产生言之无物的印象。但凡成功的网页界面设计 都体现了主题的艺术化和艺术的主体性，让观者在美的享受中接受信息。 2 2 2 内容与形式统一 任何设计都是内容和形式的结合。构成设计的一切内在要素组织成内容， 这些构成内容要素的外化则表现为形式。设计的内容包括题材、主题、形象等 要素，形式就是将题材、主题、形象等要素按一定的设计语言进行表达的表现 方式。内容和形式相互依存，相互协调，相互统一。形式和内容的完美统一才 能打造出一件优秀的设计作品。在网页界面设计中的体现则为，形式美以适合 主题为基础，这也是网页界面设计的前提。一味追求形式第一性而脱离内容， 会产生空洞，言之无物的感觉；只求内容不讲究形式，又会造成枯燥单调之感。 设计者只有将二者有机融合，深入领会主题的精髓，巧妙地加入自己的思想， 配以恰当的表现形式，方可体现出网页界面设计的独特魅力。网页设计是技术 与艺术的结合，如果为了炫耀而使用过多的技术，网页设计的灵魂就会淹没于 技术。只有技术服务于内容，技术服务于形式，让技术处于从属位置才能实现 形式与内容的统一。假设某个网页为了简单追求视觉的美感或时尚而大量使用 多媒体、图像等元素，尽管能产生形式美的效果，却增大了网页数据，使浏览 者必须等待很长时间，一些失去耐心的浏览者早已冲浪到别的网页，这样的网 页失去了传播信息的快捷性，影响了访问速度，挫伤了访问者对该网页的兴趣。 网页具有分页、多屏、嵌套等样