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