網頁設計在我國的發(fā)展非常迅速, 但很多網頁的設計思想與設計風格仍然延習于西方, 千篇一律是簡約平面的現代設計風格, 缺少我們自己的文化特色。從審美的角度來看, 創(chuàng)意是網頁審美性的關鍵因素, 因為創(chuàng)意帶來的新奇性能夠吸引用戶注意, 用戶訪問網頁的動機很可能就是被該網頁的創(chuàng)意美感所吸引, 獨特的創(chuàng)意表現是提高網頁設計審美性的重要手段之一。當前, 國內出現了一種新的網頁設計風格, 它在學習和借鑒國外優(yōu)秀網頁設計的同時, 以中國的傳統(tǒng)文化為基礎, 研究本民族的視覺欣賞習慣和視覺審美心理, 使我們的網頁設計展現出獨特的藝術個性, 這就是傳統(tǒng)風格的網頁設計。傳統(tǒng)風格的網頁設計適合應用于以傳統(tǒng)文化和藝術為主題的網站中, 面向的目標用戶是知識分子或喜歡古典設計風格的人。每逢春節(jié)、端午節(jié)、清明節(jié)、中秋節(jié)等傳統(tǒng)節(jié)日, 各類網站都要設計相應的主題活動或促銷宣傳網頁, 傳統(tǒng)風格的網頁總會成為人們注目的焦點。
一傳統(tǒng)風格網頁設計的視覺表現
1水墨
水墨畫是中華文明的代表性藝術形式, 在世界美術的多元格局中獨樹一幟。它以墨為主要原料, 加以清水調和出不同的濃淡層次, 在畫家筆下呈現出氣象萬千的形態(tài)。由于毛筆中水和墨的含量的差別, 從而在水墨畫中產生濃、淡、枯、濕、焦等不同的墨色韻昧, 帶給人豐富的心理感受。筆和墨兩者是相輔相成的, 畫家用筆的輕重緩急、筆觸線條的長短曲直亦能帶來不同的視覺感受。傳統(tǒng)風格的網頁設計中經常可以見到水墨元素的運用, 根據主網站主題的不同也會選用不同的筆墨表現技法。設計師為了獲得更加充實的頁面效果, 經常會設計水印式的網頁背景, 將大幅的水墨圖形化作極淺的底紋襯于網頁底層, 水墨元素雖然不是頁面的主體, 但是能創(chuàng)造出深遠的畫面意境和空間感。如果沒有若隱若現的背景圖案, 整個頁面也會黯然失色。水墨也可作為網頁細節(jié)元素來應用, 以主體圖形或標題裝飾條的形式出現。例如“烏鎮(zhèn)”官方網頁的設計, 在筆墨運用上采用了大筆潑墨的技法, 頁面構圖以水墨色塊做分割, 墨跡中又融合了烏鎮(zhèn)水鄉(xiāng)的風光攝影, 畫面顯得奔放大氣, 中國水墨的韻味有機地融入網頁設計當中。
2留白
在水墨畫中, 空白的畫面和著墨的地方一樣, 都是整體的組成部分。水墨畫構圖中講究聚散、遠近、開合、虛實、呼應等方法, 將這些對立的關系統(tǒng)一于畫面之中, 才能形成好的作品。在傳統(tǒng)風格的網頁設計中, 注重虛實空間的呼應, “實空間”是指文字、圖形、色塊等視覺元素, “虛空間”是指上述視覺元素之外的空白部分或背景。虛實空間是一種相互作用、相互影響的共生的關系, “實空間”吸引視線, 產生分量感, “虛空間”產生距離, 更好地突出網頁主體元素。“畫魚不畫水”的妙處就是通過留白使觀者有更大的想象空間。網頁設計中任何一處版式空間都是需要設計和經營的, 設計師在排版時要注重疏密結合, 主次分明。文字和圖片的大小要適度, 畫面不能夠填得太滿。假如頁面左右兩個部分的分別為圖形和文字, 可以適當地調整它們所占面積的大小, 左邊圖形內容很重要, 可以放得靠上一些, 占用較多的空間;右邊文字內容少, 可以用較小的字號編排在右下方, 上面留出大量空白, 這樣就調整了整個頁面的空間分配, 創(chuàng)造出版式的視覺對比。通過留白的方法, 可以合理的調劑網頁上各種視覺要素之間的關系, 頁面要素的排布平衡又起伏跌宕, 瀏覽起來富有極強的節(jié)奏感。
3傳統(tǒng)圖形
中國傳統(tǒng)圖形的范圍很廣, 它既包括中國歷代的能工巧匠創(chuàng)作出來的立體器物, 也包括在平面上或其它藝術形態(tài)上表現出來的傳統(tǒng)紋樣和裝飾, 例如太極圖、書法、篆刻、中國結、彩陶、青銅器、帛畫、壁畫、石窟、瓷器、鼓、古琴、刺繡、蠟染、年畫、舞獅、唐裝、剪紙、皮影、年畫、服飾、臉譜、泥人、面塑、建筑等, 都為傳統(tǒng)風格的網頁設計提供了豐富的圖式語言。中國傳統(tǒng)圖形是中國悠久文化的視覺呈現, 包含著人們對美好生活的追求與向往, 運用到網頁設計中, 既傳達了設計理念又傳承了民族文化。在很多傳統(tǒng)風格的網頁設計中, 可以看到設計師將傳統(tǒng)吉祥紋樣與導航條、板塊邊框、按鈕等融合到一起來進行創(chuàng)作, 無論從美感還是寓意上都很完美, 充滿了傳統(tǒng)文化的氣息。網頁是為了交流信息而存在的因互聯網媒體的動態(tài)性要求設計者需離開的二維靜態(tài)的設計模式, 進入包含影像和聲音的三維世界, 才能設計出生動的網頁作品。運用傳統(tǒng)圖形時可以參考點線面構成的形式規(guī)律, 將圖片解構后的局部元素以點線面的形式存在于網頁中, 通過相互穿插、相互對比, 形成了統(tǒng)一、豐富的視覺心理感受。圖片可以和網頁特效結合使用, 當鼠標放到圖片上, 圖片就會出現相應的大小或形態(tài)上的變化, 甚至產生一段活潑的小動畫, 增加了用戶感受的多元性。
4色彩
使用有特色的色彩可以產生強烈的視覺效果, 網頁色彩的變化可以使得網頁更加生動, 快速吸引用戶的注意。網頁設計中的視覺形象眾多, 如果使用太多顏色則會使頁面顯得花哨凌亂, 難以找到視覺重心。在設計網頁時應首先確定好主色調, 選擇能夠反映網站主題和風格的顏色。傳統(tǒng)風格的網頁設計特別強調色彩的整體和諧, 通常使用較為厚重雅致的背景色, 將網頁界面的色彩設計控制在一種色系里。而富于變化的對比色被用來點綴個別形象, 以突出重點部分, 豐富畫面效果, 如網頁的Logo、標題、按鈕等。有些網頁借鑒了水墨畫的用色, 將色彩和墨色相結合, 以黑白墨色為頁面主色調, 讓色彩成為黑白畫面中最亮麗奪目的一點。還有些網頁使用了中國傳統(tǒng)文化中的象征色彩, 例如“文化洛陽”網站的設計, 以黃色作為畫面當中的主色調, 明黃色在網頁頂部的背景色和大面積的圖片中多次出現, 與黃色搭配和諧的褐色和土黃色則應用在標題、邊框、列表符號等元素中。黃色在中國五行色彩體系中被認為是最重要的色彩, 代表“土”的性質, 五行中以“土”為中心, 因而黃色被用來作為皇家的專用色, 代表著國家和權力。“文化洛陽”網站的色彩象征著十三朝古都洛陽的厚重歷史和悠久文明, 體現出洛陽地處中原的地域特色, 應用色彩與傳統(tǒng)文化理念的結合, 豐富了設計的視覺表現力, 既能體現形式美, 又能深化作品的內涵。
二傳統(tǒng)風格網頁設計的視覺審美性
1充滿聯想的意境美
人類獲取的80%以上的信息是通過視覺感官得到的, 因此網頁設計的視覺表現需要符合人們的視覺習慣, 遵循視覺思維的基本原理, 重視視覺審美的體驗。當用戶瀏覽一個網頁時, 會把注意力集中和停留在網頁上面, 它主要是對與網頁形式和結構的關注。用戶的視覺審美不會很快過渡到邏輯思考和抽象概念的辨析上, 而是通過充分感受網頁視覺元素的形式, 如線條、形狀、色彩、聲音、構圖、節(jié)奏、韻律、對比、均衡、變化、統(tǒng)一等方面的內容, 讓感覺充分體會形式所帶來的刺激, 實現完整的審美注意。同時, 用戶主觀方面的心理因素如聯想、想象、愿望、情感、喜好等等也會投射其中。魯道夫·阿恩海姆的格式塔心理學認為, 世間所有事物的形態(tài)都可以歸結為“力的圖式”, 有審美知覺能力的人從中不僅能看到形狀、色彩、空間或運動, 還會透過這些表面的東西感受到內在的力的作用, 這些感受又會進一步同人類心靈深處的某些思想感情聯系起來。中國傳統(tǒng)繪畫不拘泥于物體外表的相似, 而是講求“以形寫神”, 以“傳神"作為塑造藝術形象的最基本原則, 重視“意境"的營造, 為網頁設計師提供了更闊的設計空間和設計思路。傳統(tǒng)風格的網頁設計借鑒了中國傳統(tǒng)書法和繪畫的創(chuàng)作思路, 講究簡約之美, 善用大面積的留白, 傳統(tǒng)水墨畫的構圖法被運用在網頁界面的版式編排當中, 各種視覺元素的處理主次得當, 疏密有致, 圍繞網頁主題塑造出獨特的意境。以“中國考古網”為例, 網頁設計以棕色的傳統(tǒng)裝飾紋樣為底紋, 書畫卷軸為整個頁面的邊框, 導航條的處理更是獨具匠心, 以印有書法的殘缺不全紙張為造型, 使人聯想到文物歷經千年的深厚底蘊, 大大提高了作品的審美效果。網頁字體典雅, 版式疏朗, 讓人感覺賞心悅目。網頁欄目裝飾的設計上也采用了傳統(tǒng)裝飾邊框和具體的文物圖片相結合, 直觀地展現出其所要表達的內容。網站整體設計顯示了中國考古文化的厚重內涵, 以“形有盡而意無窮”的效果成為讓人印象深刻的網站。
2信息傳播的簡潔美
網頁設計屬于“瞬間的藝術”, 人的視覺停留在一個信息點上的時間不會超過三秒鐘, 如果三秒鐘內不能獲得所需的信息, 用戶就會轉而閱讀其他信息。好的網頁設計在追求藝術表現的同時, 也注重信息傳播的高效, 不僅要做到正確傳達網頁中的信息, 還要考慮如何使人們能夠更愉悅和有效率地接受信息。網頁設計可以看作是圖形、文字等各種視覺元素的組合, 這種組合要基于一定的視覺表現規(guī)律來實現。在設計網頁的過程中, 設計者應該將科學的信息傳播理論與網頁設計的具體問題結合起來, 不斷的完善和深化網頁設計審美特性, 以提高大眾的審美需求。設計理論家貢布里希認為, “如果一幅畫的目的首先是為了吸引注意力, 那么簡約性和有選擇的強調就會在這幅畫中使用, 因為它們具有喚起力和產生驚訝的效果。”作為信息傳播媒介的網頁設計, 表達的內容一定要簡單明確, 頁面布局要清晰合理, 幫助用戶在最短的時間內搜索到相關內容。目前網頁設計中存在著一種誤區(qū), 認為應在頁面上盡量地多放內容, 結果導致頁面信息分布得密密麻麻, 使人產生了局促和緊迫的感覺, 給上網的人帶來壓力。傳統(tǒng)風格的網頁設計打破了這一誤區(qū), 它在設計上善于利用界面的留白, 使重點信息出現在畫面上方或視覺中心, 周圍留出比較大的空間使之和次要信息相區(qū)分, 增大主要信息元素的比例, 減弱次要信息元素的比例, 做到條理性和主次性。在有限的網頁中對圖形、文字、線條等視覺元素進行疏密、虛實上的對比, 增強視覺信息元素的流動性和張力, 把握形態(tài)的動勢, 使網頁產生節(jié)奏變化和韻律美感。在房地產的網頁里, 經常會留出較多的背景空間, 圖形優(yōu)美, 標題清晰、文字極少, 使人在瀏覽時閱讀舒適, 心情放松, 使網頁呈顯出更加輕松簡潔的特征。傳統(tǒng)風格的網頁設計重視信息傳播簡潔、直觀、迅速、準確, 網頁中的文字、圖形、色彩等視覺元素都要服從于網頁信息傳播的需要, 通過一個完整、統(tǒng)一的設計風格來展現網頁主題, 追求形式與內容、局部與整體的統(tǒng)一。
傳統(tǒng)風格的網頁設計具有東方典雅美感, 它滲透了上下五千年的中國文化, 其優(yōu)美、流暢、飽滿、飄逸的形象, 美好的寓意, 帶給用戶豐富多樣的視覺審美體驗。傳統(tǒng)風格網頁設計在設計中強調個性、民族性和地域性, 傳承了中國文化的魅力, 同時與國際化設計潮流也在相互融合, 它促進了中國網頁設計獨特視覺風格的進步, 其藝術生命力將生生不息。