课程网站设计的应用实例研究

【摘 要】本文以《图案设计与应用》课程网站为例，阐明了网站设计的概念和内容、网站设计的基本法则、网站设计目标与用户的需求，并对课程网站界面设计相关数码技术进行了应用分析。

【关键词】课程网站；网站设计；应用实例

1、网站设计概念和内容

当今世界已经走入了一个信息爆炸式发展的时代，各种科技产品与各种媒体平台相互搭配合作，带给人们越来越便捷、快餐化的生活。人们通过最常使用网络类媒体了解事实，在一个房间里就能轻松达到“足不出户知天下”。

网站是网络媒体的信息平台，是展示政府、企业、机构、产品、学校、等的网络窗口。在网站设计的时候，必须有明确的网站主题、站点目的和用户需求。在了解情况之后，设计师根据受众需求、市场状况以及网站所有者自身情况综合分析研究，以受众人群为中心对网站进行规划设计。

2、网站设计的基本法则

网站设计就是依据网站宗旨，把造型、结构、信息、色彩等视觉元素有机地统一在网站中，并对网站风格等进行整体设计。根据艺术历史学家迈尔・夏皮罗的观点，风格是“某个个人或群体的艺术作品经久不变的形式，有时则是持久不变的要素和表现”。其目的主要是利用造型的原则和规律，合理的分配和排列文字、图形等视觉元素，以便准确、系统、有效地传达信息。

3、网站设计目标与用户的需求

在设计规划网站之前，我们需要考虑五点。①网站的建设目的是什么？②网站的主要受众人群是针对哪一类？③网站能为受众提供什么？④网站适合什么样表现方式？

以《图案设计与应用》课程网站为例：（1）网站的建设的主要目的是通过网络宣传、展示《图案设计与应用》课程内容，同时让课程受众人群能在网上接受课外教育。（2）《图案设计与应用》课程网站的受众群体则是在校艺术类大学生以及高校专业老师。（3）课程网站提供课程教学相关参考资料，展示课程工学结合成果，建立师生作品展示平台以及教学互动。（4）课程网站的受众多数为在校艺术类大学生，这类人群对网络有很强的依赖性，喜欢轻松、明快、简洁、个性的艺术风格。课程网站在设计上需要迎合这些特点。

首先，在外观上需要采用简洁明快的主题设计方案，尽可能减少繁复累赘的设计，使网站在视觉效果上富有朝气。然后，在版式上需要合理布局，年轻的视觉心理特征，布局必须能清晰表达主题以及资料分布，使其能让浏览者观看方便，容易被吸引。其次，色彩也是网站的重要视觉要素之一，在色彩的选择上，第一看的是网站主题，第二则是受众色彩心理。适当的色彩对比以及一些留白与色彩间隔等不同的色彩穿插方式，可以充分的表达网站的思想内涵意境。再次，人性化的界面设计需求，也在随着受众人群的素质提高而增加，所以人性化设计是在设计中对人的心理生理需求和精神追求的尊重和满足，是设计中的人文关怀，是对人性的尊重。

4、课程网站界面设计相关数码技术的应用分析

4.1课程介绍

《基础图案》课程作为桂林旅专视觉艺术系的基础设计课程，始于1988年，最初作为旅游工艺品设计专业的专业基础课程进行开设。随着系部专业的拓展、完善与更新，《基础图案》更名为《装饰图案》，并成为装饰艺术设计、公共艺术设计等多个专业的专业基础必修课之一。

2009年，《装饰图案》通过校级评审，成为校级精品课程。在之后的教学中，课程名称更名为《图案设计与应用》，并进行了一系列教学改革，构建新型课程体系。《图案设计与应用》是一门建立在造型学和色彩学基础上，连接艺术类基础课程和设计课程的桥梁课程。本课程以图案设计与应用的一般工作流程为主线，着力从图案的理论基础、图案的设计实践与图案的应用拓展等三大模块出发，围绕着五个教学情境来培养学生的良好图案审美素养、高超的图案艺术表现及综合职业能力，以适应不断发展的行业岗位要求。

4.2课程网站设计目标

