淺述傳統風格在蘇州山塘街網站中的應用

摘 要：傳統風格是應用傳統元素而形成的一種。傳統文化元素是中華民族幾千年文明的結晶，傳統文化起源于過去，融合于現在，也必將影響未來。作為一種意識形態的存在，廣泛地影響人們的思想和行為。傳統元素作為符號在山塘街的網站中的應用，形成帶有很強傳統風格糅合到現代的網站設計中去通過人的知覺，可以更好地傳遞山塘的文化內涵，以及山塘的歷史底蘊！

關鍵詞:傳統風格；山塘街；網頁

中圖分類號： TU241.5 文獻標識碼：A文章編號：1006-4117（2011）03-0350-02

一、山塘街的歷史和現狀

古城蘇州是著名的江南水鄉，在蘇州眾多的街巷之中，名勝山塘街，被稱譽為“姑蘇第一名街”。其原因：一是山塘街是一條有1100多年歷史的古街；二是它的格局具有最能代表蘇州街巷的特點；蘇州是個水鄉，河道多，橋多，而山塘街是最具蘇州街巷特征的典型。山塘街又叫白公堤，由白居易建于唐代寶歷年間，它東起閶門渡僧橋附近，西至虎丘望山橋，長約7里，故俗稱“七里山塘到虎丘”。山塘河的開鑿和山塘街的修建，大大便利了灌溉和交通，這一帶成了熱鬧繁華的市井。山塘的昨天是輝煌的，由于近代的錯誤性毀壞和破壞建設性。一度讓山塘街黯然失色，幸好2002年山塘街在蘇州市政府的領導下，開始進行修復性的保護，山塘街也迎來了新的春天！現在的山塘以傳統風貌為主題，集旅游、休閑為一體，充分展示山塘豐厚的歷史文化底蘊、典型的姑蘇水巷風貌、鮮活的吳地民俗風情。

二、建立網站的意義

現在是一個網絡時代，電腦網絡作為一種新型的信息傳播和人際交往工具，正在改變著現代人的生活方式，它的信息量大，傳播的范圍廣，速度快，還可以自由地交互傳達，為我們的生活帶來了無窮大的方便。網絡讓世界變的很小，成為連接世界的重要紐帶！現在隨便到網上搜一下，各個人文景觀旅游點的網站做的極其精美。稱為民間博物館的錦溪，把國畫，書法，畫軸，印章等有機的結合起來，把錦溪的文化底蘊充分體現出來。又如有著水鄉服飾的代表甪直，利用書法體，結合水鄉服飾圖標，一覽無遺地表現了甪直的內涵與特征！而作為有著兩千五百年的蘇州，作為蘇州最具街道特征的山塘街，到網上查找，還只是簡單的介紹，沒有一個很系統的完整體。為了讓世界更了解我們，更好的弘揚傳承蘇州歷史文化古城的古城風貌，讓來過蘇州的朋友們就如何更好地保護古街留下他們的真知拙見！沒來的人吸引他們的到來，讓更多的人了解山塘，了解吳文化！從而走進蘇州，帶動經濟和文化的發展！那么山塘網站作為現代信息的快捷廣泛傳播的載體必不可少！

三、傳統風格在網頁版式中的應用

（一）頁面排版

網頁設計是隨著互聯網的產生而形成的視聽設計，作為主導視覺的頁面設計是網頁的主要設計，頁面設計作為一種視覺語言，特別講究編排和布局，要把多頁面間的編排有機地聯系在一起，使整體布局的合理。山塘街是一條有著千年的歷史老街，蘊涵著濃厚的人文情懷和文化底蘊，要表現它的莊重感和含蓄感，在首，內頁的編排上就采用比較傳統，穩重的中軸型和相對對稱型。

首頁采用中軸型，用簡單的水墨圖形，來表現山塘的含蓄，穩重。整體符合人們對傳統人文景觀的審美情趣！

內頁采用相對對稱的方式，用導航條和主體紙卷軸放置在一個相對對稱的空間內，給人以穩重中帶理性，嚴謹而又避免了呆板，以黃金分割的法則，大部分留紙卷軸，達到凝聚視線的作用，不自覺的把視線帶到主體卷軸上，以達到頁面述說目的。（如圖一）

在主體卷軸上，考慮山塘網站的信息量不大，主要體現頁面的美觀。采用圖文結合的方式，并把文字圖形化，發揮和圖形一樣的裝飾效果，成為圖形的一部分。同時強化了字體的語義功能，以更豐富的創意形式表達思想，同時也克服了

網頁文字的單調與平淡。各頁面卷軸上的編排各有不同，主要起到豐富主體，活躍畫面的作用，在統一中又不失變化。

