（教育技术学专业论文）教学网站中视觉传达设计研究.pdf

独创声明 耷人声! 穷所呈父的学位沦文是本人在导师指导下进行融研究1 作及取得的 研究成果。掘我所知，除了文中特别加以标注和致谢的地方外，论文中不包含其 他人已经发表或撰写过的研究成果，也不包含为获得( 注：如 没有其他需要特别声明的，本栏可空) 或其他教育机构的学位或证书使用过的材 料。与我一同工作的同志对本研究所做的任何贡献均已在论文中作了明确的醴明 并表示谢意。 ， 学位论文作者签名 嫩蓓 j 导师签字 学位论文版权使用授权书 袍电 本学位论文作者完全了解堂撞有关保留、使用学位论文的规定，有权保 留并向国家有关部门或机构送交论文的复印件和磁盘，允许论文被查阅和借阋。 本人授权堂撞可以将学位论文的全部或部分内容编入有关数掘库进行检索，可 以采用影印、缩印或扫描等复制手段保存、汇编学位论文。( 傈密的学位论文在 解密后适用本授权书) 魏张芍亏翩酶巧赧七 签字日期：2 0 0 7 年，p 月墙闩 签字r 甥：2 0 0 7 年协月i9f ，彳 山东师范大学硕士学位论文 教学网站中视觉传达设计研究 中文摘要 以网络化、数字化、多媒体化和智能化为代表的现代信息技术正在改变着人们的工 作、生活与学习方式，也给教育的内容与方法带来了新的发展空间。进入2 1 世纪，网 络教育倍受关注，教学网站既是网络信息资源的重要组成部分，又是新型教育、学习方 式的支撑平台，因而教学网站建设的优劣将直接关系到我国网络教育事业的发展。网络 教育的迅速发展和普及不仅构建创造了新的教育模式，为培养适应知识经济时代要求的 创造型人才做出了贡献，同时也酝酿出一个全新的设计领域教学网站的页面设计： 从目前来看，我国对教学网站的研究主要集中在教学设计与技术解决方面，对人性 化页面的设计还未予以足够的重视。那些简单的页面设计己经不能满足人们越来越高的 视觉审美要求，新时期的网站设计者应该以视觉传达设计理论作为指导，结合具体教学 内容，产生设计创意并将其直观地表现出来，使教学网站具有丰富的内容涵义，同时还 要具有较高的美学价值，为浏览者创造一种愉悦的视觉环境。 本文通过查阅文献、书籍和专家著作等方法进行相关资料的搜集和整理，采取实例 论证、对比比较等方法进行分析归纳，对教学网站中视觉传达设计的方方面面进行系统 化研究，具有实用性强、针对性强、指导性强等特点。虽然有关视觉传达设计和教学网 站建设方面的研究已经同趋深入，但是从两者相结合的角度研究教学网站中的页面设 计，在国内还不多见，这也是本文的创新之处。 本文结合实例，将视觉传达设计的理论渗透到教学网站设计的理念中，目的在于从 根本上转变人们以往对教学网站设计的片面认识，架构一个全面、整体的教学网站的设 计理念，为网站设计者的实践提供可行性参考。 本文第一章介绍了视觉传达设计的概念、功能、发展历程和发展趋势，并主要分析 了网页中视觉传达设计的审美需求、设计理念和心理学特征：第二章概述了视觉传达设 计在教学网站中的重要作用，并对目前我国教学网站视觉传达设计中存在的问题做了大 量调查，针对目前的发展现状，对教学网站视觉传达设计研究中存在的不足进行了分析； 第三章就当前教学网站中视觉传达设计的现状，以视觉传达设计的相关理论作为理论依 据，提出了教学网站中的视觉传达设计理念；第四章是本文的重点部分，通过参考一些 优秀的教学网站，并针对教学网站的教育特殊性，阐述了视觉传达设计在教学网站中的 1 山东师范大学硕士学位论文 具体运用，对教学网站中的文字、色彩、图形、版式布局四个方面进行了全面的思考和 深入的研究，具有很强的实用性和参照性。 论文写作过程中，笔者一边参与摄影艺术教学网站的建设，一边进行教学网站 中视觉传达设计的理论与实践研究，从视觉传达设计的角度对教学网站进行分析研究。 希望本研究能够为教学网站的设计与建设实践提供参照，产生积极的理论意义和实践价 值。 随着网络时代的降临，教学网站作为种崭新的教学资源形态必将成为未来研究的 热点，我将进一步探讨教学网站中视觉传达设计的一系列问题，为提高教学网站的质量 而努力。 关键词：教学网站；视觉传达设计；设计理念 论文分类号：g 4 3 4 山东师范大学硕士学位论文 o nt h ed e s i g no fv i s u a lc o m m u n i c a t i o nd e s i g ni nt e a c h i n gw e b s i t e s a b s t r a c t m o d e mi n f o r m a t i o n t e c h n o l o g y ， w h i c hi sc h a r a c t e r i z e d b y n e t w o r k i n g ， d i g i t a l i z a t i o n ，m u l t i m e d i aa n di n t e l l i g e n t i z a t i o n ，i sc h a n g i n gt h ew a yo fw o r k ，l i f ea n ds t u d y o fp e o p l e a n di ta l s ob r i n g sn e wo p p o r t u n i t yf o rd e v e l o p m e n ti nt h ec o n t e n ta n dm e t h o d so f e d u c a t i o n w i t ht h ec o m i n go ft h e2 1 “c e n t u r y , n e t w o r ke d u c a t i o nh a sd r a w nm o r ea n dm o r e a t e n t i o n t h et e a c h i n gw e b s i t ei sn o to n l ya l li m p o r t a n tp a r to fn e t w o r ki n f o r m a t i o nb u ta l s o t h es u p p o r t i n gp l a t f o r mo fn e we d u c a t i o n a ls t y l ea n ds t u d ys t y l e s ot h eq u a l i t yo ft e a c h i n g w e b s i t ew i l ld i r e c t l yi n f l u e n c et h ed e v e l o p m e n to fn e t w o r ke d u c a t i o ni no u rc o u n t r y w i t ht h e r a p i dd e v e l o p m e n ta n dp o p u l a r i z a t i o no f n e t w o r ke d u c a t i o n ，n e wm o d eo f e d u c a t i o nh a sb e e n c r e a t e d ，w h i c hc o n t r i b u t e sm u c ht ot u r n i n go u tc r e a t i v et a l e n t si nr e s p o n s et ot h ed e m a n d so f t h ed e v e l o p m e n to f k n o w l e d g ee c o n o m y a tt h es a m et i m e ，i ta l s ob r i n g sa b o u tal l e wf i e l do f d e s i g n 一t h ew e bp a g ed e s i g no f t e a c h i n gw e b s i t e s p r e s e n t l y , s t u d yo i lt e a c h i n gw e b s i t e si no u rc o u n t r yi sm a i n l yc o n f i n e dt ot e a c h i n g d e s i g na n dt e c h n i c a ls o l u t i o n a n dt h eh u m a n i z e dp a g ed e s i g nh a s n tg o te n o u g ha a e n t i o n t h es i m p l ew e b s i t ep a g ed e s i g ni sn o wf a rf r o mm e e t i n gt h en e e d so f h i g h e ra n dh i g h e rv i s u a l t a s t e s w e b s i t ed e s i g n e r si ot h i sn e we r as h o u l d ，u n d e rt h eg u i d a n c eo ft h et h e o r yo fv i s u a l c o m m u n i c a t i o nd e s i g n ，c r e a t eap l e a s a n tv i s u a le n v i r o n m e n tf o rl e a r n e r s i nt h i sw a y , t h e c r e a t i v ed e s i g nh a sb e e np r e s e n t e dm o r ee x p l i c i t l ya n ds u c hw e b s i t e sa l s oe n j o yh i g hv a l u ei n t e r m so fa e s t h e t i c s a f t e rs e a r c h i n gr e l e v a n tm a t e r i a l s ，t h i sp a p e rm a k e sa na t t e m p tt og i v eas y s t e m a t i c s t u d yo nm a n yr e s p e c t so fv i s u a lc o m m u n i c a t i o nd e s i g ni nt e a c h i n gw e b s i t e sb yw a y so f e x a m p l e sa n da n a l o g y a n d t h i sp a p e ri sh o p e dt op r o v e p r a c t i c a l ，p u r p o s e f u la n di n s t r u c t i o n a l 。 t h o u g hm u c hr e s e a r c hh a sb e e nd o n eo nv i s u a lc o m m u n i c a t i o nd e s i g na n dt e a c h i n gw e b s i t e s d e s i g n , y e tt h es t u d yo nt h ew e b p a g ed e s i g ni nt e a c h i n gw e b s i t e sf r o mt h ea s p e c to ft h e c o m b i n a t i o no ft h et w oi sf e w , w h i c ha l s oo f f e r san e wi d e ab r o u g h tf o r t hi nt h i sp a p e r w i mm a n ye x a m p l e s t h i sp a p e ri n t e g r a t e st h et h e o r yo fv i s u a lc o m m u n i c a t i o nd e s i g n i n t ot h ed e s i g no ft e a c h i n gw e b s i t e st oc h a n g et h eo n e s i d e dv i e wo fp e o p l et o w a r d st h e 3 山东师范大学硕士学位论文 d e s i g no ft e a c h i n gw e b s i t e s t h e r e f o r e ，i t sh o p e dt ob u i l dac o m p l e t ea n di n t e g r a lf r a m e w o r k f o rt h ei d e a so ft e a c h i n gw e b s i t e sd e s i g na n dp r o v i d ef e a s i b l er e f e r e n c ef o rt h ep r a c t i c eo f w e b s i t ed e s i g n e r s t h ef i r s tc h a p t e ri nt h i s p a p e ri n t r o d u c e st h ec o n c e p t ，f u n c t i o n ，d e v e l o p m e n t a lc o u r s e a n dt e n d e n c yo fv i s u a lc o m m u n i c a t i o nd e s i g n a n di ta l s oa n a l y s e st h ea e s t h e t i cn e e df o rt h e d e s i g no fv i s u a lc o m m u n i c a t i o nd e s i g ni nw e bp a g e sa n dt h ed e s i g ni d e aa n dp s y c h o l o g i c a l f e a t u r e so fi t i nc h a p t e rt w o ，t h er o l et h a tv i s u a lc o m m u n i c a t i o nd e s i g np l a y si nt e a c h i n g w e b s i t e si sb r i e f l yi l l u s t r a t e d a n dt h e r et h ed e f i c i e n c i e si nt h es t u d yo fv i s u a lc o m m u n i c a t i o n d e s i g ni nt e a c h i n gw e b s i t e sa r ea l s oa n a l y z e d i nc h a p t e rt h r e e ，b a s e do nt h er e l e v a n tt h e o r i e s o fv i s u a lc o m m u n i c a t i o nd e s i g na n dt h ec u r r e n ts i t u a t i o no ft h i sd e s i g ni nt e a c h i n gw e b s i t e s ， t h ed e s i g ni d e ao fv i s u a lc o m m u n i c a t i o ni nt e a c h i n gw e b s i t e si sp u tf o r w a r d c h a p t e rf o u ri s t h ef o c u so ft h i sp a p e r b yr e f e r r i n gt os o m eo u t s t a n d i n gt e a c h i n gw e b s i t e sa n dt a k i n gt h e e d u c a t i n gp e c u l i a r i t yi nt e a c h i n gw e b s i t e si n t oc o n s i d e r a t i o n ，i te l a b o r a t e so nt h ea p p l i c a t i o n o fv i s u a lc o m m u n i c a t i o nd e s i g ni nt e a c h i n gw e b s i t e s ，a n da l s od e e pr e f l e c t i o na n ds t u d yo n t h ew o r d s ，c o l o r i n g ，g r a p h sa n df o r m a tl a y o u t sh a v eb e e nd o n e ，w h i c hi se x p e c t e dt op r o v e p r a c t i c a la n dr e f e r e n t i a l i nt h ec o m p o s i t i o no ft h i st h e s i s ，t h ea u t h o rp a r t i c i p a t e si nt h ec o n s t r u c t i o no ft h e t e a c h i n gw e b s i t ec a l l e dt h ea r to fp h o t o g r a p h yw h i l ed o i n gr e s e a r c ho nt h et h e o r ya n d p r a c t i c eo fv i s u a lc o m m u n i c a t i o nd e s i g ni nt e a c h i n gw e b s i t e s i t sh o p e dt h a tc e r t a i nr e f e r e n c e w i l lb ep r o v i d e df o rt h ep r a c t i c eo ft e a c h i n gw e b s i t ed e s i g na n dc o n s t r u c t i o na n dt h e r e b y p r o v ev a l u a b l eb o t hi nt h e o r ya n dp r a c t i c e 。 ， w i t ht h ec o m i n go fn e t w o r k i n ge r a ，t e a c h i n gw e b s i t e s ，a sab r a n dn e w t y p eo ft e a c h i n g r e s o u r c e s ，w i l lu n d o u b t e d l yb e c o m et h ef o c u so f s t u d yi nt h ef u t u r e w ew i l if u r t h e re x p l o r ea c o l l e c t i o no fp r o b l e m sa r i s i n gi nt h ed e s i g no fv i s u a lc o m m u n i c a t i o ni nt e a c h i n gw e b s i t e si n a ne f f o r tt oi m p r o v et h eq u a l i t yo ft e a c h i n gw e b s i t e s k e yw o r d s ：t e a c h i n gw e b s i t e ；v i s u a lc o m m u n i c a t i o nd e s i g n ；d e s i g ni d e a c l a s s i f i c a t i o nn u m b e r ：g 4 3 4 4 山东师范大学硕士学位论文 - 二l - j 刖吾 教学网站是一类特殊的网站，它有一个区别于其它网站的根本特性，即教育性。教 学网站的本质是传递教学信息，提供教学服务，如果教学网站中的教学信息只停留在简 单的罗列层面，那么教学内容就会因此失去吸弓力，使教学信息无法得到有效传播。教 学网站中的视觉传达设计是一种二维空间的艺术，它以教学信息的有效传达为原则，以 网络与多媒体技术为基础，融合教学精神及美学价值于一体，实现教学信息与视觉元素 整合的协调性、综合性、整体性和系统性。 本论文主要以摄影艺术教学网站为参考，此教学网站是一个以摄影技术为基础、 摄影艺术为核心、全方位、多层次展现摄影艺术的大型教学网站，是山东师范大学传播 学院教育技术系的郭根生教授带领计算机图像设计方向的研究生经过三年多时间建设 完成的。本网站已经投入到教学使用中，获得了教育技术系师生的一致好评。本网站先 后获得山东省文化艺术科学优秀成果二等奖和全国第五届多媒体课件设计大奖赛二等 奖，由齐鲁电子出版社出版发行。 教学网站中页面的视觉传达设计是一介感性思考与理性分析相结合的复杂过程，本 文是基于众多教学网站中，由于设计者对教学网站中页面视觉传达设计的忽视，导致很 多教学网站即使内容丰富还是被忽视冷落的现状，综合参考优秀教学网站及摄影艺术 教学网站，结合视觉传达设计相关的理论而进行论述的。教学网站的设计和建设是目前 我国开展网络教育、培养更多优秀人才的大方向。这里把教学网站中容易被忽视的一些 方面罗列出来，是为了能够引起教学网站设计者的注意，使设计者能建设出更人性化的、 更适合浏览者使用的教学网站，更好地满足网络化教学的需求。 山东师范大学硕士学位论文 第一章视党传达设计概述 1 1 视觉传达设计概念和功能 1 1 1 视觉传达设计的概念 视觉传达设计( v i s u a lc o m m u n i c a t i o n d e s i g n ) 是一门研究视觉及其应用的学科， 是一个深受西方文化和传播学影响的学科名称。大约在2 0 世纪6 0 年代，当时在同本东 京举行的世界设计会议上，与会者认识到，在不断扩大的影像媒介中，视觉和影像已作 为独立的传达手段而存在。视觉传达设计是通过视觉媒介表现并传达视觉信息的设计， 它将一些复杂精神内容赋予视觉语言信息并体现在物质形式中。 信息是人类相互交流的载体，是设计的主体。信息本身不是个实体，但随着人类 表达信息的多样化以及媒介的发展，信息可以用文字、符号、图形、数字等形式来表达， 主要包括听觉和视觉两类主要形式。视觉是指眼睛所看到的页面内容，是信息内容形式 化后，形成可被眼睛所感知的内容。传达就是传达信息，也就是交流信息。视觉传达设 计研究的主要内容就是如何准确有效地传达视觉方面的信息。 总之，视觉传达设计是以信息的表达和交流传播为研究对象，以信息的准确表达和 高效传播为目的，对信息迸行视觉化的设计和加工，从而满足人们信息交流的需要f 1 1 。 1 1 2 视觉传达设计的功能 视觉传达设计的主要功能是传达信息，它不同于靠语言进行的抽象概念的传达，而 是凭借视觉符号进行传达。视觉传达的过程是人与人之间利用关于“看”的形式所进行 的交流，是通过视觉符号语言进行表达、传播的方式【2 1 。视觉传达设计的过程，是设计 者将思想与概念转变为视觉符号形式的过程。不同地域、肤色、年龄、性别、信仰，说 不同语言的人们，通过视觉符号及媒介进行信息的传达、情感的沟通、文化的交流，视 觉的观察、体验，可以跨越彼此语言。不同的障碍，可以消除文字不同的阻隔，凭借对视 觉符号的视觉共识获得理解与互动。 1 2 视觉传达设计的发展历程与发展趋势 1 2 1 视觉传达设计的起源 视觉传达设计的起源，可以说是自人类思考之日起就拉丌了帷幕。人类为了记录自 己的思想与活动，最初是通过实物来记事，用这些物的形式来指称一定的客观对象，并 6 山东师范大学硕士学位论文 进行交流。例如结绳记事，结绳作为一种符号化了的实物，其本身形式的不同也就代表 了不同性质的事物。随后人类开始采用图画的方式，用可视的线条来说明人们心中构想 的形象。图画符号比实物更容易实现意向和物象之间的相互转变，因此视觉传达功能比 t 实物更加形象化、具体化。 图画的表达毕竟有限，尤其是对于抽象思维，图画基本上是无法记录的。随着图画 意义的规范化，很多图画逐渐演变为象形文字。文字的出现使人类进入了手工图象时代， 在这个时代罩，文字成为视觉传达的主要载体。 早期的字即是画，面即是字，既所谓“书画同源”。“字”的丌始形成，是为了代替 语言，表达己意，使它能够传播的更远，储存的更久。由于当时的文字是刻在动物的骨 头和龟甲上的，故名“甲骨文”。这就是中国最早的传达信息的“设计”，大约距今6 0 0 0 年。 1 2 2 视觉传达设计的发展历程 l l 世纪，我国宋朝的毕升发明了活字印刷术，人类第一次具有大批量高速复制信息 的能力。活字印刷术的发明对世界科学文化知识的迅速传播和发展，有着巨大的贡献。 1 5 世纪中期，格汀贝尔发明了铅字，并迅速传到了欧洲各地。出于视觉传达设计的本质 是感性的和形象的，曾一度受到轻视，而仅作为一种补充手段被采用。后来，随着摄影 及制版技术的发明，一进入2 0 世纪，印刷领域中的照片和图版日益增加，视觉传达的 重要性逐渐被人们认识，电视、录像等一系列电子传播技术与媒介相继出现，更给人们 带来了革命性的视觉体验，而且这些形象的媒体，在当今的信息社会中，显得越来越重 要了。这次变革不仅产生了新的视觉媒介，同时印刷媒介在内容、版式以及技术上都有 了质的提高，使视觉传达设计有了极大的突破。 进入2 0 世纪9 0 年代以来，先进的计算机技术不仅使文字数字化，而且将图像、数 字、语言、文字等结合起来，带来了全新形式的视觉传达形式和特征。这场信息革命使 我们的感官得到了极大的延伸，多媒体技术全面介入视觉传达设计，它具有综合处理图 像、音频、文字等多种信息的功能，从而实现图文一体化、视听一体化。更重要的是， 通过多媒体技术可以形成具有身临其境般感觉的虚拟场景，使人与人之间，人与计算机 之间的互动更加自由，使入产生强烈的参与感。 1 2 3 视觉传达设计的发展趋势 在信息视觉化的过程中，人们能够借助的手段和方法也不断发展进步，涌现了各种 艺术形式和设计表现方法，视觉传达设计也随着时代的发展而不断向前迈进。2 0 世纪以 山东师范大学硕士学位论文 束，数字化媒体的出现使社会环境发生了质的变化，而视觉设计也渐渐地超越了其原先 的范畴，走向愈来愈广阔的领域。网络技术、数码艺术设计、数字电影电视等相继登上 了历史舞台，它们制造着成千上万的、色彩纷呈的视觉信息，这无疑预示了一个新时代 的到来，一个多元化视觉观念的形成。它们在不断地挑战着当代艺术设计形式的同时， 也在充实着当代艺术设计的外延。这必然要求视觉传达方式打破传统设计门类的界限， 让艺术设计变为一种能够自如地融合多种学科的载体。 随着经济全球一体化进程的临近，国际性的传播媒体及各种信息的大爆炸，原来一 成不变的单调设计方式受到了人们多元化需求的冲击。求新、求变的新生代人群从思想 上为这一时期的设计发展提出了未曾有过的要求。年轻的人们已经改变了往昔的理想与 标准，他们摒弃传统，期望改变世界的面貌。人们对于视觉传达设计的念度已经不再是 基本功能、属性上的满足，而更多地希望其能够更加个性化，更加关注自我心理层面上 的需求。 今天，信息化、数字化的发展是大势所趋，现代科学技术又一次成为了带动新时代 前进的火车头。在这个潮流中，人们f 审视着开创新的文明社会的瞬间，审视着2 l 世 纪的科技能否向人类提出新的、有利的发展方向。人们期待着新的文明社会能够充满活 力，因而，对绿色设计、人文设计的呼声越来越高涨。人类在自身的生存状念、自然环 境与技术之间寻求着平衡，新时期的视觉传达设计也充当着人类与自然相生相伴的一种 工具，更应体现绿色设计、人文设计的要求。 随着信息时代的不断深入，视觉传达设计将完成由单一媒体向多媒体组合的转变过 程，体现人们各种个性化需求，为信息时代的人类发展增添科技活力。视觉传达设计将 通过各种极具吸引力的内容和形式渗透到生活的每一个角落，在信息传达的过程中发挥 更大的作用。 1 3 网页中的视觉传达设计 1 3 1 网页设计的审美需求 随着时代的不断发展进步，特别在生活节奏如此快的互联网时代，由于追求目标的 变化，人们的审美观念也在不断地变化，人们对美的追求是不断深入的，网页设计同样 如此。网页设计不仅仅是将各种信息进行简单地堆积，同时还要考虑如何使浏览者能更 准确、更有效地接受网页上的信息，这就需要从审美的角度入手。 网页是一种通过视觉元素的引人注目而实现信息内容的传达，为了使网页获得最大 山东师范大学硕士学位论文 的视觉传达功能，网页的设计必须适应人们视觉流向的生理和心理的特点，由此确定各 种视觉构成元素之间的关系和秩序，使人浏览起来心情愉快，接收信息也会更加容易。 网页设计的审美需求是对传统视觉传达设计美学的一种继承和延伸。两者的表现形 式和目的都有一定的相似性，把传统视觉传达设计美的形式规律同现代的网页设计的具 体问题相结合起来，能够增加网页设计的美感和满足大众的视觉审美需求。 1 3 2 设计理念的更新 网页中的信息以超媒体形式传递，超媒体与传统媒体具有不同的信息传达方式，并 直接影响到视觉传达设计的内容和方法。网络的出现和普及改变了人类信息的传播方 式，网页中超链接的使用和多媒体的实现使视觉传达设计的内容、方式、和设计范畴等 都有了新的发展，也在很大程度上改变了视觉传达设计的设计理念。 网页最基本的功能就是将信息传递给大众，网页中的视觉传达设计在网站信息的传 递过程中起着非常重要的作用。有特色的视觉设计才能使网站得到浏览者更多的青睐和 长时间的停留。网页虽然是一种崭新的信息载体，但其本质仍是以视觉媒介为主的一种 信息传递的方式。将视觉传达设计引入到网页设计中，能使信息的传达更准确、更迅速、 更有效，同时也能进一步丰富和深化视觉传达设计的理论。菇 在世界媒体发展大势的带动下，网页设计正朝着艺术性、文化性、亲和性的方向发 展。过去那种注重说教、千篇一律的网页设计，正被一种新文化、新思维、新感受、新 情趣、新艺术的设计理念所取代。运用新的设计理念表现出强烈的时代气息，这种极具 人性化的设计，能迅速捕捉浏览者的注意力，激发他们的阅读兴趣。 1 4 网页中视觉传达设计的心理学特征 1 4 1 视觉传达设计的流动规律 每个人都有自己的阅读习惯，在浏览网页时的视觉流动过程也不相同，但是设计者 可以灵活运用视觉流动规律，针对网页的主题思想组织好自然流畅的视觉导向。如在浏 览克拉克森大学网站时( 图卜1 ) ，浏览者首先快速浏览整个页面，对整体布局有个了解； 接着，浏览者视线便停留于页面的视觉焦点处页面中的图形；然后，浏览者会随着 图形中人物的视线方向移动，精读页面下方的文字。这一现象从人类眼球的生理构造的 角度来分析，即人的视觉瞬间只能产生一个焦点0 人的视线不可能同时停留在两处或两 处以上，浏览网页时的视觉流动过程就是视觉焦点移动的过程。这与个体的视觉生理特 征以及认识过程的心理顺序、逻辑思维习惯等直接相关。 山东师范大学硕士学位论文 图卜1 克拉克森大学h t t p ：w w w c l a r k u e d u 1 4 2 网页视觉的兴奋点 网页的兴奋点是指能够引起浏览者兴趣、情感等心理共鸣的视觉对象，这也是网页 吸引浏览者视线停留的主要部分。网页视觉的兴奋点往往有色彩上明快或是出人意料、 形式上新颖奇特、与周围视觉元素对比强烈、具有某种较强暗示等特点。 伊利诺伊i , l r 大学商学院的网站( 图卜2 ) ，整个页面以冷色系浅蓝为主色调，而页 面的左上方出现的红色的导航条，给人以强烈的视觉反差效果，这时，网页的视觉兴奋 点也就出现了。 o 图1 - 2 伊利诺伊州立大学商学院h t t p ：w w c o b i i s t u e d u f i n a n c e i n s l a w 山东师范大学硕士学位论文 1 4 3 网页空间布局的视觉感受 格式塔心理学的研究表明，人的视线在一个界定的范围内其注意力是不均衡的，网 页中视觉兴奋点的位置布局也会影响浏览者的心理感觉，如局部区域色彩的明暗、色块 的大小、线条的粗细、轮廓的虚实、页面元素的堆积程度等都会导致“重”或“轻”的 视觉感受，从而影响到整个页面的视觉平衡感。要达成一个页面的平衡，我们可以采用 多种方法，其中最简单的就是采用对称的版式布局，比如说左右两半或是上下部分彼此 相似。但是平衡不等于对称，对称的平衡给人以稳定和统一的感觉，产生秩序、理性和 静谧的美；不对称且平衡的页面则给人一种生动活泼的动态美。 高丽大学网站首页( 图卜3 ) 采用了对称布局的形式，左侧主要显示网页的内容， 。 以白色为背景，右侧是一张大幅图形，中间红白相间的导航条，使网页在对称的布局中 简洁又统一，页面均衡之中又不失变化，主题明确清晰，色彩单纯，对比强烈，整个页 面显得活泼自由充满现代设计气息。 图1 3 高丽大学h t t p ：w 研k o r e a a c k r 1 4 4 网页色彩搭配的心理感受 页面的视觉效果在某种程度上取决于色彩的运用和搭配。色彩具有联想与象征的特 质，容易给浏览者留下深刻印象。一般情况下，暖色调记忆性强于冷色调，且不同的色 调带有不同的心理暗示。利用不同色彩自身的表现力、情感效应以及审美心理感受，可 、 以使网页的内容与形式有机地结合起来，以色彩的内在力量来烘托主题、突出主题，更 有效地与浏览者沟通。 中国科普网( 图i - 4 ) 网站以蓝色为背景色，蓝色容易让人联想到天空、海洋、宇 宙，是现代科学探索的象征色，网站使用蓝色正好符合了网站的主题。 山东师范大学硕士学位论文 图1 - 4 中国科普网h t t p ：w w w k e p u g o v c n 山东师范大学硕士学位论文 第二章教学网站中视觉传达设计的发展与现状 伴随着教育信息化的浪潮，以计算机网络为主的网络教育异军突起，引起教育界的 广泛关注。科技发展同新月异，知识更新频率加快，继续教育、终身教育深入人心，各 式各样的教学网站纷纷建起，成为教育行业一道亮丽的风景。 教学网站是依据定的学习理论，围绕特定的学习主题，向用户提供教学和其他有 关教学信息服务的网站。教学网站以培养高素质的现代化人刁为根本目标，以促进教育 改革为发展动力，是远程教学、网上科研、个性化学习的有效支持平台，是新型学习方 式的虚拟场所，是专业化知识传播与发展的重要手段，成为其他教育形式的有益补充。 2 1 视觉传达设计在教学网站中的重要作用 教学网站中页面的视觉传达设计，是为了达到最佳的视觉传达效果，在有限的屏幕 空间上将教学内容和各种视觉元素进行有机的编排组合，。将理性思维条理性的表现出 来，是一种具有独特风格和艺术特色的视觉传达形式。 由于网络具有交互特点，浏览者可以自由选择浏览网络上的任何资源，而且网络内 容极其丰富，浏览者有着宽松的选择余地，这既是网络的一种优势，同时又是一种不足。 正是基于网络的这一特性，视觉传达设计在教学网站中对设计者提出了更高的要求，除 了网站本身的内容以外，视觉传达设计起着吸引并挽留浏览者的决定性作用。具体表现 为： 2 1 1 教学信息传达的有效性 目前大多数教学网站中的信息只是停留在简单的罗列层面。浏览者置身信息海洋， 很难找到所需的信息，因此教学信息无法得到有效传达。利用视觉传达设计的理念，将 网页中的文字、图形、色彩等视觉信息加以整合，重新稚局，引导浏览者的视觉流程， 不仅易于激发浏览者的学习兴趣、积极性，而且可以使信息的接收途径多样化，从而有 ， 效地提升教学信息的传达。 2 1 2 教学信息传递的准确性 将教学信息准确的传递给浏览者，这是建设教学网站的最基本任务，也是网站建设 者的最终目的。由于视觉传达设计对浏览者的心理、认知方式、认知习惯、视觉美学都 有比较深入的研究，因此；可以提高信息传递的准确性。 山东师范大学硕士学位论文 2 1 ，3 教学信息传播的艺术性 视觉传达设计的表现形式具有十分独特的艺术风格，容易形成强烈的艺术感染力。 优秀的页面设计不仅能有效地传播教学信息。而且还影响着浏览者对该网站形象的认 同。在网站页面设计时，运用视觉传达设计中自然与变化、多样与集中、节奏与平缓、 协调与整齐、对比与统一的艺术处理原则，力求点、线、面的搭配流畅、妥当，整体构 图精巧灵活、鲜明悦目、生动完整，诱发浏览者的审美情感。 2 2 教学网站中视觉传达设计的研究现状 通过对近年来有关教学网站方面研究( 体现为相关学术论文、专家著作、科研课 题等) 的分析发现，国内有关教学网站开发与设计的研究重点大多都集中在教学网站的 设计理论、建设意义、应用模式、评价标准、管理形式等方面，而从教学网站视觉传达 设计方面的研究相对较少。例如，截止2 0 0 7 年1 0 月，中国期刊全文数据库“教育与 社会科学辑专栏哥录”和“电子技术及信息科学辑目录”两类中共采集主题包含“教学 网站”的文章共4 6 6 篇，但是从文章描述中直接体现教学网站页面视觉设计的文章只 有几篇，而且多为2 0 0 5 年以后发表的文章，这也问接反映出了国内教学网站页面视觉 设计研究的现状。 在众多教学网站中，由于设计者对教学网站中页面视觉传达设计的忽视，很多教学 网站即使内容丰富还是容易被忽视冷落，经分析比较后发现在主要在以下几个方面存在 一些问题。 2 2 1 教学信息文本化 当前教学网站的内容多以静念文本作为信息传达的主要手段。很多内容在视觉形式 上如同电子书，通过整齐划一的框架分别显示索引页和主体信息，这种形式虽然有效利 用了浏览者的阅读视域，却没有充分发挥出计算机网络的优势，网站缺乏视觉激励，单 调乏味，教学信息无法有效传达，这就造成了资源的浪费。 2 2 2 网站主题不突出 网络是一种平面的视觉媒体，它允许文本、图形、动面圊时显现在一个页面上。园 此为了创造更佳的视觉效果，设计者往往会通过在页面中增加多媒体元素来加大信息密 度，这样就容易使浏览者受媒体元素自身的刺激强度影响，造成信息次序的混乱，网站 的主题不明确，这样将会极大的影响浏览者的学习效率，挫伤浏览者学习的积极性。 4 一 山东师范大学硕士学位论文 2 2 3 页面表述不清 ， _ _许多设计者己经意识到视觉元素的合理运用有利于浏览者更好地理解页面，却忽视 了视觉形象的理解是要建立在共同的视觉经验基础上的。如果页面中大量使用个性化、 抽象化的图标或图形，超出浏览者的经验范围j 就会造成浏览者对这些视觉符号指代意 义的理解模糊不清，从而加大了浏览者的认知工作量，导致认知超负荷。 2 3 教学网站中视觉传达设计的现状分析 产生如上问题的主要原因有以下两个： 2 3 1 没有充分认识到网络媒介的特性 回顾人类传播史，会发现每一种新媒介都会把旧媒介作为自己的内容。因此，历史 悠久的文字几乎存在于一切媒介中。人类几千年来都是以线性方式阅读文字，这种视觉 习惯的沉淀，始终在与只有5 0 年历史的电脑阅读抗衡着。我国教学网站视觉设计中存 在的种种问题恰恰是因为在网络媒介中过多沿用了书籍、纸张等平面媒介的认知习惯， 这自然会产生尽管设计者精心策划却效果平平的现象。网络媒介的视觉优势就在于符号 的多样性、呈现的非线性、传输的超时空性以及强大的交互性。 2 3 2 没有充分了解受众 与传统教学媒体相同，视觉符号既是教学信息的载体，又承担着文化传承的重任。 浏览者构成的复杂性，其生活环境、学习经历、认知水平的差异性，都直接影响着个体 的视觉感知能力。在网络这个特定环境下浏览者认知行为产生出一些新特点，比如浏览 的随意性、信息空间的定位能力，这些关于浏览者的问题都应该在视觉设计中体现出来。 教学网站的页面设计是伴随着网络教育的出现而形成的设计新课题，是网站设计者对浏 览者心理、视觉美学、认知习惯等诸多方面的研究探索，依照设计目的和要求对教学网 站的视觉构成元素进行艺术规划的创造性思维活动。 由于我国的教学网站建设水平良莠不齐，很多设计人员是从技术角度入手，更多关 注于教学网站的模块建设，对浏览者视觉特性缺乏系统研究，在制作过程中很大程度上 是凭借个人经验或者模仿其它网站，所以制作往往不够精良，不能充分发挥网络教育的 优势。因此，简洁、人性化的页面设计不但能让浏览者赏心悦目、心情愉快，而且能促 进浏览者的高效学习。 山东师范大学硕士学位论文 第三章教学网站中视觉传达设计理念 跟其他设计工作一样，教学网站中的视觉传达设计也要遵循一定的理念。网站设计 应以教育服务为出发点，为浏览者提供最舒适的视觉环境，从而有效地提高教学信息传 达效果。随着网络时代的降临，教学网站作为一种崭新的教学资源形念必将成为未来研 究的热点，笔者将进一步探讨教学网站中视觉传达设计的一系列问题，为提高教学网站 的质量而努力。 3 1 教学网站中视觉传达设计特征 3 1 1 视觉传达设计的引导性 。 视觉传达设计的引导性就是遵循定的形式美法则，使各视觉元素在页面内进行合 理分稚，按照大众视觉流程的心理和生理特点，引导浏览者进行清晰、流畅、合理、快 捷地接受网页所传达的信息。做好网页中页面视觉传达设计的引导性，就是要做到艺术 与技术的完美结合，以设计者的设计意图引导浏览者的视线和思路，更好地促进信息的 传递。 在教学网站的设计中，灵活运用视觉流程和最佳视域，调节好教学网站中教学内容 的主次关系和视觉层次，形成自然流畅的视觉导向，有意识地影响浏览者对网站页面中 不同局部的注意程度。浏览者获取教学信息便有了既定的视觉序列和层次上的递进关 系，可以有秩序地进行阅读和识记，关注重要信息，步步深入。视觉传达设计在引导浏 览者准确、有效地获取信息的同时，还能保持视觉