《图案设计与应用》课程网站是展示课程教学的一个直观窗口。在这门网站的建设中，要做到以下几点：

（1）网站界面能有效地展现“图案设计”这一主题内容，让浏览者在观看网站界面的同时就能认同了解《图案设计与应用》这门学科的概况。

（2）《图案设计与应用》网站中含有丰富的信息资料。丰富的各类相关资料应当满足课堂内外的相应的知识、技能以及学科参考与补充帮助，从网络上拉近学生与课堂的距离。

（3）通过浏览网站，受众在浏览网站的过程中对《图案设计与应用》这门课程有一个全面的认识，并让其对网站有深刻的印象。与此同时，在网站中还需要表现桂林旅游高等专科学校视觉艺术系在课程教学中的教学理念，让更多的浏览者了解课程的重要性，认可课程教学方式。

课程网站设计突出艺术性、助学性和互动性。通过网上丰富的教学资源、课程论坛、课程知识库、课程练习、课程评价等栏目为学生的自主性学习搭建了一个信息化平台，充分发挥了现代化教学手段在教学中的作用。同时，学生可以在网上通过在线交流进行学习探讨，互动性强，有利地促进了教与学的改革，促进了教学效果的进一步提高。

4.3课程网站制作过程

（1）沟通与资料收集是网站设计的第一步。在《图案设计与应用》课程网站中，首先要与课题小组人员沟通，了解网站所表达的课程内涵，以确定界面设计指导思路。收集各类网站板式、色彩、主题等设计元素资料，参照受众心理，并进行多方对比整合以及综合考虑，确定界面设计风格。

课程网站的主要视觉风格将定位在以图案为装饰主题，明快简洁大方为主要设计风格，网站图形设计的要求就是简洁、明了的传达信息，而不是将其弄的复杂化、模糊化。这样的设计思路既能抓住“图案”这一主题，又能体现现代流行的简约设计风格。网站以绿调为主，绿色给人清新、有活力、快乐的感受，符合当代大学生内心向上的心理感受，也符合当代校园的青春气息。

（2）总结此类网站的特点以及最新动态。同类型的网站是否受到受众的欢迎，是否能有效的对课堂进行帮助，是否能提高学生的学习积极性，是否能及时有效地更新学业、行业信息，是否能有效地促进教学效果的提高，都是在比对同类型网站之后所需要总结考虑的。在为同类型网站做调研的时候，还需要了解网站的信息动态，比对信息的新旧程度，过旧的信息会让受众有网站过期的想法，不利于增加网站点击、浏览量。知己知彼百战百胜，这是中国一句古话，同样的也可以用在我们的网站设计中。

（3）数字技术在网站设计与制作中的综合应用。网站设计是一个团队工作，而制作过程需要统筹安排制作时间，避免时间浪费。使用各类数码软件对制作工艺进行分工，可以有效的提高网站制作效率。同时多种数码技术手段的综合运用，可使网站在视觉丰富多彩。使用Photoshop设计静态外观，使用Visual studio制作网站构架，动态信息与静态页面的结合，使得网站富有节奏感，也让整体效果更有趣味性与吸引力。

4.4《图案设计与应用》课程网站获得良好反应

《图案设计与应用》课程网站正式挂到校内精品课程网站中后，获得了师生们的好评。通过对浏览者抽样调查，下发调查问卷，发现浏览者对于课程网站系统构架非常满意，对其信息的数量以及信息更新的速度还有待逐步提高。在调查中发现，网站能帮助在校学生了解相关行业行情，可以为今后工作目标做出良好的参考。对于高校同行，网站提供了横向参考价值，在浏览过程中，可以了解到学校教学资源状况以及学生学习情况等做为参考，调整自身相关计划。对于相关企业，网站反映了一个学校，一个系部对于教学的态度，反映了学生在校的专业素养，对于毕业之后，企业选聘相关人才做出了参考信息。

【参考文献】

[1]乔岗.网络化生存[M].中国城市出版社，1997：3.

[2]郑文硕.如何搞好网页设计的布局[J].中国对外贸易（英文版），2011（0）：375.