网页界面设计论文范文

导语：如何才能写好一篇网页界面设计论文，这就需要搜集整理更多的资料和文献，欢迎阅读由公务员之家整理的十篇范文，供你借鉴。

篇1

关键词：格式塔网页设计视知觉

引言

格式塔一词来源于德文“Gestalt”的音译，本意指的是形式、形状、方式、实质。格式塔心理学是一种与艺术有缘的心理学理论，其主要目标是探讨视觉感知及其与学习、思维的关系，它所研究的出发点就是“形”，“形”是经由知觉活动组织成的经验中的整体，与视知觉活动密不可分。而网页界面设计是视觉传达设计向网络媒体的延伸，主要是通过浏览者的视觉感知来接受网站信息。因此，研究格式塔理论在网页界面设计中的运用，无疑对网页界面的设计具有很大的指导作用。

格式塔理论在网页界面设计中的应用

网页设计是将特定的视觉信息要素，根据主题表达的需求在特定的页面上进行的一种编辑和安排，其基础是视觉生理学和视觉心理学。格式塔心理学派通过对视觉感知的生理研究，提出了一系列视感知规律，其中包含了“图底”这个核心概念，和“简明原则”“接近原则”“相似原则”“闭合原则”等视感知特性，将这些规律引入页面设计，有助于我们优化视觉时代“形象过剩”状态下盲目的网页设计，提高信息传达的速度与准确度。

1.图与底

在人的知觉系统中最基本的一种知觉能力是在图形与背景间作出区分。“图”是居于前部的区域，“底”被看成是用来衬托图的背景。相对而言，图比底，轮廓较为完整、封闭，形状较为规则，面积比较小，色彩比较鲜艳；此外，更重要的是，能组织成为一定意义的区域倾向于被感觉成图。

由于图与底之间存在的这种相对性质，在网页设计中，应当明确区分图与底，主体与背景。另外,主体自身结构要清晰明了，背景不能过于复杂，这样才有利于浏览者辨别需要了解的信息。在背景的色彩搭配上应尽量选用同一色系的颜色，尽量避免同时使用色相环中相对的颜色，大面积同一颜色宜采用低对比度，避免用强烈刺激的颜色引起浏览者的视觉疲劳与厌烦情绪。格式塔理论的图－底规则不仅说明了主体从背景中分离出来的条件,而且指出了背景在一个格式塔中的重要作用。因此在网页设计中我们同样不能忽视背景的作用，图形是依赖于背景而存在的，要使主体感到存在，必然要有底将它衬托出来。因此无论在文字、色彩、图像，还是动画和视频方面都要坚持图底原则。

2.简明原则

格式塔心理学家认为，人们的知觉有一种“简化”倾向，所谓简化并非仅指一般意义上的“简单”，即物体中包含的成分少或成分之间的关系简单，而是一种将任何刺激以尽可能简单的机构组织起来的倾向。我们的眼睛只能接受少数几个不相关联的整体单位，如果一个格式塔中包括太多不相关的单位，眼睛就会试图将其简化，把各个单位加以组合，使之成为一个知觉上易于处理的整体，否则，整体形象将无法被正确感知，这种形象势必会被人们忽视，以至拒绝接受。

我们可以将这一观点延伸到网页界面设计中。首先，在网页界面结构的设计上，应避免使用过于复杂的网格结构，结构的设置应尽量简单明了，符合人的视觉流程，也符合人们对规则形的喜好，利于浏览者以最短的时间找到最需要的信息。

其次，在图像的选择上，应避免使用过于繁复杂乱的、容易分散浏览者注意力的图像，这样会增加浏览者找寻信息的难度。

再次，在进行文字编辑时，应该考虑编辑的最终效果。文字应给人以清晰的视觉印象，避免页面繁杂凌乱，减少不必要的装饰变化，使人易认、易懂、易读，不能为造型而编辑，忘记了文字本身是传达内容和表达信息的主体。在字体的选择上，虽然可供选择的字体很多，但同一页面上的字体种类最多只能有三四种，这样才不会显得花哨。字体的选择应依据段落大小和内容层次,由重到轻、由粗到细。字号的选择也应该依据内容层次由大到小，但到了节以下的层面，可以选用同一字号但用不同的字体加以区分。在文本密度方面，文本应该以短小的组块形式出现，并且应该经过编辑，以简化内容。3.接近原则和相似原则

接近原则和相似原则的本质上都是简化和整体化知觉对象的组织原则，与前面的简明原则类似，人们在倾向于简化认识对象的同时，也倾向于将近似、接近的元素组合起来作为一个整体加以认知。也就是说如果不同的文字或图形组成部分位置靠近，浏览者就比较容易看出它们是一起的。根据这一原理，对于页面上的任何元素，如果在功能或内容上是相同或相近的，就应在一定程度上保持相对较小的空间距离，做到“物以类聚”。比如，页面中用以解释图形或用以表明某一部分图形的文字就应当紧挨其所指的图形或部分图形。

相似的物体也很容易被认为是从属于一个系统，具有相似的功能。因而，需要通过将浏览者注意力集中于视觉范围内的关键概念，帮助他们获得信息。在网页界面设计中，可以通过强调、动画、对比色的使用或其他手段达到这一目的。假如一个图形中的组成部分都属于同一风格，这个图形就被视为一个整体。为了使浏览者重点关注图形中的特定部分，对这一部分可采用不同的颜色、动画、闪烁或其他区分方式。但是，如果一幅画面中区别过多，也会使浏览者难以注意需要获得的信息。因此，这些方法应该用于强调关键信息或图形的关键部分，而不宜用于大片信息。

4.闭合原则与网页界面设计

闭合原则是指一种完成某种完形的行动。这一规则表明，每一种视觉样式都可以被看成是一种陈述，对于模棱两可的视觉样式，人们会根据以往的经验按照不同的样式加以组织，这时不同的人会看到不同的东西。因此，在网页界面设计时,应当避免出现不完整的图形，以免使浏览者花费过多的时间去琢磨图形的含义，而不是从网页上获取信息。

闭合规则还表明,视觉形象被知觉的形式是首先作为一个统一的整体被知觉，然后再以部分的形式被知觉。因此，在进行网页界面设计时，要强调整体风格的统一，内容与形式的统一。

结语

将格式塔心理学引入网页界面设计，目的是希望网页设计向理性化的方向发展。随着网络的不断发展，浏览者对页面的要求也越来越高，但现在的页面设计大多还是从直觉出发，离科学的页面设计还有相当大的距离，因此要想达到科学的页面设计，就要在设计时遵照人类的认知规律，并且将这些规律正确地应用到设计实践中。而如何将格式塔理论与设计结合起来,仍是我们需要投入大量精力去研究与探讨的问题。

参考文献：

[1]曹方著.视觉传达设计原理，江苏美术出版社

[2]卡尔·考夫卡著，黎炜译.格式塔心理学原理.浙江教育出版社

篇2

关键词：网页设计，用户体验，用户界面

 

想要建立一个成功的网站，首先就要贯彻“以人为本”的原则，在现今的设计过程中能够体现“以人为本”原则的设计就属用户体验设计了。科技论文。这就不得不提到两个名词即用户体验和用户界面概念的理解。

一、名词概念

1.什么是用户体验

用户体验（user experience）简称UE，是指用户在接受和使用一个产品（服务）的过程中建立起来的心理感受。用户体验无处不在，在日常生活中人们所接触到的一切产品，例如，交通工具飞机、汽车、公交车、自行车，数码产品电脑、手机、相机、mp3等，人们在使用的过程中都会产生纯主观的心理感受。这些纯主观的感受完全建立于用户体验产品的过程中，而产品的好坏或亏盈就由这些体验感受所决定，所以产品设计中的以用户为中心的用户体验设计显得至关重要。

2．什么叫做用户界面

用户界面（User Interface）简称UI，界面（Interface）是人机互动过程中的一个层面；界面设计是一个复杂的有不同学科参与的工程，认知心理学、设计学、语言学等在此都扮演着重要的角色。比如，制作一个公司的网站时，不仅要兼顾用户的便利，同时也要把这个公司引人注目的地方一起展现出来。如果把一个网站比喻成一栋房子，那么用户界面则是房子的门面和装潢，只有首先吸引用户的眼球才能使用户留在房子里去体验生活。

二、用户体验设计的分类

在网站建设过程中如果只了解到用户体验的概念是不够的，设计者们必须要理论结合实践。因为用户体验是一种用户纯主观性的心理感受，设计师们在很微小的细节进行调整，或许就会得到用户的钟爱。这些细节上的精心设计必须经过设计师对于用户自身的调查与用户反馈的信息才能整出头绪，进行整合设计。那么通过调查与反馈用户体验的设计可以从以下几个方面进行调整设计。

1.感官体验

想要在网页中设计出好的界面的话，感官效果是必须考虑的一个方面。要注意网页的界面应该要保持一贯性不能给用户带来混乱感；在使用方法方面，设计风格要符合目标客户的审美习惯，并具有一定的引导性。科技论文。界面的构成不能太复杂；主要内容应设计在引人注目的地方。同时，页面布局重点突出，主次分明，图文并茂。与企业的营销目标相结合，将目标客户最感兴趣的，最具有销售力的信息放置在最重要的位置。在设计页面色彩时应该与品牌整体形象相统一，主色调和辅助色不超过三种颜色。以恰当的色彩明度和亮度，确保浏览者的浏览舒适度。

2.浏览体验

浏览体验顾名思义就是呈现给用户浏览上的体验，更强调的是吸引性。在一个网站中一切内容和服务都是从网站的导航延伸出去的，所以导航应该要动感、简洁、清晰，分类条理最关键。随着现在网站功能越渐强大，各类型网站中增加了越来越多的视频、动画元素，对网站速度的要求也越发苛刻。所以加快页面的浏览速度选择一家稳定的服务器托管商也至关重要。在网站的内容上设计者应该给用户带来舒适的文字环境。如今，网站博客撰写已成为了一个很大的话题。我们需要用和朋友对话的方式来撰写博客，让用户感觉到一种舒适温馨的氛围。这样用户就会少一些局促感，即使他们遇到了使用上的问题，也会心情愉悦的在网站帮助中寻找解决的办法。

3. 信任体验

4. 　互动体验

它呈现给用户操作上的体验，强调网站的易用性。网站与用户必须有高度的互动性，网站不是一张死板的宣传单，要让浏览者通过网站进行各种互动行为，包括直接联系企业客服中心；在线留言或咨询；在线订购物品；发表评论等，总之，要让网站和浏览者互动起来，通过网站把浏览者和企业连接起来。能互动的地方越多，这个网站的价值就越大。科技论文。因为只有和浏览者产生交流并可帮助浏览者解决实际问题，比如可以回答他的提问或直接购买产品，对浏览者来说你的网站才是有生命的，有价值的。

三、总结

网站的用户体验设计是是在互联网时代开放、共享、自由的氛围中的一种进化需要，并且它最终将成为无论是从需求分析、到界面设计再到开发到运行维护至关重要的一部分，因为我们随时都需要将用户置入服务的核心，用我们的爱来浇注产品本身。

参考文献：

[1] 戴力农.当代设计研究理念：用户体验超人性化设计方法.上海交通大学出版社，2009

[2] 崔武子，齐华山，于宁. 界面设计与Visual Basic.清华大学出版社，2004（7）

[3]（(美) Jason Beaird著 熊平, 宓媛珊译. 完美网页设计. 北京:人民邮电出版社，2008（7）

