前言：尋找寫作靈感？中文期刊網用心挑選的傳統元素校園文化網站研究，希望能為您的閱讀和創作帶來靈感，歡迎大家閱讀并分享。
摘要：
中華民族的傳統文化博大精深、源遠流長，也以其獨特的魅力影響著中國乃至全世界。近年來，科學技術不斷進步和發展，網絡的社會地位逐漸凸顯，校園文化網站建設也逐步趨于成熟和完善，它不僅傳遞著豐富多彩的視覺信息，也充分體現著獨特的校園文化。本文通過闡述中國傳統元素的內涵、特點和類型，以及中國傳統元素在現代生活中的應用意義，將中國的傳統元素巧妙地運用到大同大學校園文化網站的設計中，旨在彰顯大同大學校園文化內涵，貫徹落實大同大學“厚德”、“博學”、“慎思”、“篤行”的校訓，表現同大學子對校園精神文明的繼承和發展。
關鍵詞：
網站建設；中國傳統元素；校園文化；界面設計
引言
隨著社會的進步和發展，傳承文明與創新知識已成為當代文明的主題主線，在此環境下，高校校園文化網站應運而生、蓬勃發展，而且近年來其社會地位也不斷凸顯。與此同時，全球文化的交流和碰撞日益激烈，導致高校校園文化日益開放和繁雜。因此，應從多角度、多側面、全方位的視角梳理和評價高校校園文化，并逐漸建設完善高校校園文化網站，傳承校園文化，構建社會主義和諧校園。作為凝結華夏文明精神和彰顯中華人民特質的傳統文化元素，如果將其適當地取舍、借用、打亂、組織、重建并運用到校園文化網站的建設中，將會取得全新的視角效果與經驗，提供一種全新的觸及世人心靈的感性認知，培養中國風格的審美情趣，激發民族自豪感。其中網頁版式設計對整個網站的設計構造是至關重要的，也是瀏覽者與網頁信息間的傳遞載體，例如在版面設計中采用留白的方式營造空靈韻味，在現代的版式設計中有指導意義。在構建中國風的網站時，加入中國傳統文化元素設計，不僅會發揮現代科技美與創新美，而且還會體現傳統的韻味美，保持著新與舊、古與今、傳承與發展的高度契合，能夠使網頁展現深厚的文化底蘊和歷史厚重之感。大同大學文化校園網站的設計制作將中國傳統元素融入到網站的界面設計中，以期能彰顯大同大學校園文化底蘊，并且能在網頁中體現大同大學的校園文化精神，體現全體師生對校園文化的傳承與發展。
一、校園文化網站概述
校園文化是在學校這一特定的文化氛圍中，師生在從事各項課內外活動中所創造的精神財富，以及承載這些精神財富的規章制度、組織活動和意識形態。校園文化的核心是精神文化，它包括學校領導、師生的價值觀念、價值判斷和取向，學校獨特的文化特色、辦學理念、辦學目標，以及校風、教風、學風等精神風貌，以此彰顯、傳播和弘揚學校文化特色。伴隨科學技術的不斷發展，網絡已成為傳遞校園文化的主要載體。其中校園網站就是一個集學習、娛樂與社會活動于一體的虛擬空間，可以充分體現校園的文化、精神和特色。而高校的校園文化網站不僅體現著各個高校的文化，也集中反映了當代教師與學生的精神風貌，對于文化的豐富、交流和發展具有重要意義。
二、中國傳統元素概述
中國傳統文化元素種類繁多，尤其是吉祥圖形符號，如龍鳳、麒麟、朱雀、太極、八卦、中國結、書法等傳統文化元素符號，代表并彰顯著中國文化神韻。中國元素，是指在中華民族的融合、演化與發展過程中形成的，由中國人創造與傳承的，反映中國人文精神和民俗心理具有中國特質的文化成果。中國傳統文化元素是東方文化中的獨特景觀和寶貴財富，它具有多樣性、廣泛性、豐富性的特點。包括豐富多樣的有形物質文化元素和無形精神文化元素，如徽派建筑、梅蘭竹菊、朱雀、書法、中國結等有形文化元素，思想意識、價值體系、道德觀念、民俗等無形精神元素。在網站構建中，時刻運用著“中國特征”，處處體現著中國式的意境和精神，是構建中國特色校園文化網站的基礎。
三、中國傳統元素在文化網站中應用的意義
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．
[8]許海.中國傳統水墨畫在網頁設計中的應用[J].藝海,2008(6):08-16．
[9]魏春紅.大學校園網絡文化建設研究[D].呼和浩特：內蒙古大學,2009
