网站网页设计论文

2022-04-15

关键词：眼动实验网页设计高校官网浏览习惯搜索效率引言互联网的时代，高校官方网站是高校宣传的重要平台与载体，网站设计的好坏直接影响用户使用高校官方网站的积极性，然而对于高校官方网页设计的研究方法多以问卷调查、专家打分等方式进行，评估具有主观随意性。下面是小编整理的《网站网页设计论文(精选3篇)》，欢迎大家借鉴与参考，希望对大家有所帮助！

网站网页设计论文篇1：

新形势下电子商务网站网页设计与制作探讨

【摘要】随着网络信息技术的迅速发展，网站网页设计越来越细化，且制作技术和内容也较以往有了质的飞跃。在当前的形势下，电子商务网站网页设计与制作需要强大的技术体系来为其做支撑，传统的网站设计技术已经成为过去。目前，在web标准下的网站网页设计思路成为主流，在其影响下探究出一套紧跟时代步伐的设计流程，专门针对电子商务领域而构建的专业化网站网页设计与制作策略。本文就以web标准为例，探讨在国内外新形势下电子商务网站网页设计的相关内容，以期为网站网页的实际制作提供有益的借鉴。

【关键词】新形势；电子商务网站；网页设计与制作；web标准

前言：

互联网时代的到来，改变了人们以往的生活习惯，而且对很多行业岗位产生了较大的影响，尤其催生了一批新型以电子商务为主要经营模式的企业。电子商务网站的网页设计在现代企业的实际运营管理过程中十分重要，不仅起到了宣传企业文化作用，而且也是企业拓展新业务、维护客户的重要平台，这是互联网时代的发展为现代企业单位开辟的新路径。

一、新形势下电子商务网站网页设计与制作的目标

所谓“新形势”指的就是当前快速发展的互联网时代影响下的社会环境的变化，以及人们思想意识的转变。随着各领域贸易的日益频繁，使得商家更依赖电子商务平台，因其成本低、信息资源丰富等特点受到了广大社会群体的认可。

（一）电子商务网站设计与制作的根本目的

在电子商务平台之上，我们可以清晰的看到商品本身的形态、特征以及价格，而且，越来越多样化的网站网页设计形式层出不穷，促使电子商务平台建设的格局逐步升级，新技术的涌现更是突显了电子商务模式的优势。从网站网页设计与制作的目标来看，能够以最直观、最有效的网站网页设计方案来吸引更多的顾客及促使其参与交易才是新形势下电子商务网站网页设计与制作的终极目标。

（二）网站网页设计与制作要能够技术合规且突出重点

具体来分析，对于电子商务网站的设计要突出其功能性，需要最新的电子计算机技术来为其做支撑，程序的设计一定要能够顺利运行，通常要经过测试以后才能够上线运行。对于电子商务的网页设计而言，结构和形式要突出层次感，内容要尽可能丰富，从而将电子商务的关键内容呈现在网页的重点区域，便于人们登录浏览。

二、电子商务网站网页设计与制作所需技术

对于电子商务网站网页设计来说，能够依托网络载体使得开展电子商务业务的企业将其业务有效的推广出去，就是一项成功的设计。在实践过程中，需要应用到很多计算机技术及电子商务设计软件。就以web标准为例来看，电子商务网站网页设计的思想是通过缜密的开发流程来体现的，通过对SHOPEX网上商店系统的制作，进而达到管理网店、拓展业务的目的。从实质上来看，Web标准不是单一的技术标准，而是一个完整的技术体系，其层次较为清晰。在Web标准的支撑下，设计者可以很好地将网站网页结构分割清楚，并能够提升网站开发的效率，降低设计及维护成本。总之，从Web标准的关键技术来看，整个技术体系都是以Web标准基本思想为基础，采用一套有效的开发流程，对SHOPEX网店系统进行电子商务网站的网页设计与制作，最终，这种开发流程在实践过程中得到了验证。

三、电子商务网站网页设计与制作过程