[4] 徐延章. 美工与创意:网页设计艺术. 北京:科学出版社，2009（7）

篇3

【关键词】精品课程；网站；项目开发

现国家正加强中职学校精品课程建设，精品课程建设工程的目标是实现全国优质教学资源的共享，要求精品课程的相关内容全部通过网站的方式对外开放。因此，精品课程网站建设是精品课程建设中的一个重要环节。

目前很多资料或论文在涉及精品课程网站制作时，都以站在网站的技术开发角度进行论述，这些专业知识对于非计算机专业人员是较难透彻理解网站的开发过程。而且精品课程网站作为一个共享平台，还要把课程的资源放到平台上，涉及到平台的建设、各个资源内容制作和整合等工作，更是需要团队合作。一个完整的网站开发不像其它项目或者任务可以单独完成，是需要一个团队多个人分工合作完成。

一、网站项目开发团队，包括以下的角色和职责：

（一）网站项目经理

职责：1.项目执行监理2.质量监督员

网站项目经理负责与用户进行沟通，了解用户开发网站的思想、用途和要求。并创建和维护项目的规划和战略文件，预算表，项目进度和甘特图表，会议记录，费用记录和团队其他详细工作的项目文档。并协调、沟通网站各项目小组的日常工作。

（二）艺术总监

职责：1.网页界面设计师2.交互式设计师

（FLASH，JavaScript，Ajax）3.媒体专家（摄影，插图，视频，音效）。艺术总监的主要职责是设计网站的整体外观和感觉。把网站排版、用户界面设计、颜色标准、页面布局细节、图片要求、摄影、插画、网站的视听媒体等元素汇聚并形成一个整体。

（三）网站技术主管

职责：1.网页程序设计师（.net，Java，PHP/Perl，Ruby）2.网页工程师（XHTML，CSS，JavaScript，Ajax）3.数据库管理员4.网站管理员网站技术主管必须掌握有网站的环境、开发语言和开发站点框架、选择网络数据库等广泛的网络技术。他应该在技术人员、创意人员和项目团队各主管中充当一个桥梁或者翻译工作

（四）网站制作主管

在设计早期阶段，网站制作主管主要负责把原始的网站模型、界面和蓝图转化成HTML页面。一旦网站规划及设计完成并且信息架构也规划好之后，网站制作主管的主要工作就是制作站点页面，当然他可以直接用html编写，或者使用网站内容管理系统（CMS），也可以用一些站点开发软件，例如Adobe Dreamweaver。

（五）网站信息架构师

网站信息架构师主要负责网站的结构和内容进行组织和分类。在整个项目的设计和规划早期阶段，信息架构师是最活跃的。他要制定整个网站的内容结构，网站的框架结构，向客户和网站开发团队介绍网站的整体规划。信息架构师也要与网站设计师紧密合作，制作用于显示网站各个页面的名称、导航和页面内容的网站蓝图。

1.文字撰稿人2.站点内容专家（内容协调，制作）。网站编辑负责整个网站的文字内容和编辑质量。他或她创建的网站编辑的基调，确定文字风格，并与客户和相关内容的专家收集、整理。以上就是网站开发时所需要的六个基本角色及其职责，每个角色都有负责的方面。当然其中有可能一个人员充当几个角色，也有可能一个角色里面要几个人员组成。

二、网站项目开发过程及团队各角色相互合作关系

从图1-1我们可以把网站作为一个完整的项目，可以分为“规划”和“站点制作”两个主要阶段。

（一）规划阶段

这个阶段里要进行的工作就是用户调查与网站规划。网站项目经理要与用户进行接触，全面了解用户的需求，包括网站的用途和要实现的功能。用户也在这个阶段明确要网站能实现的功能模块和需要提供的材料。充分了解用户需求后，艺术总监和网站信息架构师就要基于用户的要求、网站的用途和网站访问者等各方面的考虑，使用PhotoShop或其它工具绘制出网站首页、二级页面的图形界面。与用户确定好界面、功能与内容，就开始分两条线路进行开发。1、技术路线：网站技术主管根据界面并与信息架构师一起进行技术规划，制作好网站使用的开发语言、技术、数据结构和数据库等。2、内容路线：网站编辑要开始规划网站编辑的基调；内容在网页上的表现形式（文本、图片、视频、动画）；确定文字风格和网页显示的字体的大小与字形；

（二）站点制作阶段

站点制作阶段是实际开发周期，各项目小组根据前面制定好的规划进行制作。网站信息架构师在各部门之间进行项目规则解释、协调和统筹。1、程序开发：网站制作小组根据界面规划把图形界面转换成网页格式；依据技术规划，制作网站的各页面。从图中的甘特表显示，程序开发和网站合成占整个项目的最大时间比例。2、内容整理：网站编辑要与客户和相关内容的专家收集、整理放到网站平台的资源。网站资源如涉及到图片、动画和视频等，网站编辑要与媒体专家合作共同制作。当平台主要架构搭建成形，后台数据库建立完毕，网站编辑就可以把网内容上传到网站平台内，把网站合成。

参考文献

篇4

关键词：用户体验；高校图书馆；网站

随着学生对互联网的依赖性越来越强，以及Googlescholar、百度学术等学术搜索引擎对图书馆学术资源主体地位的冲击，使得图书馆网站的用户体验变得越来越重要。图书馆网站必须进行优化设计，使用户可以方便地浏览网站的信息、使用网站的服务，让用户获得愉快的体验，才能吸引用户使用图书馆的网站，使用图书馆的资源与服务。用户体验强调在网站构建的过程中以用户为中心，充分考虑用户体验的内容及影响因素，通过设计满足用户需求，符合用户审美体验、认知特点、使用习惯的组织系统、导航系统等，从而让用户获得良好的体验效果。用户体验设计的目标可以归纳为：解决用户需求，减少用户理解和操作的成本，给用户留下美好而深刻的印象。基于用户体验的网站设计主要包括：视觉设计、界面设计和导航设计等。

1视觉设计

视觉设计是在用户审美文化的基础上，通过色彩、字体、图片、按钮、隐喻等的使用，设计出富有美感和艺术感的网站，从而实现在很短的时间内吸引住用户，并激发用户进一步的信息行为[1]。图书馆网站在视觉设计上要符合用户当前的视觉趋势，体现图书馆的文化内涵，通过图文、色彩、形状的搭配以及信息块的建立和整合，形成一个疏密有序、图文并茂、条理清晰、气氛和谐的网站视觉感受。

1.1符合视觉趋势

不同时期用户的审美取向与内心诉求是不同的，网站的设计一定要符合当前用户的视觉趋势。就目前而言，视觉趋势大致如下：响应式的网页设计让网站页面无论屏幕尺寸大小都能有最佳的显示效果[2]，宽屏、大图让页面更显大气；改变以往用线条来分割区域的方式，采用空隙和留白，让页面顺畅自由的呼吸，给用户留下广阔的思考空间；减少渐变和视觉元素，采用规整的布局、扁平化的视觉风格，让整体感觉更清爽。在网站构建之初，设计师一般会根据图书馆的需求结合当前的视觉趋势设计出至少3版首页设计图，图书馆可以采用问卷调查的形式从中选出最受目标用户欢迎的页面。

1.2做好色彩搭配

色彩是网站最具表现力和感染力的视觉元素，好的色彩搭配可以吸引用户的注意力，给用户带来过目不忘的效果。相反，太过单调乏味的页面会使用户视线游离；过于炫目多彩的页面又会对用户的实际需要造成干扰。网站的色彩搭配上要注意以下情况：（1）每种色彩都有自己特定的含义和象征，会给人带来不同的情感反应[3]，网站设计要合理恰当的运用，设计符合网站自身特色的色彩搭配，把网站的思想正确的传递给用户。例如，“红色”可以给人热情、喜庆、奔放的情感反应，也能给人危险的心理暗示；金灿灿的“黄色”给人富有、高贵之感，而混浊的暗黄给人凋谢、衰败之感；“蓝色”象征着智慧、理智、清爽，会让人感觉平静、深远、稳定、可靠。（2）不同色彩对眼睛刺激不同，会造成视觉上先后顺序和关注度的不同。在色彩的运用上，要考虑内容的先后顺序和优先级，正确的运用色彩。例如，冷色类和暖色类色彩是有明显的层次差别的，一般情况下，用户会先注意到暖色调色彩，且对暖色调色彩的关注度和点击量要高于冷色调色彩；色彩的反差更容易造成用户的关注度的不同，通常高反差色彩更能引起用户的关注[4]。（3）避免使用色盲不易区分的颜色对。网站的色彩设计要保证在辨识色彩方面存在缺陷的用户（如红绿色盲、蓝黄色盲、全色弱等）也能正常使用网站，避免使用深红和黑、深红和深绿、蓝色和紫色以及浅绿和白色这样的颜色对[5]。网站色彩设计时可在专业的色盲所见效果检测网站（如网站和）上检测，确保需要辨识颜色的地方所用的颜色在色盲和正常人看来是一致的，不需要辨识颜色的地方，在色盲眼中是清晰的。

2界面设计

界面设计最基本的性能是功能性和使用性。通过界面设计，让信息更加流畅的传递给用户，让功能和操作变得更加简单。界面设计包括标识设置能否被用户所理解[1]、页面布局是否能够凸显页面重点、符合用户的习惯等。在标识设置方面重点是要避免使用用户不熟悉的词汇；页面布局方面，首页一定要将关注度高的栏目放在醒目的位置上；其它栏目的摆放位置要遵从网站形成的惯例，符合用户的心智模型；以信息呈现为主的页面要建立清晰的视觉层次。

2.1避免使用用户不熟悉的词汇

根据Krug的可用性第一规律，网页必须是清晰且自明的[6]，也就是说网页的内容对于用户来说是不言而喻、一目了然的。要做到这一点，就要避免使用用户不熟悉的词汇，比如，OPAC、E读、查收查引、题名、责任者、资源发现系统等。这些字用户都认识，但不代表真的理解了意思，因为新信息只有和已有的知识结构紧密结合，才能被彻底的理解吸收，而用户基本上是非图书馆专业的学生和老师，接受过的图书馆专业培训比较少，对这些词很难做到一看就懂。当用户在网站上寻找信息或者某个功能时，他们并不会认真阅读，只是快速而粗略地扫描屏幕上与目标相关的东西[4]，这些用户不熟悉的词汇往往被认为是与目标无关，直接被忽略掉。可以把“OPAC”换成“馆藏书刊搜索”；“E读”换成“全国高校馆藏搜索”；“查收查引”换成“论文收录引用”；“题名”换成“书名/篇名”；“责任者”换成“作者”；资源发现系统因为实现的是图书馆纸质和电子馆藏的一站式搜索，所以一般采用学校特色名字加上搜索或学术搜索的形式，例如，清华大学图书馆的“水木搜索”、北京大学图书馆的“未名学术搜索”、南方科技大学图书馆的“南科学术搜索”、浙江大学图书馆的“求是学术搜索”等。

2.2关注度高的栏目放在醒目的位置上

