中国传统元素在校园文化网站界面中的应用研究

杜佳慧

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

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

中图分类号：G202 文献标志码：B 文章编号：1673-8454（2016）11-0031-05

引言

随着社会的进步和发展，传承文明与创新知识已成为当代文明的主题主线，在此环境下，高校校园文化网站应运而生、蓬勃发展，而且近年来其社会地位也不断凸显。与此同时，全球文化的交流和碰撞日益激烈，导致高校校园文化日益开放和繁杂。因此，应从多角度、多侧面、全方位的视角梳理和评价高校校园文化，并逐渐建设完善高校校园文化网站，传承校园文化，构建社会主义和谐校园。

作为凝结华夏文明精神和彰显中华人民特质的传统文化元素，如果将其适当地取舍、借用、打乱、组织、重建并运用到校园文化网站的建设中，将会取得全新的视角效果与经验，提供一种全新的触及世人心灵的感性认知，培养中国风格的审美情趣，激发民族自豪感。其中网页版式设计对整个网站的设计构造是至关重要的，也是浏览者与网页信息间的传递载体，例如在版面设计中采用留白的方式营造空灵韵味，在现代的版式设计中有指导意义。在构建中国风的网站时，加入中国传统文化元素设计，不仅会发挥现代科技美与创新美，而且还会体现传统的韵味美，保持着新与旧、古与今、传承与发展的高度契合，能够使网页展现深厚的文化底蕴和历史厚重之感。

大同大学文化校园网站的设计制作将中国传统元素融入到网站的界面设计中，以期能彰显大同大学校园文化底蕴，并且能在网页中体现大同大学的校园文化精神，体现全体师生对校园文化的传承与发展。

一、校园文化网站概述

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

二、中国传统元素概述

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

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

1.丰富网页的表现手法

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

2.产生文化亲和力

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

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

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

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

汉字作为一种抽象的艺术符号，本身就具有很强的审美趣味。在网页设计中，汉字不仅是语言信息的载体，呈现着其“形”的特征，还能体现其审美艺术价值。把中国书法艺术中的形、神、意进行适当的融合，并运用到网页设计中去，有助于体现网站的文化民族特色。

在大同大学校园文化网站中就运用到了不少汉字书法设计，首先表现在logo（见图1）的设计中。logo图整体以书法为主要元素，在设计过程中采用左图右文的手法将传统印章、龙图腾作为设计元素与楷书汉字艺术相结合。红色印章中是运用毛笔一气呵成中国风的龙图腾，线条优美，若隐若现。配以毛笔书写的楷书文字，说明网站的主要性质——传播校园文化。印章与图腾的艺术形式巧妙组合，能让观者感受到浓烈的民族气息。运用毛笔书写“校园文化”四个字，大面积的浓墨书写文字贯穿着整个logo图，不仅突出主题，而且显得雄伟有神，运用毛笔书法“软”的特点能使简约的线条生成丰富的气韵之美，增强logo的视觉冲击力和表现力。

不仅logo中运用汉字书法，网站中的滚图也大量使用汉字书法元素，并巧妙地与大同大学的校训相结合，运用书法形式加以表现，展现大同大学校园文化底蕴。在每一幅滚图中的黄金分割比例位置处书写“厚德、博学、慎思、笃行”这个同大学子熟记于心的校训，采用行书字样书写，突出我校校训的历史感和厚重感，从而体现出我校校园文化源远流长。

在“厚德”这幅画中，（见图2）整体以墨色荷花为背景，给人以空远悠扬的意境，以行书书写的“厚德”二字，对整个空间进行分割，对空白的切割体现书法艺术的形式美，随后以楷体小字对“厚德”校训加以解释，行楷两种字体交相辉映，共同呈现大同大学校园文化的历史感与厚重感。

在“博学”这幅画中，整体背景采用从灰色到白色的渐变手法，灰阶层次的渐变达到空灵之效。行书书写的“博学”二字，从上及下，从左及右，涉及了文字的方向性，文字排列的方向性也会影响视觉效果，在大同大学校园文化网站中文字方向主要有平行、垂直两类，而平行、垂直的文字能给人以稳定厚重之感。同样以楷体小字对“博学”校训加以解释，采用古代文字的书写格式，文字方向从右及左的展现，体现了对传统文化风格的继承。

在“慎思”这幅画中，字体圆润灵动，校训的行书字样与解释的楷体字样之间采用浓淡墨交替变化，空间中大量留白，以“慎思”二字对留白处进行分割，形成虚实对立之感，体现书法的韵味美。