在具体进行电子商务网站网页的设计与制作的过程中，首先要分析目标网站网页的设计内容、方向、网站所要突出的重点等问题，然后，要缕清设计思路，规划出详尽的设计方案，做好网页结构的编排，最后，细化网站结构，完善网页制作的细节。只有按照规划好的流程来，采用合适的网页设计技术及软件，才可以将电子商务网站网页设计和制作的过程完成。

（一）电子商务网站网页的设计内容分析

通常情况下，网站设计的方案要符合当下人们的审美观，简单来说，就是要符合大多数人的视觉习惯，并需要做好合理规划。对于电子商务网站的设计而言，要能够利用大块区域来突出贸易活动的主体内容，并让企业的产品、服务等项目列在最为突出的位置上，只有本着重点突出的原则，才能让浏览网站的客户清楚的看到企业的业务及文化，从而令其产生交易的想法。

（二）网站网页结构编排与方案设计

以Web标准下的网店系统开发为例来看，在进行网页方案设计之前，网页模版的开发较为重要。在实际设计及制作的过程中，采用了SHOPEX网店系统开发的模版来为其做支撑，在每个设计模块区域放置一个独立的设计内容、产品或服务，这样就会令用户对电子商务平台上的功能及业务模块一目了然。最后，要进行网站网页内容的填充，逐步细化网站结构，增添时尚感的素材完善网页制作。

结束语：

通过分析电子商务网站网页设计的特殊性，结合基于web标准的制作技术，来进一步探究网络时代的发展对于电子商务网站网页设计及制作的影响，并提出完善电子商务网页网站设计和制作的具体策略。在web标准基本思想的推进下，开发了一套高效制作电子商务网站网页的系统，并且将其应用于实践，取得了良好的实践成果。总之，以web标准下为例来看，新形势下电子商务网站网页设计与制作已经不同以往，需要改换新型设计内容、结构设计、方案设计等内容，只有这样，才能突出现代电子商务网站网页的设计特点，抓住人们的视线，从而促进电子商务的快速发展。

参考文献：

[1]朱淑琴，魏威，张嘉萌.基于Web标准的电子商务网站网页设计与制作[J].计算机与现代化，2012，03（03）：106-109.

[2]郑伟，张永良，郭伟，张学琴.《商务网页设计与制作》项目课程的开发与建设[J].杨凌职业技术学院学报，2010，04（04）：71-74.

[3]曹春益，傅俊.以网页设计与制作为例构建电子商务教学资源库的探析[J].科教导刊（上旬刊），2013，04（04）：40-41.

作者简介：魏旭青、生于1983年6月、男、汉族、广东揭阳人、2006年毕业于揭阳学院计算机应用专业、现供职于揭阳市榕城区信息中心、职称：信息助理工程师.

作者：魏旭青

网站网页设计论文篇2：

眼动实验在高校官方网站网页设计中的应用

关键词：眼动实验网页设计高校官网浏览习惯搜索效率

引言

互联网的时代，高校官方网站是高校宣传的重要平台与载体，网站设计的好坏直接影响用户使用高校官方网站的积极性，然而对于高校官方网页设计的研究方法多以问卷调查、专家打分等方式进行，评估具有主观随意性。而眼动仪可以实时捕捉用户的行为习惯，通过被试者的眼动轨迹、热点图以及相关数据可对网页的设计情况进行直观、准确地分析评价。本文以国内部分知名高校官方网站首页为研究对象，采用眼动实验对被试者浏览高校官方网页过程进行研究，并在实验结束后立即填写调查问卷，获取用户的主观信息，将主观评估和客观数据相结合，对用户浏览高校官方网站的习惯及用户的视觉搜索因素进行分析探讨，使结论更加全面具体，为高校官方网站的网页设计提供参考依据。

一、眼动实验与高校官方网站设计