关注度高的栏目放在首页醒目的位置上可以有效提高网站的用户体验。网站栏目的关注度可通过网站分析工具来统计。目前，免费的网站分析工具有十余种，比如，GoogleAnalytics、CrazyEgg、Yahoo!WebAnalytics、百度统计和CNZZ的站长统计等。其主要采用当前较为流行的基于脚本（JavaScript等）的统计方式，这种方法需要在网站的Html代码中嵌入一段脚本来统计网站的被访问情况。馆员可通过网站访问情况统计分析，来确定网站中用户关注度最高的栏目。以南方科技大学图书馆旧版网站为例，关注度最高的栏目是“数据库导航”，关注度为11.32%；其次是“馆藏资源搜索栏”，因该版网站中没有资源发现系统，所以主要搜索馆藏纸本资源，关注度为9.47%；关注度第三的栏目是“我的图书馆”，关注度为7.02%。在新网站的设计中就要把这3个栏目放在网站中最醒目的位置。一般情况下，网站的上半部分和中左部分的被关注度要高于右半部分和下半部分。网站中最醒目的位置的确定可以在新网站的测试过程中，通过眼动跟踪技术记录用户在使用网站时所注视的网站的位置，从而找出网站的关注“热点”———网站中最醒目的位置。

2.3遵从网站形成的惯例

当一个人访问一个新网站的时候，他寻找信息的第一个位置就是在其它大多数网站找到它们的地方，所以遵从网站形成的惯例可以减少用户的寻找成本，让用户找起来更方便。比如，语言切换、用户登录、站内搜索等独立于网站结构的功能或内容一般设置在网页顶端；重要的、需求大的栏目应该放在网页上方主导航的位置；相对而言不那么重要、需求不那么大的栏目应该放在下方导航条的位置；网站的隐私政策、免责声明、版权等一般放在底部。

2.4符合用户的心智模型界面设计

符合用户的心智模型主要为了让用户在使用网站的过程中思考降到最低、操作简单到极致。心智模型是影响用户与网站交互时内在的、可预测的认知模型[7]，是隐含在用户内心深处的一种思维方式和思想观念，直接或者间接的影响着用户的行为[8]。也就是说，当用户在网站上寻找某一元素时，并不是从上到下顺序寻找，而是在用户心中已经形成了关于这个元素应该放在哪个位置的预期[9]，然后根据预期去寻找该元素。了解用户的心智模型，可以知道用户心中栏目的位置，从而提升栏目位置与用户预期的位置吻合度；了解用户的心智模型，可以知道某一信息在用户心中应该属于哪个栏目，从而提高栏目的名称与用户心中名称的吻合度。要提高网站界面与用户心智模型的吻合度，可以在网站的建设过程中通过迭代的可用性测试[10]，不断地发现网站中存在的问题，通过布局的不断调整，让用户的操作变得简单、再简单；通过建立清晰的流程和界面，减少用户的思考和寻找时间。最后用户耗费时间最少的界面设计就是最趋近于用户的心智模型的界面。调研用户的心智模型可以通过如实观察法、远程测试法和眼动跟踪技术等方法来实现。笔者采用了如实观察法，无需远程监测法的屏幕共享技术，也不用眼动跟踪仪，只要有台可供用户浏览网站的电脑即可，而且不仅能清晰的观察到用户的操作，直接、及时地获取用户的反馈，还能够捕捉用户的细微反应，挖掘用户内隐的体验信息[11]。比如用户发出“咦？”、“哦！”等声音，或者皱眉、挠头等动作，这些都能反映出存在的问题。如实观察法主要是让被试用户在一个可控制的实验室环境里完成指定任务，通过观察用户信息搜索过程，总结用户的行为数据等[12]，在测试过程中，要减少语言对用户的干扰，切忌引导性过强，要更多地去关注用户的操作行为。可以鼓励用户采用“出声思维法”，即要求用户在操作时，将完成任务时所有的思考、行为、感受都描述出来，这样测试员更容易发现用户行为背后的原因。例如，在南方科技大学图书馆网站的调研中发现，用户在完成“查看我的借阅信息”的任务时，偶尔使用图书馆网站的用户，受其它网站的影响会在网站的顶端寻找“我的”相关栏目；经常使用图书馆网站的用户，因知道该信息会在“我的图书馆”中找到，所以找寻的栏目会锁定在“我的图书馆”，而找寻的位置会受到图书馆旧版网站的影响，在网站中间的直接导航部分找“我的图书馆”栏目。综合这两种情况，在新版网站的设计中将“我的”放置在网站上方全局导航的区域，“我的”这个栏目被设计为用户的个人空间，里面的内容包含用户的个人基本信息、借阅信息、荐购信息等“我的图书馆”中查询和操作的信息以及网站的个性化定制内容。另外，在网站的直接导航区域设置“我的图书馆”的入口，方便读者进入“我的图书馆”。

2.5建立清晰的视觉层次感

建立清晰的视觉层次感可以在用户浏览网页时形成良性引导，从而减少用户的寻找时间。用户在浏览页面时会对网站页面的视觉层次进行分解，筛选出需要的东西。好的视觉层次通过预先处理，用一种用户能快速理解的方式对页面进行组织并根据模块的优先级进行排列，从而减少了用户的寻找时间。大小、颜色、对比、对齐、亲密性、紧密与留白都是制造视觉层次的好工具。大小往往与重要性结合起来，最大的元素大部分情况下都具有最大的重要性。颜色在组织和个性两方面都起到作用，醒目、对比强烈的颜色在特殊的元素中会引起更大的关注（比如，按钮、超链接或错误信息）；在个性方面，豪华、舒适的颜色会给页面带来感情上的吸引力。对比能够体现出相对的重要性。对齐能够体现出元素们之间的组织关系。亲密性是将关系紧密的内容组织起来的最快方式。紧密与留白的和谐搭配，既能体现内容之间的相互关系，又能避免紧密给用户带来的信息过量之感。

3导航设计

导航是网站内用户的指示路标，可以说是网站最为重要的设计环节，它引导着用户进行浏览和查找信息，一个好的导航能够让用户在离开网站时犹如享受了一次愉快的旅程。导航设计首先要将网站的信息进行组织分类，一个精心组织分类的链接体系能够采用简约的风格，将信息梳理到最符合逻辑、最易于用户理解的类目，让用户不经迟疑、无需复杂操作就能访问到他们想要的内容。

3.1信息的组织与分类

信息的组织与分类是导航设计的基础[13]，好的导航能够将繁复的页面内容组织起来，梳理出其中的逻辑，按照层级关系，建立起简洁易懂的栏目信息架构。卡片分类法是一种以用户为导向的有效的组织信息的方法，可以设计出符合用户心智模型的信息架构。卡片分类法分为开放式和封闭式两种[14]。开放式卡片分类法给被试人员足够的自由度来进行信息归类，测试者不仅可能会得到丰富的分类结果，而且有力于发现栏目命名存在的问题，所以一般用于信息分类的前期，用于获取用户对图书馆服务及资源项目的理解情况。开放式卡片分类法由测试者将写有图书馆的相关介绍、服务、资源等名称的卡片完全打乱后分发给被试人员，被试人员可以完全自由地决定把卡片分成几组，每组有多少张卡片，最后再由被试人员为分好组的卡片命名。在开放式卡片分类阶段，能够发现命名不合理的栏目，能够获得被试人员理想的分组命名。例如南方科技大学图书馆网站在开放式卡片分类调查过程中发现，“新馆风貌”页的名称存在问题，因为对于馆员而言，启动校区的图书馆为旧馆，当前使用的图书馆为新馆。但是对于学生而言，他们并不知道启动校区图书馆，所以当前使用的图书馆就称不上新馆，使用“馆舍风貌”命名则更为合适；关于栏目的分组命名也有收获，旧版网站中使用“关于图书馆”栏目，而用户会更喜欢给它命名为“关于本馆”；“资源查找”用户更喜欢给它命名为“资源导航”等。封闭式卡片分类法可在开放式卡片分类法之后使用，由测试者先确定出栏目分组的个数和名称，再将属于这些分组的卡片分发给被试人员，让被试人员根据自己的期望，把卡片归类在不同的分组名称下。如果有些卡片被测人员不知道该将它分到哪个分组名称下，可以将它拿出来，不一定要把所有卡片分完。封闭式的分类更利于掌控，可以用于对信息架构设计结果的有效性进行验证。

3.2导航功能模块设计

虚拟的网络世界不像现实世界中有明显的方向感，若没有清晰的导航和位置信息可能导致用户迷失方向。成功的导航通过各种标识和路径的显示，让用户在导航系统中清楚地认识到网站信息结构和自己浏览到的位置[15]。导航按照在网站中所处的区域与功能的不同分为：全局导航、局部导航、直接导航、面包屑导航、网站地图等。全局导航，也就是通常所说的主导航，是网站的一级菜单，通常以横条的形式设置在网站全局区域较为显著的位置，提供覆盖整个网站的通路，能够展现网站的全貌。用户通过全局导航可以随时从网站的最底层页面到达任何其它页面，实现各个页面之间的跳转。局部导航，也称为副导航，是全局导航的补充和延伸，专门针对网站二级以下的栏目，在帮助用户浏览网站页面时起辅助作用，主要用于有序浏览目录内的具体内容。直接导航，是在首页中设置的直接将用户引导到网站内任意指定位置的导航，直接导航可以跨越多个层级而直接指向链接目标，是为迎合用户需求而设置的到达页面的快捷途径。面包屑导航，这个导航名称来自于童话故事，面包屑是汉赛尔在进入森林的路上偷偷洒下的，是一种“历史记录”的应用方式。面包屑导航能够呈现用户当前在网站中所处位置，记录用户的浏览路径，表达当前内容的归属关系，可以帮助用户方便地通过路径返回到上一级页面。网站地图，将网站的所有页面名称按照结构层次放置在一个页面中，展现整个网站的信息架构，通过链接的方式，帮助用户在一个页面中快捷、准确地找到想要的页面。网站的导航设计就是通过上述不同类型导航的合理设置与相互搭配，最终实现网站的便捷浏览、信息的有效获取。

4结语

网站设计的重中之重不是界面设计的多么美观，运用的技术多么炫酷，而是网站的设计是否符合用户体验，能否让用户轻松、快捷的完成操作。基于用户体验的网站设计强调以用户为中心，设计出符合用户审美体验、认知特点和使用习惯等与用户心智模型相契合的系统，但用户的审美、认知特点、使用习惯以及心智模型都不是一成不变的，而且包含很多隐性的因素，需要经过一系列细致的调查、测试、优化等步骤，才能逐步提升用户的体验。

参考文献：

[1]李小青.基于普遍心理分层理论的Web用户体验模型设计[J].情报资料工作,2010,(1):62-65.

[2]毕剑,刘晓艳,张禹.使用响应式网页设计构建图书馆移动门户网站———以云南大学图书馆为例[J].现代图书情报技术,2015,255(2):97-101.

[3]张晓景.网站用户体验全程揭秘[M].北京:清华大学出版社,2014.

[4]如何运用视觉表现建立网页的信息层级[EB/OL].[2015-03-19].

[6]SmashingMagazine.众妙之门：用户体验设计的秘密[M].邱胤炎,林本杰,译.北京:人民邮电出版社,2014.

[7]吴鹏,张佩佩,甘利人.网站用户信息获取中的心智模型研究[J].情报学报,2011,30(9):935-945.

[8]黄群,朱超.基于用户心智模型的产品设计[J].包装工程,2009,30(12):133-136.

[9]SusanWeinschenk.设计师要懂心理学[M].徐佳,马迪,余盈亿,译.北京:人民邮电出版社.2014.

[10]林一,陈靖,刘越,王涌天.基于心智模型的虚拟现实与增强现实混合式移动导览系统的用户体验设计[J].计算机学报.2015,38(2):408-421.

[11]李海涛,宋琳琳.用户使用网站的心智模型测量方法的选择及应用[J].情报理论与实践,2015,38(2):11-16.