版式編排有很多種，分為條理清晰的骨骼型，一般適用與信息量大的門戶網站?；顫娸p快的自由型，通常用在兒童網站。能產生韻律感和節奏感的曲線型，一般用在音樂或個人網站上等等。綜合考慮這些并不適合做山塘街的網站，還是應用傳統型的中軸和對稱更能顯出它的平穩，含蓄，內斂的特征。

(二)頁面色彩。整個網站以黃色為主色調，黃色是中國人的皮膚色，古人在五行中用黃色代表象征大地的土，土在五行中居中間位置被視為衍生萬物的元素。在這個網頁設計中用淺黃的背景，結合淺黃棕色的導航條和黃褐色的畫軸，同一色系的不同運用，增強頁面的層次，又不失整體的協調性，體現山塘街的歷史凝重感。也力求表現樸實、含（如圖二）蓄、穩重、舒適的山塘特色。輔色采用國畫中的墨色，在我們國人眼里水墨不僅僅是同類色的潤化渲染，而是一種表達意境，豐富心靈的特殊視覺語言。真好是體現了小橋，流水的山塘意境！

（三）頁面肌理。整個網站中采用了多種材質的肌理紋樣，以毛邊紙的自然肌理與色澤作為背景來采用，毛邊紙具有質地細嫩，柔軟，韌性好，略帶仿古黃色，吸水性強，用于書寫，印刷，等特征結合竹，紙等的材質。體現的是自然，樸素的山塘街風貌。

四、傳統風格在頁面元素中的應用

網站的頁面元素包括有指向標，導航條，主體上的圖片文字等等。在頁面設計中把多種元素有機的結合起來，每個元素都要傳遞和加強傳遞信息的目的。山塘網站是通過對畫軸，水墨，書法，竹簡等傳統元素有機結合起來，形成強烈的傳統風格。更強的傳遞出山塘街的古樸，源遠！

（一）導航條的應用。首頁直接引用墨點作為導航條，國畫中的水墨強調的是自然，天趣，不拘小節，水墨結合山塘街的若隱若現的背景，能夠很好的表達人文環境，并具有濃郁的傳統氣息?。ㄈ鐖D三）

內頁的采用竹簡為導航條，竹簡是我國書寫時間最長的工具，對保存人類知識，形成中華民族的源遠流長，光輝燦爛的歷史文化起到了直接作用！山塘街也是從遙遠的歷史長廊里走來，在千年時間里演繹著它的繁華與衰落！兩者似乎有著相同的命運，不同的是現在的山塘的修復讓它又煥發新的活力！

（二）內頁紙畫軸的應用

紙是被稱為四大發明之一，它的發明大大方便了人們的閱讀，傳播，有人說紙發明的意義不在于它的價值，而于它給了文明一個傳承的載體。同時我們看到畫軸就想到文化，想到古老。在網頁設計中以紙畫軸的形式放置在主體位置，并配以各種認真設計的圖文內容，當點開一頁時以（圖四）展開的形式呈現的大家面前，吸引視線，同時又突出了展開山塘歷史新畫卷的重要意義！（如圖四）

（三）主體上書法、水墨的應用

水墨作為東方人特有的表達方式，將水墨流動的特性和豐富的墨色層次，充分發揮和表達意境的一種繪畫。首頁上以草書體的山塘，在墨色里一筆一筆展現在眼前，凝重中帶著靈動！內頁圖片結合水墨的朦朧化處理，渲染出江南山塘街如詩如畫的美曼意境，讓人遐想翩翩！充分體現山塘街的內涵?。ㄈ鐖D五）鼠標導向蘇州是著名的魚米之香。鼠標應用游動的小魚，用現代動畫的表現方式靜中帶動，達到活潑與豐富畫面。也顯示了古典風格與現在的手法并不矛盾！

總結:在整個網站設計過程中，應用了書法，水墨，竹簡，紙畫軸等多種傳統元素，應用古典的色彩，以及傳統型的設計編排。結合背景直接采用毛邊紙的自然肌理與色澤更深一步體現傳統的風格。讓山塘深厚的文化底蘊，優美的人文景觀，動聽的歷史傳奇在這里一一得已展現！希望能更好地挖掘山塘街的歷史文化內涵，弘揚吳文化的精髓，更好的體現山塘街的古韻，內涵！讓山塘變的更加奪目動人，出一份微薄之力！山塘這篇有無數先賢攥寫十多個世紀的文章，我們這代人續寫它的華美樂章！讓古老的山塘煥發新的活力！

作者單位：江蘇省蘇州工業園區服務外包職業學院

參考文獻：

[1]王汀.版面構成[M].廣州：廣東人民出版社，2000.

[2]倪洋.網頁設計[M].上海:上海人民美術出版社，2007.

[3]徐剛毅.七里山塘[M].上海:上海古籍出版社，2003.