傳統風格網頁設計的視覺表現和美學

才智咖 人氣:1.74W

從審美的角度來看,創意是網頁審美性的關鍵因素,下面是小編蒐集整理的一篇探究傳統風格網頁設計視覺表現的論文範文,供大家閱讀參考。

傳統風格網頁設計的視覺表現和美學

網頁設計在我國的發展非常迅速,但很多網頁的設計思想與設計風格仍然延習於西方,千篇一律是簡約平面的現代設計風格,缺少我們自己的文化特色。從審美的角度來看,創意是網頁審美性的關鍵因素,因為創意帶來的新奇效能夠吸引使用者注意,使用者訪問網頁的動機很可能就是被該網頁的創意美感所吸引,獨特的創意表現是提高網頁設計審美性的重要手段之一。當前,國內出現了一種新的網頁設計風格,它在學習和借鑑國外優秀網頁設計的同時,以中國的傳統文化為基礎,研究本民族的視覺欣賞習慣和視覺審美心理,使我們的網頁設計展現出獨特的藝術個性,這就是傳統風格的網頁設計。傳統風格的網頁設計適合應用於以傳統文化和藝術為主題的網站中,面向的目標使用者是知識分子或喜歡古典設計風格的人。每逢春節、端午節、清明節、中秋節等傳統節日,各類網站都要設計相應的主題活動或促銷宣傳網頁,傳統風格的網頁總會成為人們注目的焦點。

 一、傳統風格網頁設計的視覺表現

1、水墨

水墨畫是中華文明的代表性藝術形式,在世界美術的多元格局中獨樹一幟。它以墨為主要原料,加以清水調和出不同的濃淡層次,在畫家筆下呈現出氣象萬千的形態。由於毛筆中水和墨的含量的差別,從而在水墨畫中產生濃、淡、枯、溼、焦等不同的墨色韻昧,帶給人豐富的心理感受。筆和墨兩者是相輔相成的,畫家用筆的輕重緩急、筆觸線條的長短曲直亦能帶來不同的視覺感受。傳統風格的網頁設計中經常可以見到水墨元素的運用,根據主網站主題的不同也會選用不同的筆墨表現技法。設計師為了獲得更加充實的頁面效果,經常會設計水印式的網頁背景,將大幅的水墨圖形化作極淺的底紋襯於網頁底層,水墨元素雖然不是頁面的主體,但是能創造出深遠的畫面意境和空間感。如果沒有若隱若現的背景圖案,整個頁面也會黯然失色。水墨也可作為網頁細節元素來應用,以主體圖形或標題裝飾條的形式出現。例如“烏鎮”官方網頁的設計,在筆墨運用上採用了大筆潑墨的技法,頁面構圖以水墨色塊做分割,墨跡中又融合了烏鎮水鄉的風光攝影,畫面顯得奔放大氣,中國水墨的韻味有機地融入網頁設計當中。

2、留白

在水墨畫中,空白的畫面和著墨的地方一樣,都是整體的組成部分。水墨畫構圖中講究聚散、遠近、開合、虛實、呼應等方法,將這些對立的關係統一於畫面之中,才能形成好的作品。在傳統風格的網頁設計中,注重虛實空間的呼應,“實空間”是指文字、圖形、色塊等視覺元素,“虛空間”是指上述視覺元素之外的空白部分或背景。虛實空間是一種相互作用、相互影響的共生的關係,“實空間”吸引視線,產生分量感,“虛空間”產生距離,更好地突出網頁主體元素。“畫魚不畫水”的妙處就是通過留白使觀者有更大的想象空間。網頁設計中任何一處版式空間都是需要設計和經營的,設計師在排版時要注重疏密結合,主次分明。文字和圖片的大小要適度,畫面不能夠填得太滿。假如頁面左右兩個部分的分別為圖形和文字,可以適當地調整它們所佔面積的大小,左邊圖形內容很重要,可以放得靠上一些,佔用較多的空間;右邊文字內容少,可以用較小的字號編排在右下方,上面留出大量空白,這樣就調整了整個頁面的空間分配,創造出版式的視覺對比。通過留白的方法,可以合理的調劑網頁上各種視覺要素之間的關係,頁面要素的排布平衡又起伏跌宕,瀏覽起來富有極強的節奏感。

3、傳統圖形

