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