[12]孙丽,田才.基于用户体验的网站信息构建模型[J].情报科学,2010,28(6):907-910.

[13]刘津,李月.破茧成蝶：用户体验设计师的成长之路[M].北京:人民邮电出版社,2014.

[14]蔡剑,詹庆东.基于卡片分类法的网上书店信息构建实证研究[J].图书情报工作,2011,55(10):121-125.

篇5

信息构建是“定义和控制界面并整合系统各组成部分”的一种机制，个人信息系统的规模和复杂程度正在不断增加，从而促进了构建程序在范围、组织影响和处理过程等方面比早期的独立应用范围要广泛得多。

第一代信息构建于80年代公开和描述，它是用于开发独立应用的，主要描述从需求、设计、构造到最后的交付使用这样一个过程，其重点是一个独立系统的开发。第二代则是将信息构建的思想融入企业级的若干个应用的综合。

另一个特征就是第一代和第二代的信息构建强调的是技术解决而不是组织对信息的使用。在当时社会中的很多领域都希望能开发、分享和管理信息。对大部分组织来说，仅仅拥有一个网站、电子信息管理系统就足够了。然而，时过境迁，人们终于意识到必须把信息作为组织中的一种资源来看待。

二、现代图书馆信息构建

（一）概念解析

20世纪90年代初，Web的形成和基于Web浏览器的发明，大大推动了因特网向全球发展。同时，作为企业管理中的一个重要职能知识管理的出现，使得人们的争论越来越多地涉及到信息内容和内容管理上来，从而提出了以信息为中心的第三代信息构建。第三代与前二代信息构建的主要区别在于：

1．第三代信息构建强调信息作为一种竞争资源的使用价值，区别于支持系统的技术。单方面关注由技术构建出的一个信息体系就像是用烹饪工具装设一个厨房而来制作一顿晚餐一样，它忽略了烹饪原料的质量。用户和信息建筑师都是通过掌握“信息的信息”从更深层次来理解信息的使用。这种理解超出对信息本身及其结构的简单定义，通过一些数据、图案、指南来引导用户使用信息。同时，用户和信息建筑师也通过“信息收益率”来评价信息构建的质量。

2．由于在第一代和第二代信息构建中所使用的单一图表过于简单化，不能传递太多信息，所以需要用一系列的图表来描述问题。第三代信息构建便是通过反映信息的这种多维复杂性以及描述构建中不同认识维度的各个关键因素来解决问题。

3．早期的信息构建概念忽略了该概念的背景和理论基础，或者将其简单化。基于一些不适当的设计原则，信息构建是很难实现的，如信息构建中对度的整合。今天的信息构建要考虑到整个体系中各元素的整合以及体系中各组成部分的再使用问题。

（二）与其它概念的联系

1．信息构建与信息设计。信息构建的重点在于内容以及以用户为中心，特别是复杂的网站建构。主要成分包括：虚拟设计：版面与信息的图表设计，使得交流的效用最大化；交互设计：设计网页上动态成分或软件应用，可以使用户完成特定任务；用户的经验设计：建立一个完整的基于用户需求的经验数据库；可用性：对一个系统进行评价，确保其易用性和有效性，然后，将评价结果融入到设计过程中去。

信息设计偏重于文献内容、结构和外形的结合。它不只考虑文献的内容本身，还将文献作为一个整体，进行多元化的整合。相比较而言，信息构建更侧重于内容的概念设计。

2．信息构建与信息管理。信息管理是一个比信息构建更为成熟和固定的领域，它是以数学、管理科学、信息科学等学科为基础，涉及多门学科（理、工、农等）、多个领域（经济、管理、法律等）的综合叉学科。二者都与信息科学（如信息的描述、辞典的设计、信息检索等）有着很多联系。信息建筑师与信息管理专家对信息组织、建立有效的内容管理战略以及为用户提供有效的访问途经等方面都有着很大的热情。同时，他们也都受到网络信息泛滥的矛盾冲突以及经济不稳定等多方面的冲击。狭义的信息构建，即网站信息构建，这是当今信息构建应用最为广泛、最为成熟的领域。广义的信息构建，即不仅要考虑信息，而且更要对组织机构中的信息服务与信息相关部门及其人员的整合与合理配置，包括技术层面、管理层面以及信息系统的结构构建。因此，广义的信息构建更接近于现代信息管理的理念。

3．信息构建与信息管理构建。信息管理构建是当代出现的虚拟企业组织中为了管理生产计划信息和控制信息而产生的。它不仅要考虑商业数据，还要考虑技术方面的数据。信息构建是“组织信息和设计信息环境、信息空间或信息体系结构，以满足需求者的信息需求的一门艺术和科学”，涉及到图形设计、人机交互和界面设计，目的是帮助人们成功地发现和管理信息，侧重于用户和信息。

三、网络信息构建

网站信息构建是指借助图形设计、可用性工程、用户经验、人机交互、图书馆学信息科学等的理论方法，在用户需求分析的基础上，组织网站信息、设计导航系统、标签系统、索引和检索系统，以及负面内容布局，帮助用户更加成功地查找和管理信息。

网站信息构建的主要内容包括：

（一）内容组织

一般通过字母顺序或地理位置构成来组织图表。一些模糊图示法也很有帮助，但不太准确。现在比较有名的如Yahoo网页上的杜威十进分类系统。图表一般独立于用户界面。界面改变并不影响到图表。另外，为了实现这个目标，它还必须有一个规则来容纳新增加的网页内容。

（二）导航系统

它帮助用户了解自己所处位置以及从这个网站中能获得什么，就像现实中的路标或地图一样，可分为全局导航和页面导航。全局导航可以链接到网站内任何一个资源，而页面导航给用户呈现相近的主题网页。此外，还有像背景导航，为用户建议网站其它领域相关主题内容；面包屑导航法，呈现网站结构中的页面位置以及用户的浏览路径；网站地图和索引也为用户提供了网站内容、结构等方面的概况。

（三）检索系统

这里强调的是检索结果和检索界面。检索结果不能太庞大和杂乱无章，以至于查准率过低。而界面要求友好，能够提供给用户进行自我修正检索机制的途径。

（四）标识系统

包括页标题、主页上的链接、索引入口、产品名、公司名等。这些在网站上随处可见。它可以使链接与页面主题相一致。

篇6

中华民族的传统文化博大精深、源远流长，也以其独特的魅力影响着中国乃至全世界。近年来，科学技术不断进步和发展，网络的社会地位逐渐凸显，校园文化网站建设也逐步趋于成熟和完善，它不仅传递着丰富多彩的视觉信息，也充分体现着独特的校园文化。本文通过阐述中国传统元素的内涵、特点和类型，以及中国传统元素在现代生活中的应用意义，将中国的传统元素巧妙地运用到大同大学校园文化网站的设计中，旨在彰显大同大学校园文化内涵，贯彻落实大同大学“厚德”、“博学”、“慎思”、“笃行”的校训，表现同大学子对校园精神文明的继承和发展。

关键词：

网站建设；中国传统元素；校园文化；界面设计

引言

随着社会的进步和发展，传承文明与创新知识已成为当代文明的主题主线，在此环境下，高校校园文化网站应运而生、蓬勃发展，而且近年来其社会地位也不断凸显。与此同时，全球文化的交流和碰撞日益激烈，导致高校校园文化日益开放和繁杂。因此，应从多角度、多侧面、全方位的视角梳理和评价高校校园文化，并逐渐建设完善高校校园文化网站，传承校园文化，构建社会主义和谐校园。作为凝结华夏文明精神和彰显中华人民特质的传统文化元素，如果将其适当地取舍、借用、打乱、组织、重建并运用到校园文化网站的建设中，将会取得全新的视角效果与经验，提供一种全新的触及世人心灵的感性认知，培养中国风格的审美情趣，激发民族自豪感。其中网页版式设计对整个网站的设计构造是至关重要的，也是浏览者与网页信息间的传递载体，例如在版面设计中采用留白的方式营造空灵韵味，在现代的版式设计中有指导意义。在构建中国风的网站时，加入中国传统文化元素设计，不仅会发挥现代科技美与创新美，而且还会体现传统的韵味美，保持着新与旧、古与今、传承与发展的高度契合，能够使网页展现深厚的文化底蕴和历史厚重之感。大同大学文化校园网站的设计制作将中国传统元素融入到网站的界面设计中，以期能彰显大同大学校园文化底蕴，并且能在网页中体现大同大学的校园文化精神，体现全体师生对校园文化的传承与发展。

一、校园文化网站概述

校园文化是在学校这一特定的文化氛围中，师生在从事各项课内外活动中所创造的精神财富，以及承载这些精神财富的规章制度、组织活动和意识形态。校园文化的核心是精神文化，它包括学校领导、师生的价值观念、价值判断和取向，学校独特的文化特色、办学理念、办学目标，以及校风、教风、学风等精神风貌，以此彰显、传播和弘扬学校文化特色。伴随科学技术的不断发展，网络已成为传递校园文化的主要载体。其中校园网站就是一个集学习、娱乐与社会活动于一体的虚拟空间，可以充分体现校园的文化、精神和特色。而高校的校园文化网站不仅体现着各个高校的文化，也集中反映了当代教师与学生的精神风貌，对于文化的丰富、交流和发展具有重要意义。

二、中国传统元素概述

中国传统文化元素种类繁多，尤其是吉祥图形符号，如龙凤、麒麟、朱雀、太极、八卦、中国结、书法等传统文化元素符号，代表并彰显着中国文化神韵。中国元素，是指在中华民族的融合、演化与发展过程中形成的，由中国人创造与传承的，反映中国人文精神和民俗心理具有中国特质的文化成果。中国传统文化元素是东方文化中的独特景观和宝贵财富，它具有多样性、广泛性、丰富性的特点。包括丰富多样的有形物质文化元素和无形精神文化元素，如徽派建筑、梅兰竹菊、朱雀、书法、中国结等有形文化元素，思想意识、价值体系、道德观念、民俗等无形精神元素。在网站构建中，时刻运用着“中国特征”，处处体现着中国式的意境和精神，是构建中国特色校园文化网站的基础。

三、中国传统元素在文化网站中应用的意义

1.丰富网页的表现手法

中国传统元素的形式多种多样，对传统元素的挖掘和运用，能够极大地丰富网页创造的表现手法。在网页制作中，不仅要恰当地运用传统元素的表象特征，更要深层次地挖掘这些元素所具有的内涵，与传统哲学思想相呼应，共同激荡出更加出色的创意网站。

2.产生文化亲和力

中国传统元素取材于最贴近人民生活与民族情感的传统文化习俗，包涵了深厚的中华民族情感。对传统文化习俗的准确把握与运用，更能够体现国人的心理价值，使网站更具亲和力，增加受众的理解度、接受度，勾起受众对中国文化的精神联想，唤起对中国情结的共鸣，促进网站进一步传播与发展。

四、基于中国传统元素的大同大学校园文化网站的界面设计分析

在研究中，本论文主要是通过设计大同大学校园文化网站界面，结合中国传统元素体现出大同大学的校园文化底蕴。网站的设计主要分为八个部分，分别是“首页”、“书香校园”、“校园风光”、“学子风采”、“校园活动”、“舌尖校园”、“关于我们”和“论坛”，从各个方面介绍大同大学校园文化的组成部分，使参观者能够更加深入地了解大同大学校园文化的精神实质，贯彻落实大同大学“厚德”、“博学”、“慎思”、“笃行”的校训。其中从logo到小图标无不体现着“中国味”，网页以中国风色调为基准，将中国风格和校园文化巧妙融合。