眼睛是人类获得外界信息的主要途径，视觉是加工处理信息的重要方式，用户浏览网页时主要是通过眼睛获取搜索信息。眼动仪是用来记录处理眼动数据的设备，是心理学研究的重要仪器，眼动测试是内隐测量方法的一种，其实验数据可以直接反映用户行为，近些年被广泛应用于网站的设计与评估中，用于分析用户对网站的视觉浏览习惯。眼动实验能够记录用户在浏览网页时眼睛的运动数据，包括总注视时间（Total Fixation Time，TFT）、注视次数（Fixation Count，FC）、平均注视时间（Average Fixation Time，AFT）。眼动实验的主观性图表在网页设计研究中被使用最多的是热点图和轨迹图。

近些年，眼动追踪被广泛应用于网页设计研究之中。许鑫等人利用眼动追踪实验研究用户在浏览高校图书馆门户网站主页时的浏览习惯，提出了高校图书馆门户网站网页设计时应考虑的重要因素[1];王诗傲将眼动分析法引入到工业设计服务网站的界面设计评估上，通过眼动指标完善工业设计服务网站评价体系内容[2];刘玮琳等人通过眼动实验探究网页界面中的分类信息设计对用户认知效果的影响规律[3];吴安波等人对某高校教务网站的可用性进行了分析，在一定程度上为教务网站的设计及改进提供参考[4]。由此可见，利用眼动实验对网页设计进行研究已经较为成熟，为高校官方网站网页设计的研究提供了理论基础。

高校官方网站是依托于高等学府，以服务教育、服务科研、服务师生为目的，肩负对内交流、对外宣传的使命，从事教育资源整合、高校信息发布、辅助教学管理的综合性网站[5]。高校官方网站既是学校信息传播的重要载体，也是校内师生管理系统的重要入口。针对高校官方网站设计研究方面，李嘉瑜以国内“985”高校为研究对象，以美学视角为出发点，对高校官网的版式界面进行了详细的分析[5];万立军等人通过国内外学者对目前高校网站信息服务质量评价相关研究内容的分析，构建我国高校网站信息服务质量评价指标体系[6];孔宁通过询问技术，从用户的主观倾向性出发，對高校门户网站可用性进行了进一步的探索与研究[7];王传松应用文献分析法、用户访谈和问卷调查法、层次分析法以及模糊综合评判法等方法，构建了基于用户体验的高校网站评价模型[8]。通过对搜索的文献进行整理发现目前针对高校官方网站网页设计的研究并不多，眼动实验在这一研究领域中还有待探索。

二、实验设计

眼动实验的方法主要有两种，一种是无目标浏览，另一种是典型目标搜索任务。本次实验分为两组（实验A和实验B），实验A：无目标浏览，在规定的时间内被试按照自身习惯对十张刺激材料进行浏览，研究被试在正常情况下浏览高校官方网站主页的习惯。实验B：典型目标搜索任务，要求被试以通知公告栏作为搜索目标，在浏览结束后对实验材料进行打分，研究通知公告栏在不同位置的搜索效率。

（一）实验材料

流量是衡量网站是否受欢迎的一个重要指标，本次实验刺激材料采用站长之家根据Alexa排名、百度权重、PR值以及反链数四种因素综合排名的高等院校网站排行榜的前十名高校官方网站主页，分别编号为A、B、C、D、E、F、G、H、I、J，十所高校均为双一流高校，查询时间为2020年11月29日。并选取西安工程大学官方网站主页作为演示材料进行规则讲解。

（二）实验设备

实验设备为由瑞典公司所生产的Tobii眼动仪，型号为：Tobii X2-30，采样频率30Hz。实验材料通过分析处理软件Ergolab2.0显示在戴尔电脑显示屏，分辨率为1920*1080，被试眼睛与显示屏的距离保持在60cm左右。

（三）被试

高校的师生是高校官网吸引的绝大部分访问对象，因此被试为随机招募的西安工程大学在校本科生、研究生及教师，被试的年龄在18～34岁，男女比例1：1，其中本科生16名，研究生12名，教师2名，共30名。所有被试身体状况良好，无色盲症状，视力或矫正视力均在1.0以上，均有使用电脑上网的经验，能熟练操作计算机。根据实验任务30人随机分为2组，无目标浏览15人，典型目标搜索任务15人。测试完成后每人将会获得一份小礼物。