在“笃行”这幅画中匠心独运地使字迹融合了毛笔的意蕴，好似展示了毛笔书写的过程，别有风味。字体设计风格雅致，简洁中不乏品味。本画面中解释文字较其他几个画面较大，这里把解释文字作为填充空白的元素加以运用，不仅能够展示书法的独特魅力，而且也有补充空白之效。

网站运用汉字书法让人感受到，当介绍具有历史文化特征的内容时，适当结合汉字书法，可以增加原有内容的意义与内涵。深入挖掘汉字的造型意趣和文化底蕴，并赋予它新的生命力，可以提升网页的文化韵味。

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

水墨画属于中国画的一种，主要以水墨的形式描绘中国的山水人情。以毛笔、纸、绢等绘画媒介，将笔的提按转折、疾徐轻重与墨的虚实强弱、干湿、浓淡相互搭配形成无穷变化，以绘画语言的形式表现中国文化特色之美。

在大同大学校园网站中构图背景主要以水墨画为主。例如首页中的滚图设计以水墨山水画为背景，（见图3）配以浓重笔墨书写出的圆，中间以汉字书法画龙点睛，整体营造出一种空灵之感，有浓浓的文化厚重感，与校园文化的风格交相辉映。其中，背景选择大量留白的水墨画，不仅可以方便其他元素的添加，也可以营造出空灵意境。

在网页设计中更是如此，将中国式的艺术审美运用到设计中，让空白在字与图之间自由游走。中间以浓重笔墨书写出的圆，不仅可以体现中国特色，而且极具吸引力，把观者的目光第一时间聚焦在圆中间的内容上，突出主题。去除了外在复杂雕饰的墨白，传达了一种朦胧美感，也表达了一种特殊的张力，在网页中灵活运用墨白，会突出所表达的信息。

在设计构思上，水墨元素的作用是平衡网页，水墨画元素作为艺术表现形式和视觉符号，它所营造的氛围，能呈现出东方人独特的感觉和心境。这幅图片画面中由水墨元素、墨竹、奇石共同组成。其中水墨元素能在水与墨、黑与白之间形成浓淡变化的色彩层次，在用水墨晕染出圆之后，在圆的缺角部分继续晕染出几条锦鲤，通篇水墨画将墨之黑作为主要色调，通过创造黑与白的气氛，将元素以一种非常单纯的方式最直接展示给观者，画面给人以广阔的想象空间，让人回味无穷。利用墨之黑色作为设计元素，既简洁有趣又能体现传统美感。

不仅如此，水墨还可以与其他元素配合使用，例如以水墨图形勾勒与渲染出水墨鱼缸，锦鲤在勾勒出的墨色鱼缸中游动，营造出含蓄单纯、优美恬静的水墨意境。所以将水墨元素与其他元素配合使用是源于自然又高于自然的艺术表达方式。

在设计表达上，采用水墨晕染的艺术效果，墨滴在水中舒缓地晕染开来，墨迹展现出千变万化的形态，可以想象它变换成连绵的山峦、广阔的大海、飞翔的仙鹤等，最终回归于墨迹本身的形态。从无形到有形，从有界到无疆，水墨的魅力在于它写实与写意兼具，在黑白的空灵世界中，让人仿佛置身于画中。

将水墨画元素应用于网页设计中，是对中国传统文化的传承与创新，水墨画元素作为传播信息的重要表现手法能融合不同风格设计形式，绘画形式多样，题材广泛。网页设计的水墨元素运用能延续现代人从古代传统文化中继承的文化内涵和审美意识。水墨画元素的灵活运用不仅能丰富设计作品的文化内涵，传递中国民族文化特色，还能有效地传递表达主题信息，具有极高艺术审美价值和文化价值。

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

传统色彩是传统文化的重要组成部分，也是传统文化独特的表现形式，是中国特色不可或缺的部分。在悠久历史和传统的影响下，传统色彩不仅讲究视觉美感，而且重视色彩的象征寓意，例如在中国红色被看做是喜庆色，颜色本身鲜艳明亮，也寓示红红火火、生气勃勃；又如黄色，因其明亮，被看做是阳光和大地的颜色，寓示期望、智慧、文明。不仅如此，黄色还是中国历代帝王的专用色，象征着古代中央。

在大同大学校园文化网站设计过程中，主要以中国红为基调配以中国黄加以修饰。红、黄色是中国传统吉祥的象征，红色具有强烈的感知性，是血液与生命的颜色，是国际上以中国命名的颜色，即“中国红”。“红配黄”所呈现的是一种积极、热烈的视觉效果，是喜庆、吉祥的象征。在网站中首先可以看到logo是红色印章图案，突出中国味（见图4），与之配套的导航条（见图5）、小图标均采用中国红与黄色相搭配。