1.翰墨书法演绎校园文化

汉字作为一种抽象的艺术符号，本身就具有很强的审美趣味。在网页设计中，汉字不仅是语言信息的载体，呈现着其“形”的特征，还能体现其审美艺术价值。把中国书法艺术中的形、神、意进行适当的融合，并运用到网页设计中去，有助于体现网站的文化民族特色。在大同大学校园文化网站中就运用到了不少汉字书法设计，首先表现在logo的设计中。logo图整体以书法为主要元素，在设计过程中采用左图右文的手法将传统印章、龙图腾作为设计元素与楷书汉字艺术相结合。红色印章中是运用毛笔一气呵成中国风的龙图腾，线条优美，若隐若现。配以毛笔书写的楷书文字，说明网站的主要性质———传播校园文化。印章与图腾的艺术形式巧妙组合，能让观者感受到浓烈的民族气息。运用毛笔书写“校园文化”四个字，大面积的浓墨书写文字贯穿着整个logo图，不仅突出主题，而且显得雄伟有神，运用毛笔书法“软”的特点能使简约的线条生成丰富的气韵之美，增强logo的视觉冲击力和表现力。不仅logo中运用汉字书法，网站中的滚图也大量使用汉字书法元素，并巧妙地与大同大学的校训相结合，运用书法形式加以表现，展现大同大学校园文化底蕴。在每一幅滚图中的黄金分割比例位置处书写“厚德、博学、慎思、笃行”这个同大学子熟记于心的校训，采用行书字样书写，突出我校校训的历史感和厚重感，从而体现出我校校园文化源远流长。在“厚德”这幅画中，整体以墨色荷花为背景，给人以空远悠扬的意境，以行书书写的“厚德”二字，对整个空间进行分割，对空白的切割体现书法艺术的形式美，随后以楷体小字对“厚德”校训加以解释，行楷两种字体交相辉映，共同呈现大同大学校园文化的历史感与厚重感。在“博学”这幅画中，整体背景采用从灰色到白色的渐变手法，灰阶层次的渐变达到空灵之效。行书书写的“博学”二字，从上及下，从左及右，涉及了文字的方向性,文字排列的方向性也会影响视觉效果，在大同大学校园文化网站中文字方向主要有平行、垂直两类，而平行、垂直的文字能给人以稳定厚重之感。同样以楷体小字对“博学”校训加以解释，采用古代文字的书写格式，文字方向从右及左的展现，体现了对传统文化风格的继承。在“慎思”这幅画中，字体圆润灵动，校训的行书字样与解释的楷体字样之间采用浓淡墨交替变化，空间中大量留白，以“慎思”二字对留白处进行分割，形成虚实对立之感，体现书法的韵味美。在“笃行”这幅画中匠心独运地使字迹融合了毛笔的意蕴，好似展示了毛笔书写的过程，别有风味。字体设计风格雅致，简洁中不乏品味。本画面中解释文字较其他几个画面较大，这里把解释文字作为填充空白的元素加以运用，不仅能够展示书法的独特魅力，而且也有补充空白之效。网站运用汉字书法让人感受到，当介绍具有历史文化特征的内容时，适当结合汉字书法，可以增加原有内容的意义与内涵。深入挖掘汉字的造型意趣和文化底蕴，并赋予它新的生命力，可以提升网页的文化韵味。

2.水墨经典阐释校园内涵

水墨画属于中国画的一种,主要以水墨的形式描绘中国的山水人情。以毛笔、纸、绢等绘画媒介,将笔的提按转折、疾徐轻重与墨的虚实强弱、干湿、浓淡相互搭配形成无穷变化，以绘画语言的形式表现中国文化特色之美。在大同大学校园网站中构图背景主要以水墨画为主。例如首页中的滚图设计以水墨山水画为背景，配以浓重笔墨书写出的圆，中间以汉字书法画龙点睛，整体营造出一种空灵之感，有浓浓的文化厚重感，与校园文化的风格交相辉映。其中，背景选择大量留白的水墨画，不仅可以方便其他元素的添加，也可以营造出空灵意境。在网页设计中更是如此，将中国式的艺术审美运用到设计中，让空白在字与图之间自由游走。中间以浓重笔墨书写出的圆，不仅可以体现中国特色，而且极具吸引力，把观者的目光第一时间聚焦在圆中间的内容上，突出主题。去除了外在复杂雕饰的墨白，传达了一种朦胧美感，也表达了一种特殊的张力，在网页中灵活运用墨白，会突出所表达的信息。在设计构思上，水墨元素的作用是平衡网页，水墨画元素作为艺术表现形式和视觉符号，它所营造的氛围，能呈现出东方人独特的感觉和心境。这幅图片画面中由水墨元素、墨竹、奇石共同组成。其中水墨元素能在水与墨、黑与白之间形成浓淡变化的色彩层次，在用水墨晕染出圆之后，在圆的缺角部分继续晕染出几条锦鲤，通篇水墨画将墨之黑作为主要色调，通过创造黑与白的气氛，将元素以一种非常单纯的方式最直接展示给观者，画面给人以广阔的想象空间，让人回味无穷。利用墨之黑色作为设计元素，既简洁有趣又能体现传统美感。不仅如此，水墨还可以与其他元素配合使用，例如以水墨图形勾勒与渲染出水墨鱼缸,锦鲤在勾勒出的墨色鱼缸中游动，营造出含蓄单纯、优美恬静的水墨意境。所以将水墨元素与其他元素配合使用是源于自然又高于自然的艺术表达方式。在设计表达上,采用水墨晕染的艺术效果，墨滴在水中舒缓地晕染开来，墨迹展现出千变万化的形态，可以想象它变换成连绵的山峦、广阔的大海、飞翔的仙鹤等，最终回归于墨迹本身的形态。从无形到有形，从有界到无疆，水墨的魅力在于它写实与写意兼具，在黑白的空灵世界中，让人仿佛置身于画中。将水墨画元素应用于网页设计中,是对中国传统文化的传承与创新，水墨画元素作为传播信息的重要表现手法能融合不同风格设计形式,绘画形式多样,题材广泛。网页设计的水墨元素运用能延续现代人从古代传统文化中继承的文化内涵和审美意识。水墨画元素的灵活运用不仅能丰富设计作品的文化内涵,传递中国民族文化特色,还能有效地传递表达主题信息,具有极高艺术审美价值和文化价值。

3.传统色彩点亮校园经典

传统色彩是传统文化的重要组成部分，也是传统文化独特的表现形式，是中国特色不可或缺的部分。在悠久历史和传统的影响下,传统色彩不仅讲究视觉美感,而且重视色彩的象征寓意，例如在中国红色被看做是喜庆色,颜色本身鲜艳明亮，也寓示红红火火、生气勃勃；又如黄色，因其明亮，被看做是阳光和大地的颜色，寓示期望、智慧、文明。不仅如此，黄色还是中国历代帝王的专用色，象征着古代中央。在大同大学校园文化网站设计过程中，主要以中国红为基调配以中国黄加以修饰。红、黄色是中国传统吉祥的象征，红色具有强烈的感知性，是血液与生命的颜色，是国际上以中国命名的颜色，即“中国红”。“红配黄”所呈现的是一种积极、热烈的视觉效果,是喜庆、吉祥的象征。在网站中首先可以看到logo是红色印章图案，突出中国味，与之配套的导航条、小图标均采用中国红与黄色相搭配。通过对大同大学校园文化网站的设计总结出以下几点经验：首先制作网站时，要保持网站色调的一致性，整体性是网站和谐的前提，每个网页、每个区域对色彩的运用，必须把握色调的整体性和连贯性。就像大同大学文化网站制作中整体采用“中国红”为主色调，不论是logo、导航、图标基本采用红色，强调整体协调性。其次，根据传统色彩的特点，灵活运用，把经典的色彩感觉引入到网站中，例如在网站中引入“中国红”、“中国黄”，主要目的在于营造具有中国传统韵味的色彩情调。再次，对中国传统色彩进行适当的加工处理，例如打破常规的色彩组合方式，这样可以搭配新的视觉效果。把徽派建筑、晕染的墨滴与红旗相组合，对以墨色为主的冷色调创新搭配鲜亮的“中国红”，两种颜色形成对比，刺激观者视觉，给人印象深刻。最后，在网站制作中注重现代风格色彩与中国传统色彩的融合，使二者既相互结合又相互区别，体现现代与传统相结合的时代感。在大同大学校园文化网站中以传统色彩（中国红、中国黄）为主色调，辅助色选用现代色彩，如有青草绿、宝石蓝、浅杏黄等，使网站既具有历史感又具有时代感。

4.古典图形彰显校园意蕴

中国传统图形具有中国独特民族艺术风格，经过历代传承经久不衰，是传统文化的重要组成部分。其形式丰富多样,既包含了具有审美价值的文字、绘画，还包含了具有实用价值的印章等。中国传统图形不仅是欣赏审美的体现，更是哲理与深刻寓意的化身，这些图形的作用甚至超越了文字符号，形成了具有深层民族精神的象征意义。在大同大学校园文化网站中运用到的传统元素有荷花、梅花、墨竹、奇石、徽派建筑、红旗、锦鲤、笔墨、书籍等。其中，荷花代表圣洁，是佛教净洁的象征，荷花出尘离染，清洁无瑕，古代名人墨客都以荷花象征自己洁身自好的高尚品质，荷花在此网站中，彰显校园文化高洁之意，突出积极参与校园文化建设者的高尚品质。梅常常常被看做传春报喜的吉祥象征，梅花也是岁寒三友之一，梅以其凌寒独开的傲雪精神和不与百花争春的高洁之美，被人们所喜爱，象征高洁、坚强，而笔墨、书籍也是中国传统元素的象征，并且体现着网站的主题———推广校园文化。竹，是君子的化身，彰显气节，乃“四君子”之一，代表着坚持、正直、清高，在此运用说明同大学子拥有竹一般的气节。奇石，也作为传统文化的象征之一，尤以玉石为代表，古代文人骚客以玉指代自己高尚的品格，而且玉不离身。徽派建筑以粉墙黛瓦为表现特征，以砖雕、木雕为装饰特色，成为体现中国文化的重要组成部分。五星红旗是中国的国旗，国旗上的五星象征中国全体人民对党的拥护爱戴，是中国在世界的标志和象征，彰显我校一直坚持和拥护我党的正确领导，此处体现着我校不断发扬爱国主义精神。大同大学校园文化网站所运用到的传统元素均与传统文化密切联系，荷花、梅花、墨竹、奇石、徽派建筑、红旗、锦鲤、笔墨、书籍，它们不仅说明网站的性质———传承传统文化，具有深厚的历史厚重感，而且说明同大学子拥有像荷花、梅花般高尚的品格———探求真理，不畏严寒。所以在网站中运用传统图形、图案时，要选择与网站主题相贴近的传统元素，不仅如此，更要深度挖掘传统图形深层意蕴，做到形与意、神与态的高度融合，才能更好地展现出对传统文化的传承与发展。中国传统图形为现代网站设计制作提供了血液和灵魂，将其放置于现代网站设计中发挥出无限的正能量。

5.哲学思想弘扬校园精神