（四）实验流程

整个实验在采光良好、安静的交互体验与可用性测试实验室进行。实验员向被试简单介绍实验设备、实验流程及注意事项，待被试适应环境后，坐在实验位置上并在实验知情书上签字。

打开软件，输入实验名称，将实验刺激材料导入，设置相应参数;被试坐在距离电脑显示屏60cm左右的位置，调整坐姿，目光保持平行;采用五点校准法对被试进行眼动数据校准;被试浏览指导语;浏览屏幕上的实验刺激材料;参与实验B的被试填写纸质版喜好度问卷;实验结束，整理数据。

三、实验结果及问卷分析

（一）热点图分析

热点图是被试浏览网页时图形化表示的数据，用不同颜色来表示被试对界面各处的不同关注度，主要通过绿色、橙色和红色三种颜色表示。被试在一区域的注视时间越长，注视点越多，颜色越深;注视时间短、注视点少则颜色浅，可以直观地看到被试视线集中的区域，从而知道最关注和最容易忽略的区域。

通过实验A所得到的热点图（15组数据叠加之后的热点图，随机选择展示，如图1所示）。从图中可以看到，网页中学校logo及导航栏颜色多为红色，轮播图区域为绿色和橙色，信息栏中的标题及图片新闻区域多为橙色。网页右下角的文章标题链接区域颜色为绿色，网页右侧区域颜色较淡。从热点图中可以看到，被试在浏览的过程中，最关注的区域在上方的位置，也就是学校标识及导航栏;轮播图传达信息更加直观，能够吸引人的眼球;加大加粗的标题比大段文字更吸引用户的注意力;图片比文字更加吸引人的注意力;重要的信息不宜放在网页的最右侧区域。

（二）轨迹图分析

注视轨迹图用于记录被试在浏览网页的注视轨迹，数值1、2、3……代表注视点的顺序，注视停留时间越长，注视点的半径越大。通过注视点轨迹图可知被试首先注视的区域、注视的先后顺序、注视停留时间的长短以及视觉是否流畅。

通过实验A所得到的注视点轨迹图（随机选择展示，如图2所示）。从轨迹图中可以看到，第一注视点往往在网页的中上区域，即轮播图的位置，第二注视点一般在导航栏，然后根据从上自下的浏览习惯进行浏览，图片右侧偏下的位置几乎没有注视点。通过注视点轨迹图可以看出，注视点的位置多落在导航区、标题以及图片区域。在进行高校官方网站网页设计时，好的轮播图能够让人眼前一亮，吸引人的视线，也是对整个网页的第一印象;导航区的设计尤为重要，清晰明了的导航能够准确高效地引导用户查找信息，减少因为盲目寻找信息而浪费的时间;信息栏中标题与大段文字之间应形成对比，为用户提供简洁明了的信息层级，让用户以最短的时间找到想要的信息;图片比文字更加吸引人，在高校官方网站网页设计中合理地加入图片，不仅可以提高用户视觉体验，还可提高信息的获取率。

（三）数据分析

在实验B中，采集了总注视时间（TFT）、注视点个数（FC）及平均注视时间（ATF）三种眼动指标数据。TFT是被试对网页所有注视时间的总和，反映了被试在进行搜索任务时注视的时间，是比较不同网页搜索效率的重要指标;FC是被试在浏览网页的过程中产生的注视点的个数，在信息搜索中，注视点个数越多，信息搜索越困难;AFT是每个注视点平均所用的时间。通过眼动实验分析处理软件Ergolab2.0相关数据得出被试完成搜索任务所用的时间TCT，得出搜索任务放在打开网站的第一屏时，搜索效率最高。被试在完成实验后，立即对十所高校官方网站网页进行喜好度打分，对喜好度数据进行统计，得出网站喜好度均值PV，数据表明用户更喜爱风格简洁、有条理，并且信息搜索效率高的网站。相关眼动数据、完成搜索任务所用时间及喜好度值如表1所示：