中國傳統圖形的範圍很廣,它既包括中國曆代的能工巧匠創作出來的立體器物,也包括在平面上或其它藝術形態上表現出來的傳統紋樣和裝飾,例如太極圖、書法、篆刻、中國結、彩陶、青銅器、帛畫、壁畫、石窟、瓷器、鼓、古琴、刺繡、蠟染、年畫、舞獅、唐裝、剪紙、皮影、年畫、服飾、臉譜、泥人、麵塑、建築等,都為傳統風格的網頁設計提供了豐富的圖式語言。中國傳統圖形是中國悠久文化的視覺呈現,包含著人們對美好生活的追求與嚮往,運用到網頁設計中,既傳達了設計理念又傳承了民族文化。在很多傳統風格的網頁設計中,可以看到設計師將傳統吉祥紋樣與導航條、板塊邊框、按鈕等融合到一起來進行創作,無論從美感還是寓意上都很完美,充滿了傳統文化的氣息。網頁是為了交流資訊而存在的因網際網路媒體的動態性要求設計者需離開的二維靜態的設計模式,進入包含影像和聲音的三維世界,才能設計出生動的網頁作品。運用傳統圖形時可以參考點線面構成的形式規律,將圖片解構後的區域性元素以點線面的形式存在於網頁中,通過相互穿插、相互對比,形成了統一、豐富的視覺心理感受。圖片可以和網頁特效結合使用,當滑鼠放到圖片上,圖片就會出現相應的大小或形態上的變化,甚至產生一段活潑的小動畫,增加了使用者感受的多元性。

4、色彩

使用有特色的色彩可以產生強烈的視覺效果,網頁色彩的變化可以使得網頁更加生動,快速吸引使用者的注意。網頁設計中的視覺形象眾多,如果使用太多顏色則會使頁面顯得花哨凌亂,難以找到視覺重心。

在設計網頁時應首先確定好主色調,選擇能夠反映網站主題和風格的顏色。傳統風格的網頁設計特別強調色彩的整體和諧,通常使用較為厚重雅緻的背景色,將網頁介面的色彩設計控制在一種色系裡。而富於變化的對比色被用來點綴個別形象,以突出重點部分,豐富畫面效果,如網頁的Logo、標題、按鈕等。有些網頁借鑑了水墨畫的用色,將色彩和墨色相結合,以黑白墨色為頁面主色調,讓色彩成為黑白畫面中最亮麗奪目的一點。還有些網頁使用了中國傳統文化中的象徵色彩,例如“文化洛陽”網站的設計,以黃色作為畫面當中的主色調,明黃色在網頁頂部的背景色和大面積的圖片中多次出現,與黃色搭配和諧的褐色和土黃色則應用在標題、邊框、列表符號等元素中。黃色在中國五行色彩體系中被認為是最重要的色彩,代表“土”的性質,五行中以“土”為中心,因而黃色被用來作為皇家的專用色,代表著國家和權力。“文化洛陽”網站的色彩象徵著十三朝古都洛陽的厚重歷史和悠久文明,體現出洛陽地處中原的地域特色,應用色彩與傳統文化理念的結合,豐富了設計的視覺表現力,既能體現形式美,又能深化作品的內涵。

二、傳統風格網頁設計的視覺審美性

1、充滿聯想的意境美