适应性和包容性是中国哲学思想的显著特点。中国传统元素之所以能够成为中国艺术与文化精髓的代表，是因为中国传统元素与中国文化、中国哲学思想相存相依，与华夏民族传统人格一脉相承。中国文化的精神核心是天人合一，这种强调整体和谐的哲学，与网站设计的理念也是一致的，网站设计也是要达到整体的和谐，中国哲学主张世界是多样化的统一，认为以宽广的胸怀、有容乃大的气概，兼收并蓄，使世界达到“和”的理想境界，传统汉字书法艺术与传统图形的最终理想境界都是和谐，但这种协调与均衡并不是简单的线条处理分割，更不是一板一眼的类似数字化的均衡排序，而是通过对各种艺术设计表现手段的运用，达到一种整体上的制衡，即“中”与“和”的平衡。中国传统文化是以儒家思想为核心,儒道释并存，而中国元素是对中国传统文化的认知。儒家主张积极入世,讲求中庸之道，表现在网站设计上则是整齐、浑厚、中和的风格；道家主张法贵天真,崇尚自然,渗透到网站设计制作中，体现了黑白、虚实、浓淡、刚柔等艺术特点。佛教文化主张讲求禅机、心悟，在网站设计中的留白，在空白处留下无限遐想空间，从有界到无疆。儒、道、释三家哲学文化对中国传统文化有着深远的影响,而中国传统元素是它们有机的结合，也正是这种巨大的影响使它们成为中国传统文化的结晶与精髓。

五、结论

通过制作研究中国风校园文化网站，不仅可以发展中国特色，而且可以传承校园文化。让浓厚独特的校园文化以中国特色的形式表现出来，更具中国味，更贴近学生心理。中国文化有着独特的民族特色和文化底蕴，有自己的价值观和习惯，因此在网站设计过程中不仅要体现现代化的特点，更要注重对民族性的发掘，设计出具有国际性、实用性、民族性、文化性的网站。但是，本网站的设计还是存在着一些不足之处，比如，应拓展传统元素的素材范围、应设计传统元素的动态效果之美等等。因此还需在后期的制作中不断完善和改进。鲁迅先生在《且介亭杂文集》中曾说过,“只有民族的，才是世界的”。在制作现代文化网站时，对传统元素加以适当的改造提炼，能使网站更显历史厚重感，然后再结合现代的技术手段和审美情趣去发掘传统的精华，找到与时代的契合点，古今互补才能形成中国特有的设计风格。

作者：杜佳慧 单位：湖南师范大学

参考文献：

[1]周伟.高校校园网络文化建设网络平台的研究与实现[D].曲阜:曲阜师范大学,2010.

[2]陶亮.论中国传统文化元素的特点及运用[J].文艺研究,2012(8):9-25．

[3]高桂清.浅谈中国传统元素在网页设计中的运用[M].大众文艺,2010（24）:18-33．

[4]梁景红.网站设计与网页配色实例精讲[M].北京:人民邮电出版社,2009:123-145．

[5]郑忘平.网页设计中的色彩运用及研究[D].西安:西北师范大学,2012．

[6]荆婧.试论中国元素在世界电影中的呈现[D].重庆:重庆大学,2011．

[7]刘德宇.高校校园文化发展论[M].青岛:中国海洋大学出版社,2009:134-156．

篇7

西安思源学院陕西西安710038

摘要 随着信息技术的不断发展，网络教学的优势使其地位不断上升，已经成为现代教学发展必不可少的途径之一。本文以《电路》课程为例，对该课程的教学系统和网站的研发及建设进行了论述。

关键词 电路；网络教学；网站建设

《电路》是高校电学类专业必修的非常重要的专业基础课程，经过长时间的发展，已经形成了较为成熟的基础理论、分析方法和实验技能。该课程教学中涉及大量的电力符号、电路原理和定量，给学生的学习带来了极大的困难。随着电气自动化、电子通讯、信息技术的发展及广泛应用，电路理论也发生了重大变革，在电气越来越受重视的今天，传统的教学方法已经无法满足教学的需要，采用新方法提高《电路》教学效果是当下面临的主要问题。

1 电路教学系统设计

1.1 教学设计电路教学系统设计的最终目的是服务于人，因此在对网络课程进行开发设计时，要充分考虑教师的教学策略和学生的学习策略。

1.1.1 教学策略设计。网络教学系统设计目的之一是为学习者提供在任何时候、任何地点都能学习的环境，因此在电路教学系统设计过程中，应采用演示实验、仿真技术等教学策略，为学生创设可靠、有效的学习环境。

1.1.2 学习策略设计。网络教学课程设计的重点是对学习策略进行科学设计。学习策略不同，所获得的学习效果也具有差异性，对于学生来说，自主学习策略、协助学习或案例学习策略显然更能体现网络教学的优点。在设计教学系统时，应将界面设计尽量简洁化，便于学习者操作。

1.2 电路教学系统设计原则电路教学系统在设计过程中，应遵循以下几项原则：开放性、个性化、灵活性、共享性、可交互性、便利性、可评价性等。具体来说应从以下几方面入手：首先，教学目标设计应注重整体性、灵活性和可操作性，将电路课程中的各章节知识点以不同的形式进行展现，以完成教学目标。其次，教学内容设计应注重科学性、系统性和先进性，增加学生的知识面，提高学生的学习兴趣；对不同的知识内容进行划分时，尽量保持不同模块之间的独立性。最后，学习评价设计时应遵循客观性、整体性、指导性和科学性的原则，使学习评价更具有指导意义，提升电路课程的教学水平。

1.3 网络课程学习系统设计网络课程开发的首要任务是对教学对象、教学内容、教学目标进行分析，制定合理的教学大纲和教学计划。在制定教学大纲时，应对课程性质和目的进行说明，对教学内容中各知识点的关联性进行说明，对所需要的教学方法、教学环境进行说明。

2 网站建设

2.1 网站模块及功能管理员管理模块，网站涉及的用户可分为一般用户、学生、教师和管理员四类，管理员可对各个用户的申请进行审核；教师工作模块，教师用户登录该模式界面后，可对各管理模块进行调整、修改或更新。如公告、作业批改、网上答疑、讲义上传等；学生学习模块由目录导航和信息展现两部分组成，通过导航，学生可获取相关的学习内容，完成学习任务；公共信息模块，可为用户提供学科动态、知识拓展、教研论文或热点新闻等内容，丰富学生的学习面，节省查找信息的时间。

2.2 开发平台和工具

2.2.1 网站开发工具。网页编辑器采用由Macromedia 公司推出的Dream Weaver 网页编辑器，该产品具有所见即所得的特点，且带有站点管理功能，为用户设计和管理多个站点提供了极大的便利。Dream Weaver 的功能较为齐全，如表格控制、站点管理、多媒体插件等，使用该工具编辑网页的效率较高，而且对HTML 语言的相关知识需求不高。

2.2.2 网络开发工具。在动态网络开发技术中，应用较为广泛的是由微软公司推出的服务器端脚本环境（ASP），该技术可向页面嵌入动态元素，这对于WEB 功能的扩展、动态交互和数据库的读写是十分方便的，而且该技术对客户端的要求较低，降低了环境成本，减少了后期的维护工作。ASP 技术不足之处是稳定性较差、可支持的数据库较为单一，更新速度慢，因此在实际应用过程中，可与HTML网页、ActiveX 元件组合使用提高网站的交互能力；并建立专门的管理员客户端，对网站内容进行修改或更新。

2.3 网站素材准备网站素材需要用到文字、图形、图像、动画和视频等多种媒体形式，因此需要耗费的人力、时间较多。文字素材需要用录入和编辑功能，可使用Microsoft Word 2003；图形素材可使抽象内容直观化、形象化，还能起到美化界面的作用，图形可用画图工具完成；图像素材是反映真实情景的图片或者录像，可由网络获得；动画素材需要用到专业的制作软件，如常用的flash 工具。

2.4 动态网站的设计和制作动态网站是指具有交互性的网站，既能根据用户的需要进行改变或响应，还可自动更新的网站；另外，网站还能根据用户的特点，显现不同的内容，当不同时间、不同用户访问同一网址时，可显示不同的内容。目前，已经实现以上功能的几大模块有登录模块、教案上传模块和网站调查模块。

2.5 网站评价

2.5.1 课程、运行及调试。网络课程只有经过运行、调试后才能供学生浏览学习。课程完成后，插入超链接集成就可通过服务器到网站上去，由于制作中技术失误或运行环境的差异性，课程到网站上可能会出现多种错误，如链接失效、内容中有瑕疵、文件不显示、交互部分功能出现异常等，在对各项功能进行检查、调试，确认无误后进行上传。

2.5.2 网站评价。学习系统开发的重要步骤是能够展示运行系统的评价内容，网站经过试行评价，才能检验其有效性。参与网站评价的人员应该由教学专家、网站开发人员、学生及教师，以确保评价的全面性。本次电路教学系统网站评价，可利用“在线学习的认证标准”进行评价，该标准从可用性、教学性和技术性三方面对教学网站进行客观评价。

3 总结

利用网络资源进行电路课程教学，对于提高教学资源利用率，丰富教学形式，改善教学效果具有十分重要的意义，在对电路课程教学系统和网站进行设计和建设时，应利用多种简洁、实用的工具对其进行设计，以实现动态、交互式现代网络教学。

参考文献

[1]宋卫菊.电路教学系统设计及网站建设[D].南京师范大学,2007.

篇8

网页中版式布局

网页是通过视觉元素实现信息内容的传达,为了使网页获得最大的视觉传达功能,使网络真正成为可读性强而且新颖的媒体,网页的设计必须遵循平面设计形式美的法则,由此确定各种视觉构成元素之间的关系和秩序。网页的内容与形式的表现必须统一和具有秩序,形式表现必须服从内容的要求,达到信息诉求的重点。当网页上的内容非常多的时候,考虑怎样把它们以最合理的方式来排布,使整体感强同时又要有变化,可遵循以下几点规律:

网页版式布局中的变化和统一。在网页设计中恰当地运用这一规律,例如体育类的网站,排布的新闻从上到下几十条,没有一点变化,显得单调而乏味,这是违反这种形式美的规律的,所以要充分地运用变化来改进它,如可以变化其排列方式、字体颜色,也可在每条新闻前添加醒目的图标,既丰富了页面,也起到了引导浏览者视线的作用,便于浏览。

网页版式布局中的条理与反复。“条理与反复的原则是图形构成整体的秩序美的基础,是变化中的统一,也是运动发展中求得协调一致的表现方式,由它可以演化出多种多样的图形变化。”这种在很多较为优秀的网站中运用较多,例如一些商业网站,搜狐、新浪的此类网站内容丰富,信息含量大,不得不运用一定的方式将其条理化,同时又在一定程度上加以归纳后重复利用,使网页较为整齐,脉络清楚,读起来也能找到重点。

网页版式布局中的均齐与平衡。在网页设计中,在充分考虑整体页面上所有的图形、文字的基础上,页面整体的平衡和均衡尤为重要,页面上的平衡是一个动态的平衡,因为页面上两边不会总是一样的,即左边一个图右边就一个图,这在互联网上是不多的。更多的时候我们看到的页面是图和文字以及大块的颜色轻的图和小块的颜色重的图的平衡,以及与文本的疏密和大小的平衡,所以这是一种动态的平衡。因此合理地布局图片与文字的相互穿插,会使页面条理清晰,布局合理,重点突出。

网页色彩的运用

色彩对网页设计非常重要,是网页设计的关键因素之一,能给浏览者带来最强视觉冲击力的要素就是网页色彩,好的网页色彩设计能突出主题,引导视线,统一风格,使网站更便于浏览,给人留下深刻的印象。

