导语：如何才能写好一篇网页界面设计论文，这就需要搜集整理更多的资料和文献，欢迎阅读由公务员之家整理的十篇范文，供你借鉴。
引言
格式塔理论在网页界面设计中的应用
网页设计是将特定的视觉信息要素，根据主题表达的需求在特定的页面上进行的一种编辑和安排，其基础是视觉生理学和视觉心理学。格式塔心理学派通过对视觉感知的生理研究，提出了一系列视感知规律，其中包含了“图底”这个核心概念，和“简明原则”“接近原则”“相似原则”“闭合原则”等视感知特性，将这些规律引入页面设计，有助于我们优化视觉时代“形象过剩”状态下盲目的网页设计，提高信息传达的速度与准确度。
1.图与底
在人的知觉系统中最基本的一种知觉能力是在图形与背景间作出区分。“图”是居于前部的区域，“底”被看成是用来衬托图的背景。相对而言，图比底，轮廓较为完整、封闭，形状较为规则，面积比较小，色彩比较鲜艳；此外，更重要的是，能组织成为一定意义的区域倾向于被感觉成图。
由于图与底之间存在的这种相对性质，在网页设计中，应当明确区分图与底，主体与背景。另外,主体自身结构要清晰明了，背景不能过于复杂，这样才有利于浏览者辨别需要了解的信息。在背景的色彩搭配上应尽量选用同一色系的颜色，尽量避免同时使用色相环中相对的颜色，大面积同一颜色宜采用低对比度，避免用强烈刺激的颜色引起浏览者的视觉疲劳与厌烦情绪。格式塔理论的图－底规则不仅说明了主体从背景中分离出来的条件,而且指出了背景在一个格式塔中的重要作用。因此在网页设计中我们同样不能忽视背景的作用，图形是依赖于背景而存在的，要使主体感到存在，必然要有底将它衬托出来。因此无论在文字、色彩、图像，还是动画和视频方面都要坚持图底原则。
2.简明原则
其次，在图像的选择上，应避免使用过于繁复杂乱的、容易分散浏览者注意力的图像，这样会增加浏览者找寻信息的难度。
再次，在进行文字编辑时，应该考虑编辑的最终效果。文字应给人以清晰的视觉印象，避免页面繁杂凌乱，减少不必要的装饰变化，使人易认、易懂、易读，不能为造型而编辑，忘记了文字本身是传达内容和表达信息的主体。在字体的选择上，虽然可供选择的字体很多，但同一页面上的字体种类最多只能有三四种，这样才不会显得花哨。字体的选择应依据段落大小和内容层次,由重到轻、由粗到细。字号的选择也应该依据内容层次由大到小，但到了节以下的层面，可以选用同一字号但用不同的字体加以区分。在文本密度方面，文本应该以短小的组块形式出现，并且应该经过编辑，以简化内容。3.接近原则和相似原则
接近原则和相似原则的本质上都是简化和整体化知觉对象的组织原则，与前面的简明原则类似，人们在倾向于简化认识对象的同时，也倾向于将近似、接近的元素组合起来作为一个整体加以认知。也就是说如果不同的文字或图形组成部分位置靠近，浏览者就比较容易看出它们是一起的。根据这一原理，对于页面上的任何元素，如果在功能或内容上是相同或相近的，就应在一定程度上保持相对较小的空间距离，做到“物以类聚”。比如，页面中用以解释图形或用以表明某一部分图形的文字就应当紧挨其所指的图形或部分图形。
4.闭合原则与网页界面设计
闭合规则还表明,视觉形象被知觉的形式是首先作为一个统一的整体被知觉，然后再以部分的形式被知觉。因此，在进行网页界面设计时，要强调整体风格的统一，内容与形式的统一。
结语
将格式塔心理学引入网页界面设计，目的是希望网页设计向理性化的方向发展。随着网络的不断发展，浏览者对页面的要求也越来越高，但现在的页面设计大多还是从直觉出发，离科学的页面设计还有相当大的距离，因此要想达到科学的页面设计，就要在设计时遵照人类的认知规律，并且将这些规律正确地应用到设计实践中。而如何将格式塔理论与设计结合起来,仍是我们需要投入大量精力去研究与探讨的问题。
参考文献：
[1]曹方著.视觉传达设计原理，江苏美术出版社
[2]卡尔·考夫卡著，黎炜译.格式塔心理学原理.浙江教育出版社
关键词：网页设计，用户体验，用户界面
想要建立一个成功的网站，首先就要贯彻“以人为本”的原则，在现今的设计过程中能够体现“以人为本”原则的设计就属用户体验设计了。科技论文。这就不得不提到两个名词即用户体验和用户界面概念的理解。
一、名词概念
1.什么是用户体验
用户体验（userexperience）简称UE，是指用户在接受和使用一个产品（服务）的过程中建立起来的心理感受。用户体验无处不在，在日常生活中人们所接触到的一切产品，例如，交通工具飞机、汽车、公交车、自行车，数码产品电脑、手机、相机、mp3等，人们在使用的过程中都会产生纯主观的心理感受。这些纯主观的感受完全建立于用户体验产品的过程中，而产品的好坏或亏盈就由这些体验感受所决定，所以产品设计中的以用户为中心的用户体验设计显得至关重要。
2．什么叫做用户界面
用户界面（UserInterface）简称UI，界面（Interface）是人机互动过程中的一个层面；界面设计是一个复杂的有不同学科参与的工程，认知心理学、设计学、语言学等在此都扮演着重要的角色。比如，制作一个公司的网站时，不仅要兼顾用户的便利，同时也要把这个公司引人注目的地方一起展现出来。如果把一个网站比喻成一栋房子，那么用户界面则是房子的门面和装潢，只有首先吸引用户的眼球才能使用户留在房子里去体验生活。
二、用户体验设计的分类
在网站建设过程中如果只了解到用户体验的概念是不够的，设计者们必须要理论结合实践。因为用户体验是一种用户纯主观性的心理感受，设计师们在很微小的细节进行调整，或许就会得到用户的钟爱。这些细节上的精心设计必须经过设计师对于用户自身的调查与用户反馈的信息才能整出头绪，进行整合设计。那么通过调查与反馈用户体验的设计可以从以下几个方面进行调整设计。
1.感官体验
想要在网页中设计出好的界面的话，感官效果是必须考虑的一个方面。要注意网页的界面应该要保持一贯性不能给用户带来混乱感；在使用方法方面，设计风格要符合目标客户的审美习惯，并具有一定的引导性。科技论文。界面的构成不能太复杂；主要内容应设计在引人注目的地方。同时，页面布局重点突出，主次分明，图文并茂。与企业的营销目标相结合，将目标客户最感兴趣的，最具有销售力的信息放置在最重要的位置。在设计页面色彩时应该与品牌整体形象相统一，主色调和辅助色不超过三种颜色。以恰当的色彩明度和亮度，确保浏览者的浏览舒适度。
2.浏览体验
浏览体验顾名思义就是呈现给用户浏览上的体验，更强调的是吸引性。在一个网站中一切内容和服务都是从网站的导航延伸出去的，所以导航应该要动感、简洁、清晰，分类条理最关键。随着现在网站功能越渐强大，各类型网站中增加了越来越多的视频、动画元素，对网站速度的要求也越发苛刻。所以加快页面的浏览速度选择一家稳定的服务器托管商也至关重要。在网站的内容上设计者应该给用户带来舒适的文字环境。如今，网站博客撰写已成为了一个很大的话题。我们需要用和朋友对话的方式来撰写博客，让用户感觉到一种舒适温馨的氛围。这样用户就会少一些局促感，即使他们遇到了使用上的问题，也会心情愉悦的在网站帮助中寻找解决的办法。
3.信任体验
4.互动体验
三、总结
网站的用户体验设计是是在互联网时代开放、共享、自由的氛围中的一种进化需要，并且它最终将成为无论是从需求分析、到界面设计再到开发到运行维护至关重要的一部分，因为我们随时都需要将用户置入服务的核心，用我们的爱来浇注产品本身。
[1]戴力农.当代设计研究理念：用户体验超人性化设计方法.上海交通大学出版社，2009
[2]崔武子，齐华山，于宁.界面设计与VisualBasic.清华大学出版社，2004（7）
[3]（(美)JasonBeaird著熊平,宓媛珊译.完美网页设计.北京:人民邮电出版社，2008（7）
[4]徐延章.美工与创意:网页设计艺术.北京:科学出版社，2009（7）
【关键词】精品课程；网站；项目开发
目前很多资料或论文在涉及精品课程网站制作时，都以站在网站的技术开发角度进行论述，这些专业知识对于非计算机专业人员是较难透彻理解网站的开发过程。而且精品课程网站作为一个共享平台，还要把课程的资源放到平台上，涉及到平台的建设、各个资源内容制作和整合等工作，更是需要团队合作。一个完整的网站开发不像其它项目或者任务可以单独完成，是需要一个团队多个人分工合作完成。
一、网站项目开发团队，包括以下的角色和职责：
（一）网站项目经理
职责：1.项目执行监理2.质量监督员
网站项目经理负责与用户进行沟通，了解用户开发网站的思想、用途和要求。并创建和维护项目的规划和战略文件，预算表，项目进度和甘特图表，会议记录，费用记录和团队其他详细工作的项目文档。并协调、沟通网站各项目小组的日常工作。
（二）艺术总监
职责：1.网页界面设计师2.交互式设计师
（FLASH，JavaScript，Ajax）3.媒体专家（摄影，插图，视频，音效）。艺术总监的主要职责是设计网站的整体外观和感觉。把网站排版、用户界面设计、颜色标准、页面布局细节、图片要求、摄影、插画、网站的视听媒体等元素汇聚并形成一个整体。
（三）网站技术主管
职责：1.网页程序设计师（.net，Java，PHP/Perl，Ruby）2.网页工程师（XHTML，CSS，JavaScript，Ajax）3.数据库管理员4.网站管理员网站技术主管必须掌握有网站的环境、开发语言和开发站点框架、选择网络数据库等广泛的网络技术。他应该在技术人员、创意人员和项目团队各主管中充当一个桥梁或者翻译工作
（四）网站制作主管
在设计早期阶段，网站制作主管主要负责把原始的网站模型、界面和蓝图转化成HTML页面。一旦网站规划及设计完成并且信息架构也规划好之后，网站制作主管的主要工作就是制作站点页面，当然他可以直接用html编写，或者使用网站内容管理系统（CMS），也可以用一些站点开发软件，例如AdobeDreamweaver。
（五）网站信息架构师
网站信息架构师主要负责网站的结构和内容进行组织和分类。在整个项目的设计和规划早期阶段，信息架构师是最活跃的。他要制定整个网站的内容结构，网站的框架结构，向客户和网站开发团队介绍网站的整体规划。信息架构师也要与网站设计师紧密合作，制作用于显示网站各个页面的名称、导航和页面内容的网站蓝图。
二、网站项目开发过程及团队各角色相互合作关系
从图1-1我们可以把网站作为一个完整的项目，可以分为“规划”和“站点制作”两个主要阶段。
（一）规划阶段
这个阶段里要进行的工作就是用户调查与网站规划。网站项目经理要与用户进行接触，全面了解用户的需求，包括网站的用途和要实现的功能。用户也在这个阶段明确要网站能实现的功能模块和需要提供的材料。充分了解用户需求后，艺术总监和网站信息架构师就要基于用户的要求、网站的用途和网站访问者等各方面的考虑，使用PhotoShop或其它工具绘制出网站首页、二级页面的图形界面。与用户确定好界面、功能与内容，就开始分两条线路进行开发。1、技术路线：网站技术主管根据界面并与信息架构师一起进行技术规划，制作好网站使用的开发语言、技术、数据结构和数据库等。2、内容路线：网站编辑要开始规划网站编辑的基调；内容在网页上的表现形式（文本、图片、视频、动画）；确定文字风格和网页显示的字体的大小与字形；
（二）站点制作阶段
参考文献
关键词：用户体验；高校图书馆；网站
随着学生对互联网的依赖性越来越强，以及Googlescholar、百度学术等学术搜索引擎对图书馆学术资源主体地位的冲击，使得图书馆网站的用户体验变得越来越重要。图书馆网站必须进行优化设计，使用户可以方便地浏览网站的信息、使用网站的服务，让用户获得愉快的体验，才能吸引用户使用图书馆的网站，使用图书馆的资源与服务。用户体验强调在网站构建的过程中以用户为中心，充分考虑用户体验的内容及影响因素，通过设计满足用户需求，符合用户审美体验、认知特点、使用习惯的组织系统、导航系统等，从而让用户获得良好的体验效果。用户体验设计的目标可以归纳为：解决用户需求，减少用户理解和操作的成本，给用户留下美好而深刻的印象。基于用户体验的网站设计主要包括：视觉设计、界面设计和导航设计等。
1视觉设计
1.1符合视觉趋势
不同时期用户的审美取向与内心诉求是不同的，网站的设计一定要符合当前用户的视觉趋势。就目前而言，视觉趋势大致如下：响应式的网页设计让网站页面无论屏幕尺寸大小都能有最佳的显示效果[2]，宽屏、大图让页面更显大气；改变以往用线条来分割区域的方式，采用空隙和留白，让页面顺畅自由的呼吸，给用户留下广阔的思考空间；减少渐变和视觉元素，采用规整的布局、扁平化的视觉风格，让整体感觉更清爽。在网站构建之初，设计师一般会根据图书馆的需求结合当前的视觉趋势设计出至少3版首页设计图，图书馆可以采用问卷调查的形式从中选出最受目标用户欢迎的页面。
1.2做好色彩搭配
2界面设计
2.1避免使用用户不熟悉的词汇
2.3遵从网站形成的惯例
2.4符合用户的心智模型界面设计
2.5建立清晰的视觉层次感
3导航设计
导航是网站内用户的指示路标，可以说是网站最为重要的设计环节，它引导着用户进行浏览和查找信息，一个好的导航能够让用户在离开网站时犹如享受了一次愉快的旅程。导航设计首先要将网站的信息进行组织分类，一个精心组织分类的链接体系能够采用简约的风格，将信息梳理到最符合逻辑、最易于用户理解的类目，让用户不经迟疑、无需复杂操作就能访问到他们想要的内容。
3.1信息的组织与分类
3.2导航功能模块设计
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.
信息构建是“定义和控制界面并整合系统各组成部分”的一种机制，个人信息系统的规模和复杂程度正在不断增加，从而促进了构建程序在范围、组织影响和处理过程等方面比早期的独立应用范围要广泛得多。
第一代信息构建于80年代公开和描述，它是用于开发独立应用的，主要描述从需求、设计、构造到最后的交付使用这样一个过程，其重点是一个独立系统的开发。第二代则是将信息构建的思想融入企业级的若干个应用的综合。
二、现代图书馆信息构建
（一）概念解析
20世纪90年代初，Web的形成和基于Web浏览器的发明，大大推动了因特网向全球发展。同时，作为企业管理中的一个重要职能知识管理的出现，使得人们的争论越来越多地涉及到信息内容和内容管理上来，从而提出了以信息为中心的第三代信息构建。第三代与前二代信息构建的主要区别在于：
2．由于在第一代和第二代信息构建中所使用的单一图表过于简单化，不能传递太多信息，所以需要用一系列的图表来描述问题。第三代信息构建便是通过反映信息的这种多维复杂性以及描述构建中不同认识维度的各个关键因素来解决问题。
3．早期的信息构建概念忽略了该概念的背景和理论基础，或者将其简单化。基于一些不适当的设计原则，信息构建是很难实现的，如信息构建中对度的整合。今天的信息构建要考虑到整个体系中各元素的整合以及体系中各组成部分的再使用问题。
（二）与其它概念的联系
1．信息构建与信息设计。信息构建的重点在于内容以及以用户为中心，特别是复杂的网站建构。主要成分包括：虚拟设计：版面与信息的图表设计，使得交流的效用最大化；交互设计：设计网页上动态成分或软件应用，可以使用户完成特定任务；用户的经验设计：建立一个完整的基于用户需求的经验数据库；可用性：对一个系统进行评价，确保其易用性和有效性，然后，将评价结果融入到设计过程中去。
信息设计偏重于文献内容、结构和外形的结合。它不只考虑文献的内容本身，还将文献作为一个整体，进行多元化的整合。相比较而言，信息构建更侧重于内容的概念设计。
3．信息构建与信息管理构建。信息管理构建是当代出现的虚拟企业组织中为了管理生产计划信息和控制信息而产生的。它不仅要考虑商业数据，还要考虑技术方面的数据。信息构建是“组织信息和设计信息环境、信息空间或信息体系结构，以满足需求者的信息需求的一门艺术和科学”，涉及到图形设计、人机交互和界面设计，目的是帮助人们成功地发现和管理信息，侧重于用户和信息。
三、网络信息构建
网站信息构建是指借助图形设计、可用性工程、用户经验、人机交互、图书馆学信息科学等的理论方法，在用户需求分析的基础上，组织网站信息、设计导航系统、标签系统、索引和检索系统，以及负面内容布局，帮助用户更加成功地查找和管理信息。
网站信息构建的主要内容包括：
（一）内容组织
一般通过字母顺序或地理位置构成来组织图表。一些模糊图示法也很有帮助，但不太准确。现在比较有名的如Yahoo网页上的杜威十进分类系统。图表一般独立于用户界面。界面改变并不影响到图表。另外，为了实现这个目标，它还必须有一个规则来容纳新增加的网页内容。
（二）导航系统
（三）检索系统
这里强调的是检索结果和检索界面。检索结果不能太庞大和杂乱无章，以至于查准率过低。而界面要求友好，能够提供给用户进行自我修正检索机制的途径。
（四）标识系统
包括页标题、主页上的链接、索引入口、产品名、公司名等。这些在网站上随处可见。它可以使链接与页面主题相一致。
中华民族的传统文化博大精深、源远流长，也以其独特的魅力影响着中国乃至全世界。近年来，科学技术不断进步和发展，网络的社会地位逐渐凸显，校园文化网站建设也逐步趋于成熟和完善，它不仅传递着丰富多彩的视觉信息，也充分体现着独特的校园文化。本文通过阐述中国传统元素的内涵、特点和类型，以及中国传统元素在现代生活中的应用意义，将中国的传统元素巧妙地运用到大同大学校园文化网站的设计中，旨在彰显大同大学校园文化内涵，贯彻落实大同大学“厚德”、“博学”、“慎思”、“笃行”的校训，表现同大学子对校园精神文明的继承和发展。
关键词：
网站建设；中国传统元素；校园文化；界面设计
一、校园文化网站概述
校园文化是在学校这一特定的文化氛围中，师生在从事各项课内外活动中所创造的精神财富，以及承载这些精神财富的规章制度、组织活动和意识形态。校园文化的核心是精神文化，它包括学校领导、师生的价值观念、价值判断和取向，学校独特的文化特色、办学理念、办学目标，以及校风、教风、学风等精神风貌，以此彰显、传播和弘扬学校文化特色。伴随科学技术的不断发展，网络已成为传递校园文化的主要载体。其中校园网站就是一个集学习、娱乐与社会活动于一体的虚拟空间，可以充分体现校园的文化、精神和特色。而高校的校园文化网站不仅体现着各个高校的文化，也集中反映了当代教师与学生的精神风貌，对于文化的丰富、交流和发展具有重要意义。
二、中国传统元素概述
中国传统文化元素种类繁多，尤其是吉祥图形符号，如龙凤、麒麟、朱雀、太极、八卦、中国结、书法等传统文化元素符号，代表并彰显着中国文化神韵。中国元素，是指在中华民族的融合、演化与发展过程中形成的，由中国人创造与传承的，反映中国人文精神和民俗心理具有中国特质的文化成果。中国传统文化元素是东方文化中的独特景观和宝贵财富，它具有多样性、广泛性、丰富性的特点。包括丰富多样的有形物质文化元素和无形精神文化元素，如徽派建筑、梅兰竹菊、朱雀、书法、中国结等有形文化元素，思想意识、价值体系、道德观念、民俗等无形精神元素。在网站构建中，时刻运用着“中国特征”，处处体现着中国式的意境和精神，是构建中国特色校园文化网站的基础。
三、中国传统元素在文化网站中应用的意义
1.丰富网页的表现手法
中国传统元素的形式多种多样，对传统元素的挖掘和运用，能够极大地丰富网页创造的表现手法。在网页制作中，不仅要恰当地运用传统元素的表象特征，更要深层次地挖掘这些元素所具有的内涵，与传统哲学思想相呼应，共同激荡出更加出色的创意网站。
2.产生文化亲和力
中国传统元素取材于最贴近人民生活与民族情感的传统文化习俗，包涵了深厚的中华民族情感。对传统文化习俗的准确把握与运用，更能够体现国人的心理价值，使网站更具亲和力，增加受众的理解度、接受度，勾起受众对中国文化的精神联想，唤起对中国情结的共鸣，促进网站进一步传播与发展。
四、基于中国传统元素的大同大学校园文化网站的界面设计分析
在研究中，本论文主要是通过设计大同大学校园文化网站界面，结合中国传统元素体现出大同大学的校园文化底蕴。网站的设计主要分为八个部分，分别是“首页”、“书香校园”、“校园风光”、“学子风采”、“校园活动”、“舌尖校园”、“关于我们”和“论坛”，从各个方面介绍大同大学校园文化的组成部分，使参观者能够更加深入地了解大同大学校园文化的精神实质，贯彻落实大同大学“厚德”、“博学”、“慎思”、“笃行”的校训。其中从logo到小图标无不体现着“中国味”，网页以中国风色调为基准，将中国风格和校园文化巧妙融合。
1.翰墨书法演绎校园文化
2.水墨经典阐释校园内涵
3.传统色彩点亮校园经典
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．
西安思源学院陕西西安710038
摘要随着信息技术的不断发展，网络教学的优势使其地位不断上升，已经成为现代教学发展必不可少的途径之一。本文以《电路》课程为例，对该课程的教学系统和网站的研发及建设进行了论述。
关键词电路；网络教学；网站建设
1电路教学系统设计
1.1教学设计电路教学系统设计的最终目的是服务于人，因此在对网络课程进行开发设计时，要充分考虑教师的教学策略和学生的学习策略。
1.1.1教学策略设计。网络教学系统设计目的之一是为学习者提供在任何时候、任何地点都能学习的环境，因此在电路教学系统设计过程中，应采用演示实验、仿真技术等教学策略，为学生创设可靠、有效的学习环境。
1.1.2学习策略设计。网络教学课程设计的重点是对学习策略进行科学设计。学习策略不同，所获得的学习效果也具有差异性，对于学生来说，自主学习策略、协助学习或案例学习策略显然更能体现网络教学的优点。在设计教学系统时，应将界面设计尽量简洁化，便于学习者操作。
1.2电路教学系统设计原则电路教学系统在设计过程中，应遵循以下几项原则：开放性、个性化、灵活性、共享性、可交互性、便利性、可评价性等。具体来说应从以下几方面入手：首先，教学目标设计应注重整体性、灵活性和可操作性，将电路课程中的各章节知识点以不同的形式进行展现，以完成教学目标。其次，教学内容设计应注重科学性、系统性和先进性，增加学生的知识面，提高学生的学习兴趣；对不同的知识内容进行划分时，尽量保持不同模块之间的独立性。最后，学习评价设计时应遵循客观性、整体性、指导性和科学性的原则，使学习评价更具有指导意义，提升电路课程的教学水平。
1.3网络课程学习系统设计网络课程开发的首要任务是对教学对象、教学内容、教学目标进行分析，制定合理的教学大纲和教学计划。在制定教学大纲时，应对课程性质和目的进行说明，对教学内容中各知识点的关联性进行说明，对所需要的教学方法、教学环境进行说明。
2网站建设
2.2开发平台和工具
2.2.2网络开发工具。在动态网络开发技术中，应用较为广泛的是由微软公司推出的服务器端脚本环境（ASP），该技术可向页面嵌入动态元素，这对于WEB功能的扩展、动态交互和数据库的读写是十分方便的，而且该技术对客户端的要求较低，降低了环境成本，减少了后期的维护工作。ASP技术不足之处是稳定性较差、可支持的数据库较为单一，更新速度慢，因此在实际应用过程中，可与HTML网页、ActiveX元件组合使用提高网站的交互能力；并建立专门的管理员客户端，对网站内容进行修改或更新。
2.5网站评价
2.5.1课程、运行及调试。网络课程只有经过运行、调试后才能供学生浏览学习。课程完成后，插入超链接集成就可通过服务器到网站上去，由于制作中技术失误或运行环境的差异性，课程到网站上可能会出现多种错误，如链接失效、内容中有瑕疵、文件不显示、交互部分功能出现异常等，在对各项功能进行检查、调试，确认无误后进行上传。
2.5.2网站评价。学习系统开发的重要步骤是能够展示运行系统的评价内容，网站经过试行评价，才能检验其有效性。参与网站评价的人员应该由教学专家、网站开发人员、学生及教师，以确保评价的全面性。本次电路教学系统网站评价，可利用“在线学习的认证标准”进行评价，该标准从可用性、教学性和技术性三方面对教学网站进行客观评价。
3总结
利用网络资源进行电路课程教学，对于提高教学资源利用率，丰富教学形式，改善教学效果具有十分重要的意义，在对电路课程教学系统和网站进行设计和建设时，应利用多种简洁、实用的工具对其进行设计，以实现动态、交互式现代网络教学。
[1]宋卫菊.电路教学系统设计及网站建设[D].南京师范大学,2007.
网页中版式布局
网页是通过视觉元素实现信息内容的传达,为了使网页获得最大的视觉传达功能,使网络真正成为可读性强而且新颖的媒体,网页的设计必须遵循平面设计形式美的法则,由此确定各种视觉构成元素之间的关系和秩序。网页的内容与形式的表现必须统一和具有秩序,形式表现必须服从内容的要求,达到信息诉求的重点。当网页上的内容非常多的时候,考虑怎样把它们以最合理的方式来排布,使整体感强同时又要有变化,可遵循以下几点规律:
网页版式布局中的变化和统一。在网页设计中恰当地运用这一规律,例如体育类的网站,排布的新闻从上到下几十条,没有一点变化,显得单调而乏味,这是违反这种形式美的规律的,所以要充分地运用变化来改进它,如可以变化其排列方式、字体颜色,也可在每条新闻前添加醒目的图标,既丰富了页面,也起到了引导浏览者视线的作用,便于浏览。
网页版式布局中的条理与反复。“条理与反复的原则是图形构成整体的秩序美的基础,是变化中的统一,也是运动发展中求得协调一致的表现方式,由它可以演化出多种多样的图形变化。”这种在很多较为优秀的网站中运用较多,例如一些商业网站,搜狐、新浪的此类网站内容丰富,信息含量大,不得不运用一定的方式将其条理化,同时又在一定程度上加以归纳后重复利用,使网页较为整齐,脉络清楚,读起来也能找到重点。
网页版式布局中的均齐与平衡。在网页设计中,在充分考虑整体页面上所有的图形、文字的基础上,页面整体的平衡和均衡尤为重要,页面上的平衡是一个动态的平衡,因为页面上两边不会总是一样的,即左边一个图右边就一个图,这在互联网上是不多的。更多的时候我们看到的页面是图和文字以及大块的颜色轻的图和小块的颜色重的图的平衡,以及与文本的疏密和大小的平衡,所以这是一种动态的平衡。因此合理地布局图片与文字的相互穿插,会使页面条理清晰,布局合理,重点突出。
网页色彩的运用
色彩对网页设计非常重要,是网页设计的关键因素之一,能给浏览者带来最强视觉冲击力的要素就是网页色彩,好的网页色彩设计能突出主题,引导视线,统一风格,使网站更便于浏览,给人留下深刻的印象。
鲜明、独特的识别性原则。“在网站云集的互联网上,一个网站的网页色彩只有与众不同、独一无二才能给浏览者留下深刻的印象”,达到良好的宣传效果。有几种方法可以借鉴:如选定一种色彩,然后调整其透明度或者饱和度,产生新的色彩,这样使页面看起来色彩统一,有层次感。而当使用两种色彩时,先选定一种色彩,然后选择它的对比色,这样整个页面色彩丰富但不花哨。也可用一个色系,例如淡蓝、淡黄、淡绿,或者土黄、土灰、土蓝,这样会使得网页风格统一。这在一些以女性为主题的网站中经常见到,大多采用粉色暖调,既体现了女性的主题,也使得网站的风格一致,保持良好的连续性。再如用黑色和一种彩色。比如大红的字体配黑色的边框感觉很“跳”,一些设计类网站常用到,这类网站往往页面视觉冲击力强,用色大胆,给浏览者留下深刻的印象;而灰色被称为万能色,可以和任何颜色搭配。
因此,网页中色彩运用的成功与否,是决定网站的风格、定位的关键因素,遵循可行的规则,恰当地运用色彩,是网页设计的关键。
网页中其他各构成要素分析
网页中文字的编排与设计。文字作为信息传达的主要手段目前也是网页设计的主体,文字是网页中必不可少的元素,也是网页中的主要信息描述要素,可以说是网页的灵魂。
网页设计者可以用字体来更充分地体现设计中要表达的情感。首先字体选择是一种感性、直观的行为。网页的文字编排与设计,要与网站的风格相统一,而不能相互冲突。如政府网页的文字要凸显其庄重和规范的特质,字体的造型规整而有序,简洁而大方;休闲旅游类内容网页,文字编辑应具有欢快轻盈的风格,字体生动活泼,跳跃明快,有鲜明的节奏感,给人以生机盎然的感受;公司网页可根据行业性质、企业理念或产品特点,选择与其风格统一的字体,个人主页则可结合个人的性格特点及追求,别出心裁,突出个性。
在网页文字的编排中,一般来讲,一个页面上字体种类最多不能超过三种。网页中文本字体的显示是需要本地硬盘字体文件的支持的,所以在互联网上使用过多的字体是没有意义的。文字在视觉传达中作为页面的形象要素之一,除了传达内容外,还具有传达感情的功能,因而必须具有视觉上的美感,获得良好的心理反应。这点很重要!
网页中图片的编排与设计。除了文本之外,网页上最重要的设计元素莫过于图像了。一方面,图像的应用使网页更加美观、有趣;另一方面,图像本身也是传达信息的重要手段之一。与文字相比,它更直观、生动,可以很容易地把那些文字无法表达的信息表达出来,易于浏览者理解和接受。
1.静态图像在网页排版中的运用不外乎四种形式:方形图、退底图、出血图以及这三种形式的结合使用。(1)退底图将图像中的背景去掉,仅留下主题形象。退底图形式自由,具有个性,给人印象深刻。常用于运动类、音乐类的网站,页面的效果轻松、活泼,动态十足,而且图文结合自然,给人以亲和感。但也容易造成凌乱和不整体的感觉。(2)出血图图像的一边或几个边充满页面,有向外扩张和舒展之势。因不受边框限制,感觉上与人更加接近,便于情感与动感的抒发。一般用于网站的首页,视觉冲击力强,能很快吸引浏览者的眼球,这样的图形也常用于个人主页,样式灵活多变,形式感强,个性突出。
2.图形的形状、大小。图形不同的外形表达不同的含义,方形稳定、严肃,三角形锐利,圆形或曲线外形柔软亲切,退底图及一些不规则或不带边框的图像活泼。图像在网页中占据的面积大小能直接显示其重要程度。一般来说,大图像容易形成视觉焦点,感染力强,因此,图片的位置、面积、数量、形式、方向等直接关系到网页的视觉传达。在图片的选择和优化的同时,应考虑图片在整体编辑计划中的作用,达到和谐整齐。
网页作为一种新的视觉表现形式,它兼容了传统平面设计的特征,又具备其所没有的优势,将成为今后信息交流的一个非常有影响的途径。网页设计是一种综合性的设计,它所涉及的范围非常广泛,在本论文中只从平面设计视觉传达的角度进行了一些阐述与分析。好的网页设计除首先应考虑其内容上的精益求精外,其次就是对内容合理有效的视觉编排。美是任何网页所必需具备的基本因素,更重要的是创造一种愉悦的视觉环境,平面设计的运用是至关重要的。
参考文献:
1.迪尚:《电脑图形设计》,杭州:浙江人民美术出版社,1995年版。
2.康定斯基[俄]著,罗世平译:《点线面》,昆明:云南人民出版社,1999年版。
3.陶人勇:《色彩构成》,四川:四川美术出版社,2006年版,第122～123页。
4.王受之[美]:《世界现代设计史》,广州:新世纪出版社,1995年版。
通过分析动态网页设计课程的教学现状及MOOC教育环境，提出一种MOOC教育环境下的动态网页设计混合教学模式，改变传统填鸭式教学方式，有效提高动态网页设计课程的教学质量和效果。
MOOC；开放式；动态网页；混合式教学
动态网页设计课程是一种分布式管理系统前台界面设计与实现的技术，其可以提供动态输入、处理结果展示等功能，目前许多学校均已开设这门课程[1]。传统动态网页设计课程的教学往往采用面对面、课堂理论教学的模式，该模式无法充分体现动态网页设计课程实践性强的特点。为了能够解决上述问题，本文引入了大型开放式网络课程（MOOC），提出一种混合式教学模式[2]。
1传统动态网页设计课程的教学现状分析
2MOOC教育环境应用分析
3动态网页设计混合教学模式
4结束语
MOOC是一个开放式、互动式的网络教学平台，其拥有丰富的学习资源，能够为学生提供较好的学习渠道。将传统面对面的动态网页设计课程教学模式与MOOC相互结合，能够将两者的优势集成在一起，解决现有教学模式存在的问题，减轻教师的简单重复劳动，提高学生学习的成效。
作者：任海鹏邓春红汪学文何晶范宏宇单位：安徽机电职业技术学院
[1]李健君.PHP动态网页制作课程一体化教学模式的探索与实践[J].电脑知识与技术,2013(32):112-113.
[2]兰国帅,李慧娟,何博,等.混合式教学的课程教学设计与实践——以《大学物理》MOOC课程建设为例[C].计算机与教育：实践、创新、未来——全国计算机辅助教育学会第十六届学术年会论文集.2014:114-116.
摘要：通过网站访问方式调研了当前高校移动图书馆的建设情况，并就移动图书馆在我国高校的应用现状和发展进行系统分析，提出了高校移动图书馆的发展对策和对今后的发展展望。
1.1调查基本情况
目前国内已有多家高校图书馆开通了移动图书馆服务，笔者以985高校、211高校和其他省属普通高校为调查样本，结合地域经济发展特点，在每个地域范围内随机抽取这三大类高校移动图书馆的建设情况，以是否在其图书馆网站上挂载移动图书馆链接地址为调研标准（如表1所示）。
1.2高校移动图书馆的业务功能
而在自主开发移动图书馆网站的高校中，如清华大学和北京邮电大学，他们都是在数字图书馆原有业务基础上扩展在移动互联网环境的信息服务能力，包括在线书目查询、催还、预约、续借、即时通知等服务，均是通过短信服务平台向用户提供图书馆的业务功能服务。
1.3高校移动图书馆的使用成效
2当前国内高校移动图书馆存在的问题
2.1未能区分手机图书馆和移动图书馆的概念定位
手机图书馆并不等同于移动图书馆，将图书馆的一些服务功能延伸到手机这类移动通信设备上实现，就可以称为手机图书馆。但是手机的体积不可能无限增长，它的输入方式从键盘、触摸再到语音、图像识别也就达到了想象力的上限了，现在很多信息服务依然受制于屏幕大小和输入的流畅性。但是移动图书馆则涵盖广泛，与用户的访问终端种类无关，只要能浏览网页并访问到图书馆信息资源的各类移动终端，而不以用户终端设备来定义图书馆的信息服务模式。只是说智能手机这个移动终端在图书馆用户群体中非常普遍。只有带着这样的区分，我们才能更加准确地把握移动图书馆用户使用特性，挖掘特定用户群访问移动图书馆信息资源的使用特点和浏览行为路径，不断提高高校移动图书馆的信息服务质量和用户黏性。
2.2移动图书馆与数字图书馆的关系定位不清晰
移动图书馆是依托于原有丰富的馆藏数字资源，延伸了数字图书馆的信息服务，拓宽了用户获取信息服务的途径，提高了数字资源的利用率，强化了“移动性阅读”的特点，但本质上还是提供给用户所需的信息服务。移动图书馆不能也不可能完全取代数字图书馆，它必须建立在数字图书馆丰富的数字馆藏基础之上才能对外拓展信息服务能力，它是数字图书馆在移动互联网环境中资源服务模式的有益补充。移动图书馆网站对于获取信息服务的用户来说，整个获取信息的过程呈现“碎片化”的阅读和即时性速读的特点，由于在与传统PC使用特点不同的移动智能终端设备上获取信息资源，受到了屏幕变小、网速慢的局限，容易影响到用户的信息搜索体验，用户的社交化及个性化信息需求得到满足非常有限，由此带来了高校移动图书馆使用率的降低。因此，清晰定位移动图书馆在整个数字图书馆建设的关系显得尤其重要。
2.3移动图书馆尚缺乏足够的用户研究
2.4把网站界面设计等同于用户体验设计
3高校移动图书馆的发展对策
3.1加强高校移动图书馆的用户信息需求研究
3.2定期开展移动图书馆的读者推荐
3.3根据业务功能需求增强移动图书馆的信息服务能力
为不断提升高校图书馆的学科服务能力，拓展在移动互联网环境下的信息服务能力途径，提高高校移动图书馆用户的黏性，移动图书馆可以根据业务功能的需求进行移动图书馆平台的移植和服务创新。例如可以尝试引入VNS（verticalnetworkingservice）垂直网络服务，用户基于共同的兴趣爱好或专业定位而拥有稳定的共同话题，此平台上构建的关系也比一般社交网站更能稳固。图书馆可以借此提供馆藏资源与具体学科服务的内容定题服务，架构具有主题特色的交流平台，满足倾向此类主题的用户需求，让用户容易获取本学科的大量信息，又可以感受到图书馆数字资源的条理化和专题性。
3.4不断完善移动图书馆的用户体验质量
移动图书馆作为移动互联网下的图书馆信息服务的一种新模式，用户使用各类智能终端尤其是智能手机或者平板电脑，用户体验的质量较高，来自于用户在用户界面或者信息服务内容上的各种反馈，移动图书馆的管理者要系统收集和反馈，不断在平台升级中提升用户体验质量。积极探索将信息推送服务、二维码（QR）、地理位置服务（LBS）、增强现实服务、有声导引（Audiotours）和社交网络服务（SNS）等移动终端开发新技术应用到移动图书馆平台上，也可以针对移动终端本身有摄像头、语音通信、短信、GPS定位、近场通信功能等特征，研发以前数字图书馆上没有做到的服务。在用户浏览和获取信息资源的同时得到非常丰富的用户体验。
4高校移动图书馆的展望
当前高校图书馆都在积极引入第三方服务商提供的移动图书馆平台或者自主开发，整合本馆已有的数字资源服务于师生的科研和学习。虽然自主开发容易带来实施速度慢、技术难度大、难以攻克等不足，引入第三方提供的平台也会带来服务模式单一化、固定化，受第三方系统设计限制不易开发个性化服务等缺点，但是，未来高校移动图书馆将会朝着提升移动图书馆用户体验质量、不断完善个性化服务，扩展各类业务服务功能，从而延伸了高校图书馆的信息资源服务范围，提高了整个图书馆的信息服务竞争力。