平面视觉元素在网页设计中的应用研究.pdf

西安理工大学硕士学位论文平面视觉元素在网页设计中的应用研究姓名：董海斌申请学位级别：硕士专业：设计艺术学指导教师：王家民;陈鹏20080301摘要论文题目：平面视觉元素在网页设计中的应用研究学科专业：设计艺术学研究生：董海斌指导教师：王家民教授陈鹏讲师摘要签名：瑶j 益邀二签名：垂经匦签名：网页作为一种信息载体，为设计者提供了新的设计领域和设计课题。随着计算机网络技术的迅速发展和普及，人们的生活、工作、学习等各方面变得更加便捷自由。网络作为一种新的媒体形式，不仅综合了图形、文字、声音、动画等多种信息载体，同时给人们提供了一个新的信息交流方式。使得信息的传递更为丰富多样，由此，网页设计的视觉元素就成为网络信息传达的重要组成部分，网页设计作为平面设计在现代社会生活中的发展和延伸，在视觉元素的应用上同平面设计有很多相同之处。网页设计中的视觉元素除了具有信息传递的功能外，还因其强烈的视觉表现力而具有影响受众审美情感的作用。本文以网页设计中平面视觉元素为主线，探讨了互联网的基本概念，分析了网页设计在国内外的发展状况和视觉元素构成原理，特别是分析了网页设计视觉元素版式、文字、色彩、图形、图像、动画等视觉元素的不同特性和作用、视觉元素如何运用及其存在的问题、以及平面视觉元素被动到互动的变化及互动性的应用。从文化以及网页设计中视觉元素对于网页视觉风格的影响做出具体分析，阐述了网页设计中平面视觉元素对网页整体视觉效果的影响。本文还对我国艺术类专业院校网页设计发展趋势和对设计者的要求进行了研究。在当今信息时代网络高速公路大大缩短地域间的距离的同时，全球经济、文化也在同益交融，这就促使我国的网页设计在顺应国际化的同时必须不断探索具有中国地域特征的网页设计视觉语言。作为网页设计的一部分我国艺术类专业院校网页也必须适应其发展趋势。此方面的研究也必将对我国艺术类专业院校网页设计朝着民族化方向发展起到积极的推动作用。关键词：平面设计视觉元素信息传达网页设计互动性视觉风格A b s tr a c tT i t l e：P L A N EV I S U A LE L E M E N T SI NT H EA P P L I C A T I O NO FW E BD E S I G NS T U D YM a j o r：D e s i g na r ts t u d y，N a m e：H a i b i nD O N GS u p e r v i s o r：P r o f J i a m i nW A N GL e c t P e n gC H E NA b s t r a c tS i g n a t u r e：出虹匕(娩始S i g n a t u r e：S i g n a t u r e：W e b s i t ei n f o r m a t i o na sav e c t o rf o rt h ed e s i g n e r st op r o v i d ean e wd e s i g na n dd e s i g ni s s u e s W i t ht h ec o m p u t e rn e t w o r kt e c h n o l o g ya n dt h er a p i dd e v e l o p m e n to fu n i v e r s a l，p e o p l e Sl i v e s，w o r k，s t u d ya n do t h e ra r e a sb e c o m em o r ec o n v e n i e n tf r e e N e t w o r ka san e wf o m lo fm e d i a，n o to n l yt h ei n t e g r a t e dg r a p h i c s，t e x t，s o u n d，a n i m a t i o na n do t h e ri n f o r m a t i o nc a r r i e r s a n dt op r o v i d ean e ww a yi n f o r m a t i o ne x c h a n g e M a k i n gi n f o r m a t i o nm o r er i c ha n dv a r i e dt r a n s m i s s i o n，w h i c h，h o m e p a g ed e s i g no ft h ev i s u a le l e m e n t so nt h en e t w o r km e s s a g eb e c o m ea ni m p o r t a n tc o m p o n e n to ft h ew e b s i t ed e s i g na sag r a p h i cd e s i g no fm o d e ms o c i a ll i f ei nt h ed e v e l o p m e n ta n de x t e n s i o no ft h ea p p l i c a t i o ni nt h ev i s u a le l e m e n t sw i t hg r a p h i cd e s i g nh a v eal o ti nc o m m o n W e bd e s i g ni na d d i t i o nt ot h ev i s u a le l e m e n t so ft h ef u n c t i o no ft h et r a n s m i s s i o no fi n f o r r n m i o n，b u ta l s ob e c a u s eo ft h es t r o n gp e r f o r m a n c eo ft h ev i s u a la n da e s t h e t i ce m o t i o n a la u d i e n c eh a sa ni m p a c to nt h er o l e T h i sp a p e rw e bd e s i g nv i s u a le l e m e n t si nt h em a i nl i n ep l a n eo nt h eb a s i cc o n c e p to ft h eI n t e m e t，w e bp a g ed e s i g no ft h ed e v e l o p m e n ti nt h ed o m e s t i ca n di n t e m a t i o n a ls i t u a t i o na n dt h ev i s u a le l e m e n t so fat h e o r y，i np a r t i c u l a rt h ea n a l y s i so ft h ev i s u a le l e m e n t so fw e bd e s i g n l a y o u t，t e x t，c o l o r s，g r a p h i c s，i m a g e s，a n i m a t i o n，e t c t h ev i s u a le l e m e n t so ft h e i rc h a r a c t e r i s t i c sa n dt h er o l eo fv i s u a le l e m e n t sa n dt h eu s eo ft h ee x i s t i n gp r o b l e m s，a sw e l la sp l a n a rp a s s i v et oi n t e r a c t i v ev i s u a le l e m e n t so ft h ec h a n g e sa n di n t e r a c t i v ea p p l i c a t i o n s F r o mac u l t u r a la n dv i s u a le l e m e n t si nw e bd e s i g nv i s u a ls t y l ef o rt h ew e b s i t et om a k ec o n c r e t ea n a l y s i so ft h el m p a c td e s c r i b e di nt h eW e bD e s i g nw e b s i t eP l a n eo v e r a l lv i s u a le l e m e n t so nt h ei m p a c to fv i s u a le f f e c t s T h i sp a p e ra l s om yp r o f e s s i o n a la r t si n s t i t u t i o n sw e bd e s i g nt r e n d sa n dt h er e q u i r e m e n t so ft h ed e s i g n e r so ft h es t u d y I nt o d a y Si n f o r m a t i o na g eh i g h w a yn e t w o r kg r e a t l ys h o r t e nt h ed i s t a n c eb e t w e e ng e o g r a p h i c a lA tt h es a m et i m e，g l o b a le c o n o m i ca n dc u l t u r a le x c h a n g e sa r ea l s og r o w i n g，1西安理工大学硕士学位论文w h i c hp r o m p t e dm yw e b s i t ed e s i g ni nt h es a m et i m ec o n f o r mt oi n t e r n a t i o n a lm u s tc o n s t a n t l ye x p l o r ew i t hC h i n e s eg e o g r a p h i c a lc h a r a c t e r i s t i c so ft h eW e bD e s i g nv i s u a ll a n g u a g e A sp a r to ft h ew e bp a g ed e s i g n C h i n aA r tp r o f e s s i o n a li n s t i t u t i o n sw e b s i t ea l s om u s ta d a p tt ot h ed e v e l o p m e n tt r e n d S u c has t u d yi ss u r et oc o n t r i b u t et oC h i n a sA r tw e bd e s i g np r o f e s s i o n a li n s t i t u t i o n sd e v e l o pi nt h ed i r e c t i o nt o w a r dN a t i o n a l i z a t i o nap o s i t i v ei m p e t u s K e yw o r d s：G r a p h i cD e s i g nV i s u a le l e m e n t sM e s s a g eW e bD e s i g nI n t e r a c t i v ev i s u a ls t y l e4独创性声明秉承祖国优良道德传统和学校的严谨学风郑重申明：本人所呈交的学位论文是我个人在导师指导下进行的研究工作及取得的成果。尽我所知，除特别加以标注和致谢的地方外，论文中不包含其他人的研究成果。与我一同工作的同志对本文所研究的工作和成果的任何贡献均已在论文中作了明确的说明并已致谢。本论文及其相关资料若有不实之处，由本人承担一切相关责任论文作者签名：乏琵i 垒塑垒，和善年v 月一7 日学位论文使用授权声明本人氆i 堡!型在导师的指导下创作完成毕业论文。本人已通过论文的答辩，并已经在西安理工大学申请博士硕士学位。本人作为学位论文著作权拥有者，同意授权西安理工大学拥有学位论文的部分使用权，即：1)已获学位的研究生按学校规定提交印刷版和电子版学位论文，学校可以采用影印、缩印或其他复制手段保存研究生上交的学位论文，可以将学位论文的全部或部分内容编入有关数据库进行检索；2)为教学和科研目的，学校可以将公开的学位论文或解密后的学位论文作为资料在图书馆、资料室等场所或在校园网上供校内师生阅读、浏览。本人学位论文全部或部分内容的公布(包括刊登)授权西安理工大学研究生部办理。(保密的学位论文在解密后，适用本授权说明)；孙遗翩虢重霪拯翼蓑年年月7 曰1 绪论1 绪论1 1 课题研究背景(1)网页设计的产生、发展及其特点除了自然界的信息之外，我们能接触到的文字和图形信息资源已经相当丰富庞杂了。在计算机技术用于平面设计以前，从平面视觉传达方式得分看，这些信息承载于书籍、报刊、杂志、摄影、广告、邮件、建筑平面、标识导视系统等传统的平面设计模式中。从动态的视觉传达方式来看，我们所获取到的声响和影像信息，所依靠的传媒仅限于电视录像、电影、广播、电信等传统媒体。这些平面、影视媒体构成了传统的视觉媒介体系。但近十年来，继纸届|J 媒介(报纸、书刊、杂志)、广播、电视后，第四媒体网络的出现，在2 1 世纪的人类文明进程中产生了巨大的作用，I n t e m e t 互联网成为平面设计新的舞台，其信息资源无限、图文互动、高速高效的特点对印刷媒体带来巨大的冲击，网络经济对平面设计带来了一次变革。作为新型平面设计的网页页面设计，数字化界面运用了和物化界面相同的视觉构成元素。文字、图形、色彩等元素所表达出的丰富含义内容，同样在网页中达到信息传达和审美的目的。新的大众媒介数字化的传播手段网站，为我们承载了以前诸多媒体综合起来都难以承载的信息量，它以时效性、交互性、更新及时、不受时间、地域的限制、信息反馈及时、准确的特点，带领我们进入了信息化的时代，也为我们带来了全新的视觉阅读体验。随着信息技术的发展，网络化程度的不断提高，网络已经成为一种重要的传播技术工具，同时也成为我们的一种生活空间与方式，给我们的工作、学习以及生活带来了更多的方便。根据网页视觉元素的不同表现，网页视觉表现成为网络信息表现与信息的传递中的重要部分。我国目前的设计走向问题，己经成为设计师们研究的焦点，无论是平面设计、建筑设计或者网页设计都同样会遇到这样的问题。2 0 世纪末，在网页设计上出现了欧美、日、韩三大风格的并立，而我国的设计却处于一种模仿的状态，时而学习欧洲，时而模仿日本或韩国，多为表面形式的跟风，少有实质性的研究，使得一个具有几千年文明的国家在现代设计中显得不知所措。在网页设计发展的近些年罩，网页的视觉表现己经从当初文字编排的单一样式，发展到多种视觉元素的综合运用，而新媒介下的网页设计更是成为了视觉传达的新门类。由此，网页设计中视觉元素的应用就成为了一个非常值得研究的课题。(2)目前国内外网页的研究的现状及网页设计与艺术设计的关系近年来，随着M i c r o s o f t 公司的F r o n t P a g e、M a c r o m e d i a 公司的D r e a m w e a v e r、F i r e w o r k s、F l a s h 等可视化专业网页设计及开发工具的出现，网页设计不再仅仅是专业计算机人员才能驾驭的技能。越来越多的网络爱好者、设计爱好者都步入了这个艺术设计的新领域、特别是专业艺术设计人员的介入，使网页设计成为一个新的职业，也使网页设计、个人主页等词汇深入人心。西安理工大学硕士学位论文在我国，网页设计正处于方兴未艾的时期。网页设计人员也是各大网络公司、设计公司争相礼聘的高级人才。在网上随意浏览一下，就可以发现许多关于网页设计的站点，并且在数以万计的个人主页中，也不乏精良之作，可见我国的网页设计已有了相当的基础。但仍然可以看到，许多网页设计人员并未认识到技术与艺术结合的重要性，或片面地理解了艺术设计的含义。就研究的具体情况而言，大多在技术与用途层面，例如：企业网络形象设计简称V I S I(V i s u a lI d e n t i t ys y s t e mI n t e r n e t)、文件传输F T P(F i l eT r a n s f e r P r o t o c 0 1)、电子商务、电子邮件、超文本浏览、即时通讯、搜索引擎(S e a r c h i n g E n g i n e)、网络游戏、远程登录T e l n e t 等，而关于网页设计的格局、色彩、静态与动态形象的介绍与分析，网页视觉传达设计方面主要是平面视觉元素与视觉传达设计的关系的系统理论甚少。因此在网页上看到更多的可能是布局千篇一律、色彩搭配混乱、版式繁杂纷乱、表面五光十色实则空洞无物的设计。要解决这个问题，提高网页设计的整体水平，就需要设计师重视网页设计，理解网页设计的内涵和特征，并以此为基础进行创造性的工作。一方面，我们应该怎样使网页设计的艺术价值大众化，缩短创作者与接受者、接受者与接受者之I u J 的相互沟通，这己经成为网页视觉表现的一个重要目的。另一方面，网页设计已经不再纯粹是一种媒介，而且已经成为一种艺术样式登堂入室。因此，更多的要使网页设计体现在视觉传达的实践上。网页设计的概念首先是在西方国家提出来的，也积累了数年的时问发展，相对来说理论与实践比较健全，视觉的表现上相当统一，己有系统的W e bS t y l e 理论作为铺垫，在网页设计风格上具有一定的民族或区域性特征。到今天已经有了一套自己成熟的理论和实践经验。欧美、日、韩等地区对于网页设计的研究已经走在此类设计的前端。像韩国的网站，无论在造型、颜色、图形、文字、声音与动画等上面的表现己经具有韩式的风格，渗透着韩国人的审美情趣及民族文化。优秀的网页设计作品是艺术与数字技术的良好结合，充分发挥各类视觉设计元素的作用。在这些成熟的网页设计理论中，提出了许多网页页面设计中独有的设计基本原则，如将传统的艺术设计理论等作为网页页面设计的理论基础，提出在设计中应该遵循简化性、一致性、均衡性、统一性的原则，同时在网页设计研究中还分析了各种视觉元素之间的关系，这些均为该门类设计的一笔巨大财富。然而，迄今为止，我国对网页设计这一课题别的系统研究还略显薄弱，特别是在艺术设计领域f|1 对网页设计的探讨尤显不足，至今未能提出系统的设计理论和指导原则。对网页设计进 J：系统性的研究，将视觉传达设计的基本原则创造性地应用于网页设计中，确是当务之急，也是促进我国网络业及网络文化发展的重要环节。提高网页设计水平，培养对网页设计的审美能力对每一位有志于从事网页设计专业的人士及网络爱好者而言，都具有相当现实意义。1 2 课题研究内容21 绪论本课题名称为“平面视觉元素在网页设计中的应用研究”，研究工作的主要内容包括以下几个方面：(1)首先研究分析平面视觉元素在传统平面设计与网页设计中的应用的共性及不同，并尝试分析总结平面视觉元素在网页设计中应用的优势所在。从平面视觉元素的特点、表现方式及基本类型入手，并通过分析其在不同类型网站的具体应用，论述其不同的应用价值和意义。(2)其次研究当今网络中优秀的网页设计作品，分析其优点与不足，从中归纳出其自身的艺术价值和应用价值，探讨网页视觉元素在不同特点网站中的应用和发展前景。力争从一个艺术设计者的角度去分析探讨平面视觉元素现阶段在网页设计中的运用所面临的问题及其新的发展方向。同时分析了高校艺术类院校专业网站在视觉元素的运用上存在的不足，就如何构建艺术类专业院校网页设计应该遵循的设计原则提出了几点建议。(3)在对网页设计视觉元素分析研究的基础上，提出实际创新的应用思路。具体针对西安理工大学艺术学院网站进行实际设计，以研讨其实际价值和意义。1 3 课题的研究意义我国网页设计中平面视觉元素的应用，着重点在平面视觉元素对网页信息的传递和审美情感的影响。一种视觉表现即是一种文化现象，是一段时间人们生活方式及审美的表现。网页设计作为一种新兴媒体的表现形式，它自身是大众传播和商业运作的一种介质，这也会直接成为艺术创作的动机，并以此确定自身的地位与意义。作为视觉设计范畴一种的网页艺术设计，其最终的目的是达到最佳的主题诉求效果，因而网页设计的审美需求是对平面视觉传达设计美学的一种继承和延伸。两者的表现形式和目的都有一定的相似性，把传统平面设计中美的形式规律同现代的网页设计的具体问题相结合起来，合理运用各种视觉元素进行设计，同时运用一些平面设计中美的基本形式到网页设计中去，从而增加网页设计的美感和的大众的视觉审美需求。因此，本课题研究的意义在于以下三点：1 通过对网页设计的形成要素和发展过程的研究，从认知心理学的根本角度剖析网页设计的出发点，通过对网页的页面形成元素的分析，从增强艺术性的角度出发探讨网页设计的独特性。2 网页设计中平面视觉元素的应用研究对我国网页设计发展及审美具有“旗舰”的作用，它不仅从自身出发，而且还会吸取其它视觉传达设计领域的优势，为其所用，达到相互渗透与补充。3 网页设计需要综合多方面的学科知识，坚持以浏览者为中心。在对网页设计的历史、现状和发展有了初步的认识后，探讨网页设计与相关学科的关系，通过分析这些关系，延伸对我国当代数字媒体艺术教育的思考。本课题就是从一个艺术设计者的角度，系统了解平面视觉元素在网页设计中发展与应用的历史，从探讨网页的艺术性设计入手，全面阐述网页设计艺术性的特点和表现手法，3西安理工大学硕士学位论文从成功的网页设计作品中吸取经验，从不成功的网页设计作品中吸取教训，争取为网页设计师提供一个有利的理论与技术支持，并且希望对从事网页设计的人员具有一定的指导作用，使更多的人参与到网页艺术设计中来，从而使我们的网络艺术更加绚丽11 4 研究的方法与思路本文是基于作者近年来参与多项网页设计、融合学习与实践提出的研究思路，对网页设计中平面视觉元素的运用表现等方面进行了综合论述。论文采取了推进式论述的方法，大体如下：第一章绪论。课题的研究背景、内容、意义。第二章传统平面视觉元素的表现方式。阐述了传统平面设计中视觉元素的发展概况及如何对视觉元素的应用，从而达到合理的视觉传达效果。第三章计算机技术的发展催生网页设计的产生。阐述了互联网的快速发展状态，及对视觉表达的强烈需求。第四章网页设计中的平面视觉元素分析。从网页设计与传统平面设计的关系、网页设计中视觉元素的特性、作用及视觉传达设计在网页设计的发展状况来展开分析。第五章平面视觉元素被动到互动的变化及互动性的应用。具体对视觉元素由“静到“动”，再从“动”到“互动 的表达进行简单分析。同时分析了网页页面设计作为平面设计在信息时代的延续，本身也具有独特的视觉元素。并通过具体实例分析网页中平面视觉元素对互动设计的要求。第六章论述我国艺术类专业院校网页的发展趋势。分析吸收外来形式与融入我国视觉特征之间的关系，并通过具体实例分析中外艺术院校网页设计视觉元素风格，以促进我国艺术类专业院校网页设计视觉风格的形成。第七章设计实践。西安理工大学艺术与设计学院网页的设计实践分析。第八章结论与展望。4!竺竺堕垫垄垄兰堑竺查墨至壅2 传统平面视觉元素新的表现方式2 1 平面设计的概念从人们对市荚f r 堆水的需求和认U!丌f!i，从人类开始H 1 幽形、史7 求叙述思想事什J H 图形和文字柬进行交流沟通开始人们就小E j 证地开样f 处理文宁利文宁，图形羊罔形吲形和文字之州在觎觉“竹j 鼋乐也就有J 朴素的排版、朴素的图形醴计、形成r 朴素的平而设计。这种简单的|鍪|腹义宁、排版、也就形成了最原始的甲晰视世兀素。存漫K 的历史长州叫1 形成的甲听设计的概念，足指在F 嘶维宅f H J 中的设计活动抟涉及的k 要是在维空问中备个元素的杖计年这些元素组合的布局设计其中包括字体设计、罔形设计、版面编排、插|璺|、摄影的运J 打而所有的这些内容的核心足枉干传选信息、指导、劝|兑等等。真正的平面改汁足随着工业芊_ 命的到来从1 9 世纪开始发展起束的形J 垃现代平面设计的E 要动力剐素足机械化的现代印刷技术的发展。现代1 F【f i 设汁语言不仪包括图形创意、+一体设计、色彩构成、排版最 要的坯包括设计意图、设汁理念和思想这是平f i跛计讯j 的耥髓(如图2I)足叫1 田美术学1 皖的指示罔肜导向设汁，存返-l 叫盐地看m 现代、r 面趾计以饷 卉性在快速的信息流动传达。，米吸引人们的眦球，以选剑怔人们记忆认知的目的。，返叩是现代r【f|设计视啦儿素的押念和职能。住信息时代，平面设汁的内容进包括【q页设。卜。网页页嘶设|1 作为平m 设汁在现代礼会乍活c p 的发履和延续，是一fJ 全新的、r面j 5 1 计类型。22 新型平面设计中的视觉元素r 一!l I 凼美术学院的指示削形导向设计削片柬源：羡海斌拍；J。杭州t 川日美术学院蹦2ln 传统的f 商设计叶1 视觉元素的展现、r 台就是纸质媒介和印刷技术。I 计能不能达到项期效果与印刷联系紧常，鼓计过程受到印刷技术的限制，从而、F 晰设汁的发展和印刷技术的发展息息相关，当今社会夫批量的信息传播也是与印刷密4：可分的。所以，葙很漫长的一个阶段-卜，、F 面设计的作茄，币管是n 籍、海搬、荆贴都只足供浏览肯阅读的二维空f H 的视赏语言，馥存只是被动地接受作品上所昼现的信息。但是、F 面设计的成功n 十，它用_ 上宁、图彤、色彩、版J I=等视觉元素米表哒卜富的含义内容，用视世兀素的内晒来o 读者产牛交流j#呜。继纸刷媒介(报纸、书刊、杂志)、广播、电视肝，第删媒体啊络的出现，在2 1西安理工走擘硕士学位论乏世纪的人类文明进程中产生了巨大的作州I n t e r n e t 互联嘲成为平向设计新的舞台，其信息资源无限、图文互动、高速高效的特点对印刷媒体带来巨大的冲击网络经济对平州设计带来了一次变革。作为新型平面设计的网页页面设计，数字化界面运用了和物化界面相同的视觉构成元素。文字、图形、色彩等元素所表达出的丰富含义内容，同样在网页中达至U 信息传达和审美的目的。2 2 1 网页文字“文字艺术设计无疑是平面设汁的起源之一文字是平面设计时启发构患、设计构成的重要因素之一，它不再只局限于符号语言，而且更具有记录信息的重要功能起着重要的作用。另一方面，文字图形化也是近年来平面设计中经常提到的课题(特别是汉字)，所以也应该起到文化塑造的作_ j。删页设计作为平面设计向网络媒体的延伸，作为一种新的视觉表现形式，是在一个在：维空间L 将有限的视觉元素进行有机地排列组合，将理性思维个性化地表现出来，是一种具有个人风格和艺术特色的视觉传达方式。它在传达信息的同时也产生r 感官卜的美感。文字作为信息传达的主要手段目前也足哪m 设计的主体文字是网负中必小可少的元素，也是咧页中的主要信息描述要素，所以旧页中文字将一据相当大的面积。文字表现的好与坏将影响到整个网页的质量。字体设计作为网页设计的重要元素之一，大致可以分两类：一是以西方文字为代表的字母文字(如希腊语系文字)，二是以东方文字为代表的独体文字(如中国文字)。“从某种意义上说，汉字是叶，同文化中最其有代表性的东西，是本土文化的重要符号”。2 作为一位中国的设计师，必须在网页设计中建构自己的视觉语言体系及视觉风格，所以首先应浚从摄能代表。p 囡本土文化的汉宁着手，来拓展设计思维。我们可以做出这样的比较：在中国传统甲面视觉传达设计的表现元素q 图形、版式、印刷、装帧色彩等视觉印迹，它们不断的演化、重构、融一一台，被赋予文化、宗教、经济、人文、民。-一一。俗等符号意义，而汉字作为一种无所不在的表现兀素，其形式特征却存变化中获得越来越大强大的生命力，成为艺术设计时代风格的具有特征性的形式语言，在跨入信息时代届，它更是显示出令人惊奇的活力，以多兀的表现扩大充实自己的文化视野j 艺术面貌。而关于中瑚文字的造字法，汉代的许慎总结为“六二件”(即蒙形、指事、传单、形声、转注、假借)，这些造字法为现代咧贞设计中汉字的设计提供r 很好的借鉴。义字作为视觉语言有三个基本特征：象形性、表意性和符号性。m!i：二=“=一一。-：=。I _ _ _ _ _ _ _ l _ l-_-一一!一一一一北京舞蹈学院阿页(目片柬源h t t p：a r L s w u：d uo n)图222 传统平面视觉元素新的裹现方式众所周知，汉字的早期形态是甲骨文。甲骨文是按照事物的象形性去造字的，也就是说文字本身就是一幅简洁化了的图形，这就为网页设计的文字的图形化提供了丰富的资源。现代的汉字经过几千年的演化，其形态已经发生了很大变化，井具有了表意性、符号性的特征，增加的后两种特征，无形中又丰富了汉字在网页设计语言中的表达能力。设计师往往会利用解构的方法，使受众有不同的理解，增加汉字在网页设计中的多义性与模糊性。正是这种变化中的小同理解赋予了汉字新的意蕴，给人们带来了习以为常之外的内涵与意外的视觉趣味，突显山作品的独特意境。独立的文字同时也可以作为网页设计中的主体出现，表达效果更醒目更强烈，(如图2 2)是北京舞蹈学院网站的页面。作为现代意义上的字体设计，西方的字母文字设计早于中国，与我们的现状相比世界上有很多国家在此方面已达到了相当成熟的水平。从包豪斯的“纳吉体”和“拜耶体的重视简洁、理性的几何方式，发展到重视信息传达的清晰度，到四、五十年代的西、北欧早在二战之前他们就已构筑起文字设计的基础并逐渐形成了独特的设计体系，进而树立了其在国际上独特的设计风格。这种风格对欧美设计界产生了重大的影响以至于在2 0 世纪后期波及到整个国际平面设计界。二南洋个人网站设计战后的美国设计师更丰富丁文字的阅读功能，以人性化、(图片来源：摄影0 4 级南洋)大众化的设计语言赋予文字以商业化色彩。网页设计也幽2 _ 3受其影响，设计中文字注重版式的编排(如图2 3)，在版式设计时更应把握读者阅读心理，注意阅读者的视觉流程等。现代网页设计中，文字起着非常重要的作用，它已超出了只作为信息传递媒介的表达作用，在视觉语言中具有独特的表现力，给读者造成强烈的视觉印象的同时。增加趣味性与人格化魅力，从而使设计作品在众多的竞争中脱颖而出一2 2 2 圈页图形从某种意义上说，我们已经进入“读图时代”，在网页页面的视觉构成中，图片占有很大比例视觉冲击力相对同等面积的文字强但这并非表明或文字表现力可以忽略，而是应使图片在视觉信息传达上能辅助文字，帮助理解因为图片能具体而直接地把信息内容高素质、高境界地表现出来，使本来平淡的事物变成强而有力的诉求性画面，体现出更强烈的创造性图片在版面构成要素中，充当着形成独特画面风格和吸引视觉关注的重要角色，具西安理工大学硕士学位论文有烘托视觉效果和引导阅读两大功能。图片是文字以外最早引入到网络中的多媒体组成元素。图片的应用，可以使网页图文并茂地向用户传递信息，成倍地增加所提供的信息量。而且图片的引入也大大美化了网络页面。可以说，要使网页在纯文本基础上变得更有趣味，最为简捷省力的办法就是合理地使用图片。对于一条信息来说，图片对受众的吸引也远远超过单纯的文字。一个优秀的网页设计作品必定有能够完全表达正确的设计涵义的图形，图形的运用，不但给人以简洁之美，并且又为不同语言文化背景的人们理解网页的内容提供了保障，因为人们对图形的理解可以跨越语言文字的鸿沟。设计师们通过“图语”，利用现代艺术的各种表现手法将创作的主题与个人观念的表达结合起来，把意念和想象发挥到极至。成功地运用图形视觉语言，可以更好地表现出网页设计作品的震撼力和感染力。设计时将图形和文字进行融合与转化，形成全新的视觉语言，不仅信息传达准确，而且痛过作者的设计表现，令受众的视觉感受与心灵产生共鸣，达到更好的视觉传达效果。图形的思维方法有联想法、想象法、类比法、同构法。图形的创作是扣人心弦的，图形设计中强调大量的发散性思维构想，其本身就是对创造力的考验，它不断地要求自己对己熟知的形、事、物提出疑问，展开联想，并尝试从更多的角度、方面观察和理解，而不仅只局限于其本身的或经验化的意义和形态。组合或单独运用这些方法，可以创造出无穷的富有创意的图形来。设计师们把图形创意变成一种富于心智的现代视觉艺术，引导和影响当代的设计，无形中也提高了图形的设计风格和设计品味，从而丰富和加强了自己的视觉语言表现力。2 2 3 网页色彩，美术教育工作者常常在提醒我们，不会使用眼睛或不能注意美术家所运用的丰富色彩是件丢人的事。当然，这种说法往往是正确的，但是，他们的责难却没有考虑到观看、看、注意、和读解(s e e i n g，l o o k i n g，a t t e n d i n g，a n dr e a d i n g)之间的区别，而所有的艺术却必须依靠这种区别。只要稍微研究一下视觉心理，我们就会发现，观看从一开始就是有选择的，眼睛对样本做出什么反应取决于许多生理和心理因素。口1 网页设计中的色彩视觉语言具有理想性、象征性、和谐性的特征。色彩视觉语言的理想性是指，设计师完全可以主观地设置色彩，使自然物象的色彩加以改变，将形象条理化。例如：根据页面要求可以把太阳处理成蓝色或绿色，用以适应设计中需要的深沉、冷静效果。只要是页面要求的，就是设计师的理想。设计色彩的象征性是根据色彩本身的性格，在运用色彩时，充分展现其象征性和寓意性，使之倾向于理想化，达到一种超乎形象自身的效果。如京剧艺术中的脸谱黑脸、红脸，现代派的设计与绘画中色彩的大胆运用等等。和文学作品中的象征手法一样，色彩的象征性会在设计中起到事半功倍的作用。色彩的和谐性就是通过连贯、和谐的色彩运用，建立特色，形成一套独特的色彩运用方法，这种色彩的和谐性的表现当然要根据不同的设计内容决定色阶与色相的多少，以便于突出重点，表现主题。各种色彩都有自己的“独特表情，但又都是多义的。如网页设计中的蓝色、绿色能82 传统平面视觉元素新的表现方式缓解人们的视觉压力，使人有种平静、自然、健康、祥和与轻松感，但同时又给人以肃静规整之感，黄色、红色代表温暖和热烈的表情是与页面设计的特点融会贯通的忆或知识，通过心理联想而取得的。同时又是警示色，起警告、提示作用。所以色彩其最终给人的视知觉印象是借助人们的经验、；己色彩在网页设计中是十分重要而富有魅力的视觉语言，借助它可以在一个二维空间创造出视觉真实或者其它独特的视觉效果，只有掌握丰富的色彩知识，并且能够重视和充分合理利用色彩这一视觉语言，结合民族文化心理，才能创造出自己的优秀网页设计作品来。总之，对于新型平面设计的网页页面设计来说，视觉元素的使用是否确切、是否得当。很大程度上决定了设计信息是否能够得到准确有效地传播，因为网页设计的创意活动就是将所要表达的信息、思想或某种意图转换为某种视觉样式，使网页测览者能够轻松的获得所需求的信息，使设计信息能够在得到有效传达的同时从中得到美的享受。因此对于网页页面的设计而言其创意活动过程不仅体现着对视觉元素语言的理解，同时也意味着视觉元素语言的升华。成功的网页设计师就懂得综合运用这些设计元素来表达他们的设计构思。比如，吉林大学艺术学院网站设计，进入页的文字和图形的编排都是服务于学院网页翊 i o、7 i 二鼍S：然黧黧!。蹦h；丽丽葡毓-“_ 州：*-i 赫蟊丽i i?-吲t 西安理工大学硕士学位论文的创意和理念，以古典的花纹图案和面构成，形成了带有强劲视觉冲击力的独特风格。(如图2 4)I O3 计算机技术的发展催生网页设计的产生3 计算机技术的发展催生网页设计的