鲜明、独特的识别性原则。“在网站云集的互联网上,一个网站的网页色彩只有与众不同、独一无二才能给浏览者留下深刻的印象”,达到良好的宣传效果。有几种方法可以借鉴:如选定一种色彩,然后调整其透明度或者饱和度,产生新的色彩,这样使页面看起来色彩统一,有层次感。而当使用两种色彩时,先选定一种色彩,然后选择它的对比色,这样整个页面色彩丰富但不花哨。也可用一个色系,例如淡蓝、淡黄、淡绿,或者土黄、土灰、土蓝,这样会使得网页风格统一。这在一些以女性为主题的网站中经常见到,大多采用粉色暖调,既体现了女性的主题,也使得网站的风格一致,保持良好的连续性。再如用黑色和一种彩色。比如大红的字体配黑色的边框感觉很“跳”,一些设计类网站常用到,这类网站往往页面视觉冲击力强,用色大胆,给浏览者留下深刻的印象;而灰色被称为万能色,可以和任何颜色搭配。

配色视认度高原则。我们在浏览网站时要长时间注视发光的荧屏,所以网页色彩要尽量抑制强对比,减少屏幕刺激,减轻视觉产生的疲劳。网页色彩的配色必须考虑视认度,视认度的高低取决于图与底的色彩对比程度,不要用花底作为页面的背景,那样背景不突出反而页面没有层次感,采用与页面内容对比强烈的颜色作为背景以突出内容的主题。此外,图形面积大小和图形的复杂程度也影响视认度的高低。在页面用图的选择上要使用清晰易识别的图形,以提高视认度。

因此,网页中色彩运用的成功与否,是决定网站的风格、定位的关键因素,遵循可行的规则,恰当地运用色彩,是网页设计的关键。

网页中其他各构成要素分析

对于网页设计来讲,其信息内容的有效传达是通过将各种构成要素的设计编排来实现的。网页的构成要素包括文字、图形、声音等基本构成要素及页头(LOGO、Banner)、导航栏、信息正文、页脚(版权信息、公司信息)等内容要素。

网页中文字的编排与设计。文字作为信息传达的主要手段目前也是网页设计的主体,文字是网页中必不可少的元素,也是网页中的主要信息描述要素,可以说是网页的灵魂。

网页设计者可以用字体来更充分地体现设计中要表达的情感。首先字体选择是一种感性、直观的行为。网页的文字编排与设计,要与网站的风格相统一,而不能相互冲突。如政府网页的文字要凸显其庄重和规范的特质,字体的造型规整而有序,简洁而大方;休闲旅游类内容网页,文字编辑应具有欢快轻盈的风格,字体生动活泼,跳跃明快,有鲜明的节奏感,给人以生机盎然的感受;公司网页可根据行业性质、企业理念或产品特点,选择与其风格统一的字体,个人主页则可结合个人的性格特点及追求,别出心裁,突出个性。

在网页文字的编排中,一般来讲,一个页面上字体种类最多不能超过三种。网页中文本字体的显示是需要本地硬盘字体文件的支持的,所以在互联网上使用过多的字体是没有意义的。文字在视觉传达中作为页面的形象要素之一,除了传达内容外,还具有传达感情的功能,因而必须具有视觉上的美感,获得良好的心理反应。这点很重要!

网页中图片的编排与设计。除了文本之外,网页上最重要的设计元素莫过于图像了。一方面,图像的应用使网页更加美观、有趣;另一方面,图像本身也是传达信息的重要手段之一。与文字相比,它更直观、生动,可以很容易地把那些文字无法表达的信息表达出来,易于浏览者理解和接受。

1.静态图像在网页排版中的运用不外乎四种形式:方形图、退底图、出血图以及这三种形式的结合使用。(1)退底图将图像中的背景去掉,仅留下主题形象。退底图形式自由,具有个性,给人印象深刻。常用于运动类、音乐类的网站,页面的效果轻松、活泼,动态十足,而且图文结合自然,给人以亲和感。但也容易造成凌乱和不整体的感觉。(2)出血图图像的一边或几个边充满页面,有向外扩张和舒展之势。因不受边框限制,感觉上与人更加接近,便于情感与动感的抒发。一般用于网站的首页,视觉冲击力强,能很快吸引浏览者的眼球,这样的图形也常用于个人主页,样式灵活多变,形式感强,个性突出。

2.图形的形状、大小。图形不同的外形表达不同的含义,方形稳定、严肃,三角形锐利,圆形或曲线外形柔软亲切,退底图及一些不规则或不带边框的图像活泼。图像在网页中占据的面积大小能直接显示其重要程度。一般来说,大图像容易形成视觉焦点,感染力强,因此,图片的位置、面积、数量、形式、方向等直接关系到网页的视觉传达。在图片的选择和优化的同时,应考虑图片在整体编辑计划中的作用,达到和谐整齐。

网页作为一种新的视觉表现形式,它兼容了传统平面设计的特征,又具备其所没有的优势,将成为今后信息交流的一个非常有影响的途径。网页设计是一种综合性的设计,它所涉及的范围非常广泛,在本论文中只从平面设计视觉传达的角度进行了一些阐述与分析。好的网页设计除首先应考虑其内容上的精益求精外,其次就是对内容合理有效的视觉编排。美是任何网页所必需具备的基本因素,更重要的是创造一种愉悦的视觉环境,平面设计的运用是至关重要的。

参考文献:

1.迪尚:《电脑图形设计》,杭州:浙江人民美术出版社,1995年版。

2.康定斯基[俄]著,罗世平译:《点・线・面》,昆明:云南人民出版社,1999年版。

3.陶人勇:《色彩构成》,四川:四川美术出版社,2006年版,第122～123页。

4.王受之[美]:《世界现代设计史》,广州:新世纪出版社,1995年版。

篇9

通过分析动态网页设计课程的教学现状及MOOC教育环境，提出一种MOOC教育环境下的动态网页设计混合教学模式，改变传统填鸭式教学方式，有效提高动态网页设计课程的教学质量和效果。

关键词：

MOOC；开放式；动态网页；混合式教学

动态网页设计课程是一种分布式管理系统前台界面设计与实现的技术，其可以提供动态输入、处理结果展示等功能，目前许多学校均已开设这门课程[1]。传统动态网页设计课程的教学往往采用面对面、课堂理论教学的模式，该模式无法充分体现动态网页设计课程实践性强的特点。为了能够解决上述问题，本文引入了大型开放式网络课程（MOOC），提出一种混合式教学模式[2]。

1传统动态网页设计课程的教学现状分析

经过多年的教学实践研究，发现传统的动态网页设计课程在教学过程中存在诸多问题，主要包括以下几个方面：传统教学模式是在教师提炼加工和梳理相关知识点的情况下，将提取的精粹传授和灌输给学生，课堂教学仅仅停留在老师讲解、学生听的状态，这种教学模式较为陈旧，学生容易产生疲劳感，降低了学习的兴趣和积极性，严重阻碍了学生自学动态网页设计课程的能力。

2MOOC教育环境应用分析

MOOC是一种新型的在线学习环境，MOOC的教学视频都很短暂，多为10分钟左右长度的片段，甚至更小的视频片段，每一个片段播放结束后往往采用相关的问题进行关联，学生准确回答问题后才能继续观看视频，并且学习者针对不懂的问题或知识点可以在线提问，由教师进行解答，具有非常强的互动性，可为广大学生提供高质量、高效率和高便利性的学习环境和资源，实现互动学习。MOOC在线教育学习环境具有以下几个方面的关键特征：开放性、规模性、互动性、独特性。虽然MOOC教育环境下拥有许多的资源，但其在我国的应用还没有得到普及。要想取代传统的课堂教学，需要解决以下几个方面的问题：（1）MOOC提供开放的动态网页设计课程教学资源，但是其无法创造长时间的思想交流、互相学习和协作的教学环境，不能够创造传统课堂互动教学的效果，会导致学生积极思考问题的动力不足，分析解决问题的能力变弱。（2）MOOC具有较强的灵活性，要求学生必须具有很强的自控能力，以便能够按时完成动态网页设计课程的学习内容，而对于那些缺乏自制力的学生会导致学习效率偏低，教学效果无法达到期望值。

3动态网页设计混合教学模式

动态网页设计课堂在教学过程中引入了MOOC，利用MOOC拥有的丰富的、先进的教学资源，与我国传统的面对面教学模式相互结合，开展新型的混合教学模式，促进教学改革和发展。在MOOC环境的支撑下，动态网页设计课堂教学可以划分为三个阶段，分别是课前自主学习、课堂教学和课后拓展。第一阶段是课前自主学习。课前学生可以利用MOOC平台让学生了解、掌握课堂需要掌握的基础知识，同时对于有疑问的地方可以在线与教师交流或者与同学讨论，更好地掌握动态网页设计课程相关的基础知识。课前自主学习模式可以避免传统课堂存在的一刀切、齐步走等缺陷，根据学生自身掌握的动态网页设计课程理论知识水平，并且充分结合学生自己的学习风格、习惯和能力实施差异化、个性化学习，有利于锻炼和培养学生的自主创新学习能力，同时学生可以利用PC机、Ipad或智能手机等各类型终端随时随地进行学习，充分利用碎片化的时间，解决传统面对面课堂教学缺课、未弄懂课程内容等问题，可以优化动态网页设计课程教学资源，提升学习质量和水平。第二阶段是课堂教学。传统动态网页设计课程教学与MOOC相互结合，可以将课堂教学转变为以学生为中心、以学生为主体的积极教学方法，教师作为课堂的主持者，其主要作用是发挥指导、协调和控制作用。在课堂教学过程中，教师首先提出问题，以便引导学生进行学习，讨论相关的设计案例，鼓励学生在解决问题中发现新的问题，善于引导学生讨论、思考和解决问题，改变传统的视听教学模式，通过学生和老师、学生和学生之间积极的互动讨论，教师能够让每一个学生在讨论中掌握动态网页设计课程知识，并且可以自发纠正错误的观点，为学生解惑。混合式教学模式可以把教师从重复的体力劳动中解放出来，把主要的精力集中于课堂教学创新上，并且可以在课堂教学之后对教学内容进行提炼、归纳和总结，运用问题求解方法确立课堂教学的疑点、难点和重点，然后布置相关的课堂任务，要求学生通过教师的讲授等完成相关的操作，对学习到的知识进行巩固，评价学生的作品和指导，有利于提高学生的认知结构，使学生能够全面了解自己的学习水平，有利于营造赶帮超学习氛围，让学生实现相互督促、自我完善，提高动态网页设计课程学习效果。第三阶段是课后拓展。在前两个阶段学习的基础上，学生可以继续在MOOC环境中学习动态网页设计课程，参与课程的互动和讨论，强化所学到的知识。同时对课堂上的内容进行延伸，积极利用MOOC继续深入学习各类型的分布式管理系统前台交互开发，激发学生学习的动力和热情，充分将开放的教学资源与传统课堂教学相互结合，充分发挥两者优势，相互促进，使得MOOC教学理念和传统教学理念实现互补，弥补传统教学的不足，真正促进教育教学的发展和壮大。与MOOC相互结合，实现动态网页设计课程教学，能够从根本上提高学生自主学习能力和创新研发能力，建立学生为主体、教师为主导的模式，把教师从讲授者变为学习的启发者和引导者，也可以把学生从被动的填鸭式教学模式中解脱出来，能够积极主动地完成学习活动，解决传统课堂教学存在的问题。