通过对大同大学校园文化网站的设计总结出以下几点经验：首先制作网站时，要保持网站色调的一致性，整体性是网站和谐的前提，每个网页、每个区域对色彩的运用，必须把握色调的整体性和连贯性。就像大同大学文化网站制作中整体采用“中国红”为主色调，不论是logo、导航、图标基本采用红色，强调整体协调性。其次，根据传统色彩的特点，灵活运用，把经典的色彩感觉引入到网站中，例如在网站中引入“中国红”、“中国黄”，主要目的在于营造具有中国传统韵味的色彩情调。再次，对中国传统色彩进行适当的加工处理，例如打破常规的色彩组合方式，这样可以搭配新的视觉效果。把徽派建筑、晕染的墨滴与红旗相组合，对以墨色为主的冷色调创新搭配鲜亮的“中国红”，两种颜色形成对比，刺激观者视觉，给人印象深刻。 最后，在网站制作中注重现代风格色彩与中国传统色彩的融合，使二者既相互结合又相互区别，体现现代与传统相结合的时代感。在大同大学校园文化网站中以传统色彩（中国红、中国黄）为主色调，辅助色选用现代色彩，如有青草绿、宝石蓝、浅杏黄等，使网站既具有历史感又具有时代感。

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

中国传统图形具有中国独特民族艺术风格，经过历代传承经久不衰，是传统文化的重要组成部分。其形式丰富多样，既包含了具有审美价值的文字、绘画，还包含了具有实用价值的印章等。中国传统图形不仅是欣赏审美的体现，更是哲理与深刻寓意的化身，这些图形的作用甚至超越了文字符号，形成了具有深层民族精神的象征意义。

在大同大学校园文化网站中运用到的传统元素有荷花、梅花、墨竹、奇石、徽派建筑、红旗、锦鲤、笔墨、书籍等。其中，荷花代表圣洁，是佛教净洁的象征，荷花出尘离染，清洁无瑕，古代名人墨客都以荷花象征自己洁身自好的高尚品质，荷花在此网站中，彰显校园文化高洁之意，突出积极参与校园文化建设者的高尚品质。

梅常常常被看做传春报喜的吉祥象征，梅花也是岁寒三友之一，梅以其凌寒独开的傲雪精神和不与百花争春的高洁之美，被人们所喜爱，象征高洁、坚强，而笔墨、书籍也是中国传统元素的象征，并且体现着网站的主题——推广校园文化。（见图6）

竹，是君子的化身，彰显气节，乃“四君子”之一，代表着坚持、正直、清高，在此运用说明同大学子拥有竹一般的气节。奇石，也作为传统文化的象征之一，尤以玉石为代表，古代文人骚客以玉指代自己高尚的品格，而且玉不离身。

徽派建筑以粉墙黛瓦为表现特征，以砖雕、木雕为装饰特色，成为体现中国文化的重要组成部分。五星红旗是中国的国旗，国旗上的五星象征中国全体人民对党的拥护爱戴，是中国在世界的标志和象征，彰显我校一直坚持和拥护我党的正确领导，此处体现着我校不断发扬爱国主义精神。

大同大学校园文化网站所运用到的传统元素均与传统文化密切联系，荷花、梅花、墨竹、奇石、徽派建筑、红旗、锦鲤、笔墨、书籍，它们不仅说明网站的性质——传承传统文化，具有深厚的历史厚重感，而且说明同大学子拥有像荷花、梅花般高尚的品格——探求真理，不畏严寒。所以在网站中运用传统图形、图案时，要选择与网站主题相贴近的传统元素，不仅如此，更要深度挖掘传统图形深层意蕴，做到形与意、神与态的高度融合，才能更好地展现出对传统文化的传承与发展。中国传统图形为现代网站设计制作提供了血液和灵魂，将其放置于现代网站设计中发挥出无限的正能量。

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.

[8]许海.中国传统水墨画在网页设计中的应用[J].艺海，2008（6）：08-16.

[9]魏春红.大学校园网络文化建设研究[D].呼和浩特：内蒙古大学，2009.

[10]Siu Cheung Kong， Wing Mui Winnie So. A study of building a resource-based learning environment with the inquiry learning approach： Knowledge of family trees [J].Computers & Education，Volume，2008（1）：37-60.

（编辑：王天鹏）