从上表可知，利用相关分析去研究TFT， FC， AFT， PV和TCT之间的相关关系，使用Pearson相关系数去表示相关关系的强弱情况。具体分析可知：

TCT和TFT之间的相关系数值为0.998，并且呈现出0.01水平的显著性，说明TCT和TFT之间有着显著的正相关关系。TCT和FC之间的相关系数值为0.990，并且呈现出0.01水平的显著性，说明TCT和FC之间有着显著的正相关关系。TCT和AF T之间的相关系数值为-0.330，接近于0，并且p值为0.351>0.05，说明TCT和AFT之间并没有相关关系。TCT和PV之间的相关系数值为-0.648，并且呈现出0.05水平的显著性，说明TCT和PV之间有着显著的负相关关系。

2.将TFT、FC、PV与TCT，输入至SPSSAU中进行线性回归分析，如表3、4、5所示：

从表3可以看出，模型R方值为0.420，意味着TCT可以解释PV的42.0%变化原因。对模型进行F检验时发现模型通过F检验（F=5.793，p=0.043<0.05），模型公式为：PV=8.154-0.009*TCT。总结分析可知：TCT全部均会对PV产生显著的负向影响关系。

从表4可以看出，模型R方值为0. 9 9 6，意味着TC T可以解释TFT的99.6%变化原因。对模型进行F检验时发现模型通过F检验（F=1882.932，p=0.000<0.05），模型公式为：TFT=0.057 + 0.922*TCT。

总结分析可知：TCT全部均会对TFT产生显著的正向影响关系。

从表5可以看出，模型R方值为0. 9 8 0，意味着TC T可以解释FC的98.0%变化原因。对模型进行F检验时发现模型通过F检验（F=386.337，p=0.000<0.05），模型公式为：FC=-1.018 + 1.974*TCT。

总结分析可知：TCT全部均会对FC产生显著的正向影响关系。

通过眼动数据及网页喜好度值处理分析之后的结果可知：网页喜好度与完成所搜任务所用时间之间有着负相关关系，所用时间越长，搜索效率越低，喜好度越低，搜索任务放在打开网站的第一屏时，搜索效率最高;总注视时间与完成搜索任务所用时间共1项之间有着正相关关系，完成搜任务所用时间越久，总注視时间越长;注视点个数与完成所搜任务所用时间之间有着正相关关系，完成所搜任务所用时间越长，注视点个数越多。

（四）讨论

结合高校官方网站的作用及眼动实验与问卷调查数据处理分析的结果，对高校官方网站设计提出以下建议：

1.信息内容：高校网站与其他网站不同，它是教育性质而非盈利性质的网站，使用价值是使学校教职工、学生以及社会人员获得有用的信息，其内容主要是与学校相关新闻动态、教学科研、招生等管理服务信息这些方面，高校官网发布的信息内容需具有准确性、权威性及新颖性。实验表明，图片比大段文字更具有吸引力，用户浏览高校网站时第一注视点及最关注的区域在网页中上方，信息放在打开网站的第一屏时，搜索效率最高。因此，在进行高校官方网站网页设计时，信息内容可以结合图片进行展示，增加对用户的吸引力，提高用户的关注度，并且应将重要的信息放在网站第一屏的中上方。

2.用户服务：高校官方网站的基本功能是满足用户群体的需求，所以合理、科学地划分用户群体，从而确定目标用户，并满足目标用户的需求，这是提升高校网站用户体验的一个重要方面[9]。高校官方网站网页在设计时，应考虑其界面如何便于用户操作，例如导航栏及搜索框的设计，网站导航栏是引导用户进行网站浏览并快速地回到网站的首页及其他内容页面栏目的一个版块，它决定了用户能否通过导航系统快速进入到相关页面;搜索框在网站的设计中是至关重要的，通过搜索框用户可以快速地查找到自己想要的内容。实验结果表明：搜索信息花费的时间越短，用户对网站的喜好度越高，因此应将导航栏和搜索框有关的内容放于官网首页的中上部，使用户在最短的时间获得最有用的信息，提高用户对网站的喜好度。