4结束语

MOOC是一个开放式、互动式的网络教学平台，其拥有丰富的学习资源，能够为学生提供较好的学习渠道。将传统面对面的动态网页设计课程教学模式与MOOC相互结合，能够将两者的优势集成在一起，解决现有教学模式存在的问题，减轻教师的简单重复劳动，提高学生学习的成效。

作者：任海鹏 邓春红 汪学文 何晶 范宏宇 单位：安徽机电职业技术学院

参考文献：

[1]李健君.PHP动态网页制作课程一体化教学模式的探索与实践[J].电脑知识与技术,2013(32):112-113.

[2]兰国帅,李慧娟,何博,等.混合式教学的课程教学设计与实践——以《大学物理》MOOC课程建设为例[C].计算机与教育：实践、创新、未来——全国计算机辅助教育学会第十六届学术年会论文集.2014:114-116.

篇10

摘要：通过网站访问方式调研了当前高校移动图书馆的建设情况，并就移动图书馆在我国高校的应用现状和发展进行系统分析，提出了高校移动图书馆的发展对策和对今后的发展展望。

中图分类号：G250.73文献识别码：A文章编号：1003-1588（2013）01-0046-03

1.1调查基本情况

目前国内已有多家高校图书馆开通了移动图书馆服务，笔者以985高校、211高校和其他省属普通高校为调查样本，结合地域经济发展特点，在每个地域范围内随机抽取这三大类高校移动图书馆的建设情况，以是否在其图书馆网站上挂载移动图书馆链接地址为调研标准（如表1所示）。

1.2高校移动图书馆的业务功能

在随机抽取和访问过程中，我们发现高校图书馆从数据提供商引入移动图书馆产品的居多，大多是超星集团和书生公司的移动图书馆解决方案。以书生公司的移动图书馆为例，在浏览访问过程中发现，这些现成的解决方案在馆藏目录查询方面，直接集成OPAC系统，包括汇文、aleph、金盘、interlib、innopac和sirsi等馆藏自动化系统。馆藏检索结果与原有检索方式的完全一致，并应用了LBS技术增加了馆藏排架位置视图功能；智能识别和认证用户设备，能自动适配用户的终端界面，并提供自定义界面的功能。在期刊论文、学位论文和电子书查询方面，提供了原版图片、文本和发送到邮箱等方式的阅读，并能兼容多种文件格式。在文献阅读时，还提供文献推荐、文献评论、文献批注和批注分享、文献收藏和订阅等功能。

而在自主开发移动图书馆网站的高校中，如清华大学和北京邮电大学，他们都是在数字图书馆原有业务基础上扩展在移动互联网环境的信息服务能力，包括在线书目查询、催还、预约、续借、即时通知等服务，均是通过短信服务平台向用户提供图书馆的业务功能服务。

1.3高校移动图书馆的使用成效

自引入移动图书馆以来，很多高校拓展了信息资源在移动互联网环境下的服务途径，通过短信息服务和WAP服务两种途径提升了图书馆在智能终端上的信息服务能力。尤其在馆藏目录查询、期刊、电子书、学位论文和报纸等信息资源方面，除了保持原有的图书馆服务功能外，还更加注重了与用户的社交互动。如书生移动图书馆提供“云笔记”功能、检索和浏览历史及收藏的存储，用户在阅读文献时可以评论、推荐和批注，并能便捷地与其他人分享。

2当前国内高校移动图书馆存在的问题

2.1未能区分手机图书馆和移动图书馆的概念定位

手机图书馆并不等同于移动图书馆，将图书馆的一些服务功能延伸到手机这类移动通信设备上实现，就可以称为手机图书馆 。但是手机的体积不可能无限增长，它的输入方式从键盘、触摸再到语音、图像识别也就达到了想象力的上限了，现在很多信息服务依然受制于屏幕大小和输入的流畅性。但是移动图书馆则涵盖广泛，与用户的访问终端种类无关，只要能浏览网页并访问到图书馆信息资源的各类移动终端，而不以用户终端设备来定义图书馆的信息服务模式。只是说智能手机这个移动终端在图书馆用户群体中非常普遍。只有带着这样的区分，我们才能更加准确地把握移动图书馆用户使用特性，挖掘特定用户群访问移动图书馆信息资源的使用特点和浏览行为路径，不断提高高校移动图书馆的信息服务质量和用户黏性。

2.2移动图书馆与数字图书馆的关系定位不清晰

移动图书馆是依托于原有丰富的馆藏数字资源，延伸了数字图书馆的信息服务，拓宽了用户获取信息服务的途径，提高了数字资源的利用率，强化了“移动性阅读”的特点，但本质上还是提供给用户所需的信息服务。移动图书馆不能也不可能完全取代数字图书馆，它必须建立在数字图书馆丰富的数字馆藏基础之上才能对外拓展信息服务能力，它是数字图书馆在移动互联网环境中资源服务模式的有益补充。移动图书馆网站对于获取信息服务的用户来说，整个获取信息的过程呈现“碎片化”的阅读和即时性速读的特点，由于在与传统PC使用特点不同的移动智能终端设备上获取信息资源，受到了屏幕变小、网速慢的局限，容易影响到用户的信息搜索体验，用户的社交化及个性化信息需求得到满足非常有限，由此带来了高校移动图书馆使用率的降低。因此，清晰定位移动图书馆在整个数字图书馆建设的关系显得尤其重要。

2.3移动图书馆尚缺乏足够的用户研究

高校移动图书馆的建设模式中，由于技术力量、人员和资金等因素的影响，自主开发相对较少，都是从数据库商引进或者外包给软件公司进行开发设计的。在投入使用时，大多数高校图书馆缺乏对移动图书馆的使用者进行用户偏好研究，提供的信息服务资源与数字图书馆的种类和数量相当，还停留在“资源的一站式搜索、导航和全文获取服务”的理念上，未能全面调研和考查用户“碎片化时间”阅读特征带来的资源服务需求变化，用户二次访问率较低，根据有关文献的论述，这个情况不局限于高校图书馆。另外，根据2012年高等教育版《地平线报告》的预测，未来5年的高校用户随时、随地获取信息的需求不断增强，在轻松、及时地访问网络上信息的同时，出于社交互动的信息行为习惯，他们更加关注所获取资源相关最新的用户分析和评论。这些特征必然成为移动图书馆用户研究的核心领域。因此，加强移动图书馆用户信息需求研究，尤其要关注用户的移动阅读特点和移动社交互动需求等方面的用户研究，对于移动图书馆的推广和提升服务质量大有裨益。

2.4把网站界面设计等同于用户体验设计

提升移动图书馆的用户体验越来越受到图书馆学界的关注。在用户的智能终端设备上，网站界面的优美和美观可以给用户带来充分的信息搜索体验过程，一次良好的信息搜索过程可以提升用户对于图书馆信息资源的忠诚度。然而，网站界面设计只是用户体验中的一部分，移动图书馆的用户体验应该是一个系统工程，还包括了网站可用性和移动社交等方面。网站可用性指的是访问该移动图书馆时，流量费用、浏览速度和在用户智能终端设备上的表现能力等，而移动社交，指的是能否及时与其他用户分享、是否提供搜索历史的云存储方式及得到信息帮助的及时交互等服务。只有涵盖了这些移动互联网的用户需求特征，才能更好地契合和提升高校移动图书馆用户体验质量。

3高校移动图书馆的发展对策

3.1加强高校移动图书馆的用户信息需求研究

不论是从数据商引进的网站平台还是自主开发的，移动图书馆都需要加强用户的信息需求研究，定期开展移动图书馆的用户问卷调查，关注用户访问移动图书馆各项信息服务获得的使用体验和感受，挖掘用户在移动图书馆信息环境内的社交互动和个性化需求，这样才能持续和系统地对用户需求和使用体验进行动态跟踪，有利于丰富和完善移动图书馆的各项信息功能模块，进一步提升图书馆整体的信息服务质量，增强移动图书馆平台的用户黏性。

3.2定期开展移动图书馆的读者推荐

可以通过高校图书馆网站、微博平台、学校论坛或者微信公众平台等信息平台来开展移动图书馆的读者推荐，结合各种图书馆培训或者讲座的活动宣传移动图书馆，也可以定期开展移动图书馆的使用培训和有奖问答，提高移动图书馆的使用率。尤其是移动互联网环境下图书馆用户阅读特点的变化，对读者移动阅读使用的移动设备、时间、地点、目的、获取资源的途径、对移动阅读的态度、影响因素及图书馆提供服务内容等方面系统地进行了调研，掌握移动图书馆在教师、博士生、硕士生、本科生和专科生等用户类别的使用特点，结合他们的学习和科研需求有针对性地对每个学历层次开展读者推荐。

3.3根据业务功能需求增强移动图书馆的信息服务能力

为不断提升高校图书馆的学科服务能力，拓展在移动互联网环境下的信息服务能力途径，提高高校移动图书馆用户的黏性，移动图书馆可以根据业务功能的需求进行移动图书馆平台的移植和服务创新。例如可以尝试引入VNS（vertical networking service）垂直网络服务，用户基于共同的兴趣爱好或专业定位而拥有稳定的共同话题，此平台上构建的关系也比一般社交网站更能稳固。图书馆可以借此提供馆藏资源与具体学科服务的内容定题服务，架构具有主题特色的交流平台，满足倾向此类主题的用户需求，让用户容易获取本学科的大量信息，又可以感受到图书馆数字资源的条理化和专题性。

3.4不断完善移动图书馆的用户体验质量

移动图书馆作为移动互联网下的图书馆信息服务的一种新模式，用户使用各类智能终端尤其是智能手机或者平板电脑，用户体验的质量较高，来自于用户在用户界面或者信息服务内容上的各种反馈，移动图书馆的管理者要系统收集和反馈，不断在平台升级中提升用户体验质量。积极探索将信息推送服务、二维码（QR）、地理位置服务（LBS）、增强现实服务、有声导引（Audio tours）和社交网络服务（SNS）等移动终端开发新技术应用到移动图书馆平台上，也可以针对移动终端本身有摄像头、语音通信、短信、 GPS定位、近场通信功能等特征，研发以前数字图书馆上没有做到的服务。在用户浏览和获取信息资源的同时得到非常丰富的用户体验。

4高校移动图书馆的展望

当前高校图书馆都在积极引入第三方服务商提供的移动图书馆平台或者自主开发，整合本馆已有的数字资源服务于师生的科研和学习。虽然自主开发容易带来实施速度慢、技术难度大、难以攻克等不足，引入第三方提供的平台也会带来服务模式单一化、固定化，受第三方系统设计限制不易开发个性化服务等缺点，但是，未来高校移动图书馆将会朝着提升移动图书馆用户体验质量、不断完善个性化服务，扩展各类业务服务功能，从而延伸了高校图书馆的信息资源服务范围，提高了整个图书馆的信息服务竞争力。

参考文献：

[1]Krista Rafanello.New Study Shows Library Users Want Access to Mobile Offerings Full details in Library Journal’s Patron Profiles： Mobile Device，Mobile Content，and Library Apps[J].http：///PatronProMobilePRFinal.pdf

[2]New Media Consortium. NMC Horizon Report 2012： Higher Ed Edition[EB/OL].[2012-09-24].http：///horizon-project/horizon-reports/horizon-report-higher-ed-edition

[3]Lisa Carlucci Thomas.The State of Mobile in Libraries 2012[OL].http：///2012/02/mobile/the-state-of-mobile-in-libraries-2012/