人類獲取的80%以上的資訊是通過視覺感官得到的,因此網頁設計的視覺表現需要符合人們的視覺習慣,遵循視覺思維的基本原理,重視視覺審美的體驗。當用戶瀏覽一個網頁時,會把注意力集中和停留在網頁上面,它主要是對與網頁形式和結構的關注。使用者的視覺審美不會很快過渡到邏輯思考和抽象概念的辨析上,而是通過充分感受網頁視覺元素的形式,如線條、形狀、色彩、聲音、構圖、節奏、韻律、對比、均衡、變化、統一等方面的內容,讓感覺充分體會形式所帶來的刺激,實現完整的審美注意。同時,使用者主觀方面的心理因素如聯想、想象、願望、情感、喜好等等也會投射其中。魯道夫·阿恩海姆的格式塔心理學認為,世間所有事物的形態都可以歸結為“力的圖式”,有審美知覺能力的人從中不僅能看到形狀、色彩、空間或運動,還會透過這些表面的東西感受到內在的力的作用,這些感受又會進一步同人類心靈深處的某些思想感情聯絡起來。中國傳統繪畫不拘泥於物體外表的相似,而是講求“以形寫神”,以“傳神"作為塑造藝術形象的最基本原則,重視“意境"的營造,為網頁設計師提供了更闊的設計空間和設計思路。傳統風格的`網頁設計借鑑了中國傳統書法和繪畫的創作思路,講究簡約之美,善用大面積的留白,傳統水墨畫的構圖法被運用在網頁介面的版式編排當中,各種視覺元素的處理主次得當,疏密有致,圍繞網頁主題塑造出獨特的意境。以“中國考古網”為例,網頁設計以棕色的傳統裝飾紋樣為底紋,書畫卷軸為整個頁面的邊框,導航條的處理更是獨具匠心,以印有書法的殘缺不全紙張為造型,使人聯想到文物歷經千年的深厚底蘊,大大提高了作品的審美效果。網頁字型典雅,版式疏朗,讓人感覺賞心悅目。網頁欄目裝飾的設計上也採用了傳統裝飾邊框和具體的文物圖片相結合,直觀地展現出其所要表達的內容。網站整體設計顯示了中國考古文化的厚重內涵,以“形有盡而意無窮”的效果成為讓人印象深刻的網站。

2、資訊傳播的簡潔美

網頁設計屬於“瞬間的藝術”,人的視覺停留在一個資訊點上的時間不會超過三秒鐘,如果三秒鐘內不能獲得所需的資訊,使用者就會轉而閱讀其他資訊。好的網頁設計在追求藝術表現的同時,也注重資訊傳播的高效,不僅要做到正確傳達網頁中的資訊,還要考慮如何使人們能夠更愉悅和有效率地接受資訊。網頁設計可以看作是圖形、文字等各種視覺元素的組合,這種組合要基於一定的視覺表現規律來實現。在設計網頁的過程中,設計者應該將科學的資訊傳播理論與網頁設計的具體問題結合起來,不斷的完善和深化網頁設計審美特性,以提高大眾的審美需求。設計理論家貢布里希認為,“如果一幅畫的目的首先是為了吸引注意力,那麼簡約性和有選擇的強調就會在這幅畫中使用,因為它們具有喚起力和產生驚訝的效果。”作為資訊傳播媒介的網頁設計,表達的內容一定要簡單明確,頁面佈局要清晰合理,幫助使用者在最短的時間內搜尋到相關內容。目前網頁設計中存在著一種誤區,認為應在頁面上儘量地多放內容,結果導致頁面資訊分佈得密密麻麻,使人產生了侷促和緊迫的感覺,給上網的人帶來壓力。傳統風格的網頁設計打破了這一誤區,它在設計上善於利用介面的留白,使重點資訊出現在畫面上方或視覺中心,周圍留出比較大的空間使之和次要資訊相區分,增大主要資訊元素的比例,減弱次要資訊元素的比例,做到條理性和主次性。在有限的網頁中對圖形、文字、線條等視覺元素進行疏密、虛實上的對比,增強視覺資訊元素的流動性和張力,把握形態的動勢,使網頁產生節奏變化和韻律美感。在房地產的網頁裡,經常會留出較多的背景空間,圖形優美,標題清晰、文字極少,使人在瀏覽時閱讀舒適,心情放鬆,使網頁呈顯出更加輕鬆簡潔的特徵。傳統風格的網頁設計重視資訊傳播簡潔、直觀、迅速、準確,網頁中的文字、圖形、色彩等視覺元素都要服從於網頁資訊傳播的需要,通過一個完整、統一的設計風格來展現網頁主題,追求形式與內容、區域性與整體的統一。

傳統風格的網頁設計具有東方典雅美感,它滲透了上下五千年的中國文化,其優美、流暢、飽滿、飄逸的形象,美好的寓意,帶給使用者豐富多樣的視覺審美體驗。傳統風格網頁設計在設計中強調個性、民族性和地域性,傳承了中國文化的魅力,同時與國際化設計潮流也在相互融合,它促進了中國網頁設計獨特視覺風格的進步,其藝術生命力將生生不息。

 參考文獻:

[1]魯道夫·阿恩海姆.藝術與視知覺[M].北京:中國社會科學出版社,1984.

[2]範景中.貢布里希論設計[M].長沙:湖南科學技術出版社,2001.

[3]滕守堯.審美心理描述[M].北京:中國社會科學出版社,1985.

[4]李澤厚.美學三書[M].天津:天津社會科學院出版社,2003.

[5]張思望.網頁設計中視覺元素的功能與審美性研究[D].西安:西北大學碩士學位論文,2006.6.

[6]許穎.淺談留白在網頁設計中的運用[J].資訊系統工程,2012(12).

TAGS:網頁 美學