3.网站结构：明确高校官方网站的定位及信息内容之后，高校网站的网页结构设计应分清主次关系，科学地进行信息分类，组织信息方式多样化，使各部分所含信息平衡。网站的结构层次不宜过多，网站目录结构与层次框架应当清晰有序、线索明确、主次合理[10]。在进行高校官方网站网页设计时标题与内容之间可通过字体大小颜色进行区分，加大加粗的标题更能引起用户的注意力。应合理地使用图片，采用图文结合的方式进行排版布局，使视觉效果增强对信息资源的显示，而不是一味地大面积使用图片，信息内容变得松散，使得用户的视觉搜索效率降低，反而适得其反。

4.网页风格：用户获取信息最主要的方式是视觉，“视觉吸引”是影响用户体验的第一步，用户打开网站之后的网页视觉效果给用户留下第一印象，网页整体风格决定网页视觉效果，因此，网页整体风格的好坏对用户视觉印象起到关键性的作用。通过眼动实验及问卷调查发现，被试对于网页整体风格简洁、有条理的高校官方网站页面的注视点更为集中，用户能很快地找到重要信息。对于页面风格结构相对复杂的网页，被试的注视点更为松散，视觉搜索效率也相对较低。因此，高校官方网站的设计不应该一味地追求风格复杂化而忽视了功能的重要性，在进行高校官方网站设计时，应将视觉和功能相结合，网页结构功能清晰、风格鲜明，使用户能够便捷且顺利地完成操作。

结语

通过眼动实验研究了用户在正常浏览情况下浏览高校官方网站主頁的浏览行为习惯，找到高校官方网站中信息搜索效率最高的位置，发现与信息搜索效率相关的眼动指标，得出搜索目标时间越久，搜索效率越低，用户的喜好度越低。并结合高校官方网站的定位，为高校官方网站网页的设计提供了参考建议。本次实验仍有不足之处，比如眼动仪精度不够高，实验样本较小，实验设计的较为简单等，未来研究可以针对这几个方面的不足之处进行完善和深入。

作者：武晓燕张阿维

网站网页设计论文篇3：

厦门市高校门户网站网页设计研究

摘要：学校网站是展示校园文化、教师风采、学生风貌、教育理念的窗口，随着互联网大数据技术的不断成熟，厦门地区各高校普遍开通了门户网站，但是只是形式化的开通网站，对网站的整体设计普遍缺乏内涵与风格，满足不了现代新媒体大环境下用户的人性化、视觉化、交互性的需求.本人通过对厦门工学院官方网站界面设计的调查，针对存在的问题进行研究分析并提出一些建议，旨在促进我校校园网建设的深化.

关键词：高校网站；网页设计；版式设计；色彩

1 概述

学校门户网站是学校的“网上名片”。是现代学校对外宣传展示自我沟通交流的必需品。可以提高软实力，增强综合竞争力。可以展示校园文化、教师风采、学生风貌、教育理念等，可以在教育领域树立新形象新品牌，体现办学实力。

学校网站能提供教学互动的全新方式，也能能够提供个性化学习的平台，使得教师与教师、教师与学生、学生与学生之间的交流有了全新的方式，网络提供的丰富资源可以使学生寻觅不同的教育方式，各取所需。

厦门工学院现有的官方网站存在着很多的问题，主要包括：1）外观老旧，没有现在时尚感；2）规划杂乱无章，不利于浏览者进行顺畅浏览；3）布局不合理，板块内容重复极容易造成浏览不清晰；4）版式设计过于传统缺乏个性化设计；5）色彩搭配上和本校的VI理念不符，过于陈旧缺乏视觉冲击力；6）交互设置不科学，没法适应现代社会人群的需求，缺少现代主流互动软件的应用；7）内容信息不明朗，字体不统一；8）在移动终端显示效果较差。为了厦门工学院有一张“新名片”必须对现有的网站进行重新规划、重新设计、重新建设的工作。跟上现代多媒体时代的步伐，通过本次课题的研究工作，可以给该领域的网站设计应用工作树立新标杆，有利于厦门地区学校网站平台的构建以及与时俱进

2 课题意义：理论意义和实际意义

1）在国内外众多的教育机构特别是学校，都建设具有自身特色的网站，作为宣传自我的重要平台，并把其做成知名品牌，极大地提升了该地区教育水平的知名度，在厦门该形式目前已经有了一定的的规模，但是没有形成规范化、特色化。研究该课题可以填补厦门地区高校群网站的规范化、潮流化、特色化的形成，有力推动学校网站的设计理念和形式，进行品牌推广。并且总结经验逐层次进行递增推广，可以提升整个厦门高校教育的知名度。

2）本团队都是有多年设计课程教学经验的年轻教师，设计理念先进，有多次完整网页设计的经验，和成熟的技术，完全可以承担该课题的研发、设计、创造的工作。

3）在厦门这个注重教育的城市。学校网站的建设及应用有很大的可行性和应用前景以及空间，并且可以进行具体实施的推进。

4）厦门校园文化建设是“和谐社会、和谐厦门”重要的组成部分，是素质教育的重要载体。学校网站的设计及应用是从研究学校文化现象入手，通过系统作业帮助学校总结和提炼办学的核心理念，设计文化建设、战略服务、有效管理的途径与方法，从而形成有浓郁校本特色和独特品牌内涵的学校形象和管理模式，提高教育教学的整体运作水平的能力。

5）厦门各高校网站的建设，会成功的开辟“第二课堂”，给学生和老师多提供了一种交流平台。同多媒体技术、虚拟现实技术相结合，可实现虚拟图书馆、虚拟实验室、虚拟课堂等；为教师学生提供多层次、全方位的学习资源也使之成为最佳的教学研究室。

6）厦门各高校网站的建设更是契合当今互联网+的主题，让学校各类信息互通互联。

7）厦门各所高校网站的开通能更多的宣传厦门、发展厦门，在此同时也能展示厦门这座城市的教育水平和教学理念及质量

3 研究内容

本项目的研究对象、总体框架、重点难点、主要目标等。

1）网页版式设计的特点

网页版式设计是指在有限的屏幕空间里，将网页中的文字、图像、动画、音频、视频等构成元素组织起来，按照一定的规律和艺术化的处理方式进行编排和布局，形成整体的视觉形象，从而达到有效信息的最终目的。

由于网页是在电脑上显示信息的，电脑屏幕对其的视觉影响很大，因此，在网页版式设计时，应特别注意文字的编排，字号不宜太小或太细，必要时应适当增大行距，此外，还应注意文字色彩与背景色彩的区别，以保证信息传达的清晰度和准确性。

2）网页版式设计要点

网页版式设计中的色彩运用在编排网页版式时，设计是应合理地运用色彩，使版面给人以视觉美感。此外，设计师还应深入分析网站的性质、经营目的或运作模式等因素来恰当地选择色彩，以使其更好地衬托网站主旨思想。

3）网格的运用

网格的运用能使版面显得整齐、干净，具有稳定的结构，使网页各部分分区明确，使阅读流畅，信息鲜明、突出。在对版面进行布局时，应充分利用网格的作用合理地设置网站标题、栏目、导航、文字以及图片等信息，使其统一中有变化，对比中体现和谐。

4）网页版式设计中的圖片编排

网页设计同样是一种视觉传达设计，图片在版式中除了能够使信息展示更加具象外，还具有调节版式活跃度的作用，它能使版面更为生动、丰富。其中，图片面积的大小决定了版面的活跃程度，图片的形式影响着版面风格。

除了真实照片外，网页版面中的图片还可以运用手绘图片，如素描漫画、动画或者水彩画等，别出心裁的图片形式令人耳目一新，使版面显得轻松、活泼，增强版面的趣味性。

5）网页版式设计中的文字编排

网页版式设计中的文字的编排宣传简单、清晰，使其能够清楚、准确地传达网页信息，每行字数不宜过多，一般不超过30个字，以免造成视觉上的疲劳感。

6）页面的个性化设计

随着网络时代的到来，网页版式形式也越来越多。设计师应根据所学知识，结合网站特点，灵活的编排设计，才能使网页在众多设计中脱颖而出，更具个性化，更加吸引眼球。

7）该课题调研的困难和经费来源。

8）厦门工学院网站统一视觉识别系统的推动和实行。

9）如何为厦门所有高校系统提供统一的项目服务、宣传、普及、法制推行。

10）如何为厦门高校网站的新建和更新提供全面的模式参考、让网站发挥作用的前提下永不褪色，永不落伍，一直保持新鲜、特色、简洁、清楚的特点。

4 目标、思路方法：研究目标及技术路线

1）厦门工学院整套网页页面系统的设计；

2）厦门工学院官方网站系统设计视觉的统一；

3）形成一整套视觉效果标准和理论数据指导文献。帮助厦门市其他高校网站建设更新工作的顺利进行。

4）研究技术路线文献查阅、问卷调查、现状研究、专项研讨、课题设计规划研发设计及网络测试、论文发表及网站页面产权保护。

5 关键问题

1）目前，网站平台理念和建设虽然取得了一些成果，并得到一些教育管理和学校文化研究专家的充分肯定，但存在的问题却没有得到重视。对厦门高校教育系統以及厦门市教育局运作环境的认知，以及他们对待此课题的态度和是否可行。

2）调研的困难和经费来源。

3）厦门市地区学校网站平台建设及更新的推动和具体实行方案的制订。

4）如何为厦门市高校网站服务、宣传、普及、法制推行。

6 创新之处

在学术思想、学术观点、研究方法等方面的特色和创新。

1）网页设计总体方案主题鲜明。便于长周期的使用，不落伍。网页整体效果以符合厦门工学院相吻合的字体、形象、颜色等进行设计。

2）通过对本校师生问卷调查结果，约百分九十的认为现有网站的版式过于陈旧，都建议对其进行全新的升级。根据这种情况本研究团队根据本学院的实际情况进行设计创新，网页版式设计是指在有限的屏幕空间里，将网页中的文字、图像、动画、音频、视频等构成元素组织起来，按照一定的规律和艺术化的处理方式进行编排和布局，形成整体的视觉形象，从而能有效的传递信息。厦门工学院坐落在美丽的厦门，学院气质和办学特色都与厦门这座城市有着众多的相似之处，时尚、美丽、浪漫、求实创新，所以在版式选择上应用了满版型加分割型加对称型的综合应用，形式美法则上主要应用了变化与统一、对比与协调、节奏与韵律、对称与均衡、虚实与留白等多种技巧。

3）主题鲜明的颜色应用根据和谐、均衡和重点突出的原则，使版面给人以视觉美感，根据学校的性质、目的、运作模式等众多因素考量后，根据问卷调查结果，百分八十九的人选择了主题色为浅蓝色搭配白色。使之版面视觉效果清晰明了，时尚沉稳。

4）网页设计形式与内容相统一灵活运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。

5）虚拟现实技术的应用使网站的视觉效果和体验效果更佳的具有时代感。

6）网页设计中多媒体功能的利用。

7）结构清晰并且便于使用。

8）导向清晰。

9）方便的反馈程序。

10）网站的尺寸再设计上不在追求传统的满屏效果也就是1024像素*768像素，更多地使用了现在的“无限滚动”的尺寸效果，符合电脑浏览，也适合现在手机客户的浏览。

11）便于大众化理解和普及和理解。

12）便于形成厦门工学院网站规范进行二级学院逐级推广。

13）形成经验便于在厦门地区其他院校推广经验，形成厦门特色的学校群网站的建设。

7 预期成果