美術設計在網頁設計中的運用

摘要：進行網頁設計時除了要會應用相應的web技術之外，設計者還應當具備一定的審美素養。為了做出更加美觀、人性化的網頁，本文從美術設計的角度，探討網頁布局和色彩的運用。

關鍵詞：網頁設計；形式美法則；視覺體驗

一、綜述

21世紀互聯網在商業、廣告業、信息業和通信業產生了廣泛而深刻的影響。互聯網由無數形形色色的網站構成，而網站的基本元素就是網頁，是互聯網時代的一張“臉面”，而網頁設計行業也是這幾年最前沿的行業之一。伴隨互聯網的迅猛發展，瀏覽者的文化和審美層次都在提高，對網頁設計水準也在上升。現代網頁設計需要加強美術設計理論知識和實踐能錄，使互聯網的容貌更加豐富。

網頁設計是一種基于顯示器顯示的加諸于視覺的整合設計，是以信息網絡為媒介和載體的綜合性藝術，是一種互動型的媒體藝術。除了要求設計師熟練運用美術知識之外，對設計心理學，人機工程學，科學技術發展及客戶需求等方面都要有所把握，設計出美觀，合理的人與計算機交互的平臺界面。

二、網頁的基本元素和近年來移動端產生的新興變化

網頁的構成包括文字，圖形，圖像，標志，色彩等這些要素。網頁設計的基礎，是將大量信息通過收集、歸納、整理和美化，讓頁面有條理，完成一種具有創造性的思維活動。

以往設計師在進行網頁設計的時候會考慮帶寬。以新浪新聞為例，在2000年左右人們依靠撥號上網的時代，大部分網頁是一個簡單的文字頁面，主要用來發布新聞，展示公告，主要以文字進行信息交流。單個新聞網頁主要分寬窄兩欄（banner），寬欄以文字輔以少數圖片，沒有特效邊框，窄欄是其他新聞標題以及圖片廣告，廣告只有約110×75像素大小。因網速的快速提升，光纖的普遍使用，大幅提高的家庭網速使得絕大多數網頁傾向多圖化，高清化，UI個性化和立體化。網頁設計開始吸收融合豐富的視覺元素，加入視頻、高清彩圖，開始追求為形式美消耗大量數據流量。

用戶在使用大屏幕的計算機時，便于接收包括視頻，動圖廣告在內全面的信息，而當用戶使用手機時，網頁字體小，Flash播放器的不兼容，GIF效果無法使用網站排版布局固定，文字內容擠壓，操作和點擊困難，用戶們并不想在小的手機屏幕上看到大幅廣告。有越來越多的廠商在電腦端之外為Ipad和手機端配置一個移動網址。用戶在訪問時，瀏覽器會識別客戶使用的移動設備型號，拋棄自適應的頁面，手機網頁的設計比計算機更簡潔，界面弱化，著重突出功能，關注瀏覽者正在閱讀的重點。

三、運用布局特點和黃金分割律進行網頁設計

網頁內容與功能決定網頁的展示形式和界面設計。人眼只能產生一個視覺焦點，瀏覽網頁時，我們的視覺會產生自然流動的習慣。網頁應當適應不同計算機不同的分辨率，IE瀏覽器MAC系統瀏覽器等主流瀏覽器，注重色彩搭配及其對不同色域的支持。我們在設計的時候，判斷出瀏覽網頁用戶的屏幕分辨率，根據不同的分辨率設計不同的瀏覽內容，使用同一種的圖片處理效果，選擇適合的大小、搭配相應的線條，以增進信息傳達效果。網頁設計的圖與底之間關系也是圖形、圖像制作中應考慮的因素，采用變形、模糊或虛化的方法進行背景圖形、圖像的處理。創造有目的地視覺流動方向，達到表達重點和詮釋內容的目的，使瀏覽者能輕松找到需要的信息內容。

在造型藝術中，比例起著特別重要的作用。文藝復興時代，設計師們力求在自己的創作作品中體現人體最重要的比例。那是就產生了關于完善的比例的學說“黃金分割”：將一個整體分為兩個部分，較大部分和較小部分之比等于整體和較大部分之比，比值1：0.618或1.618：1，這個結果被公認為最具有審美意義的比例，也是最能引起人的視覺美感的比例。

黃金分割的美學價值也由科學實驗得到證實，引發了許多設計藝術在內的重要應用。隨著黃金分割研究的深入，黃金分割理論也得到了理論的發展。隨著我們的研究深入，黃金分割的應用從建筑、雕塑、繪畫、平面設計領域進一步擴展到了平面設計領域，在進行美學相關的設計時，設計師應當科學地遵從黃金分割律，達到視覺平衡。

四、色彩在網頁設計中的運用

網頁設計的目的是創造一種人性化的視覺環境，除了提供用戶良好的視覺體驗，還要滿足他們在不同場合對信息的需求。在不同的場合人們對于網頁排版的功能美和美術美的的要求是不同的，因此，做到功能和美術美的交融統一除了重視基本的信息需求外，更要注意色彩的搭配。借助色輪和顏色生成器進行輔助設計，選擇的顏色越多，配色方案就越多。

注重色彩搭配，使背景和文字符合基本的彩色構成和視覺常識，出于界面設計對用戶視覺的引導，以達到統一的視覺效果，優秀的網站頁面設計，不僅要有鮮明的主題，一統的風格，還要重視內容與形式的的統一。在設計文化類網站時，可以使用豐富的主題色，增強瀏覽者的興趣，給人帶來賞心悅目的感覺。機關部門的網站，因這些網站通常用來發布、公示信息，對美術設計的部分要求較低，應當降低設計創意的比重，僅以文字或欄目線條來區分，以給瀏覽者正規，官方的印象。科技類網站，使用簡練的藍色，銀色等顏色為佳。女性主題的網站，使用明快的黃色，粉色等顏色為佳。在設計中充分發揮色彩情感。

五、形式美法則在網頁設計中的運用

形式美法則是人類在創造美的形式、美的過程中對美的形式規律的經驗總結和抽象概括。主要包括：對稱均衡、單純齊一、調和對比、比例、節奏韻律。形式法則的運用主要體現在造型、裝飾、色彩處理手法上。形式美法則在網頁設計的最初階段設計師的構圖中的重要性不容忽視。設計需要滿足視覺審美的需求，使各元素在視覺上相對平穩和均衡。在形式上，運用形式美法則來協調和處理各個視覺要素之間的關系。在形式美法則中，對稱是指圖形或物體對中心點、中心線、對稱面，在形狀大小排列上具有對應關系；均衡是不對稱形態的一種平衡。對稱與均衡是取得視覺平衡形式。對稱體現了靜感與穩定性，具有安定的美，均衡則表現了律動感，具有生動、活潑的美。在網頁設計的過程中，注意形式上的和諧還需要視覺的信息的引導。在網頁版式設計上，對稱與均衡的運用是常見的，一般來說，完全對稱的版式并不多見，更多時候體現的是一種均衡，視覺元素在頁面中的組織形式需要滿足整體平衡同樣也要滿足人的心理因素。對稱和均衡的運用在網頁版式設計中并不多見，而設計師需要掌控的是一種視覺上的整體平衡感，因為網頁時觀看者的心理因素的一種圖形化的投射，網頁過分地追求對稱，不僅僅會使得信息的分布不容易閱讀，可能還會使觀者產生心理情緒。

六、依據網頁的多媒體性而設計

設計是主觀和客觀共同作用的結果。和平面廣告，報刊雜志的版面不同，網頁設計技術性的體現在信息交互性、持續性、多維度性，和視覺聽覺多媒體性方面。印刷品都有固定的規格尺寸，而網頁由瀏覽者掌握，網頁的組織結構不像實物印刷產品那樣由線性結合，這種版式的不可控制性對網頁設計的藝術表現能力提出更高的要求。網頁設計如何從平面設計發展到立體性的多媒體設計，讓網絡技術和藝術設計緊密結合，是設計者需要應對的問題。制作多媒體網頁時，Flash和3D動畫易于發揮創意，人機對話過程變得更加生動，產生視覺與心理上的共鳴，帶給受眾視聽的多重享受。例如現在流行的短視頻網站，其頁面具有很強的時代性，受眾廣泛，是對瀏覽者視覺和心理上的調劑，使其產生一種愉悅感，延伸想象空間，營造出獨特的視聽體驗，這種加強的記憶性是指短視頻網站形象長時間地保留在大腦印記中，同時產生條件反射。所以設計師在進行設計時可以加強多媒體構成因素的作用，以簡潔，快速，沖擊性強的視覺語言和視覺符號，調和、視覺誘導加強觀者的記憶。

結束語

網頁設計這個課題，在當今科學技術不斷發展影響下的日常生活中，是一個新的平面設計種類。網頁設計是網絡技術與美術設計的統一，設計師在設計網頁時，要做到滿足用戶的需求心理，視覺美學和認知習慣，以瀏覽者的角度進行設計，跟上全新的多媒體數字時代，運用黃金比例法則，形式美法則和軟件工具設計出理想的網頁。

參考文獻：

[1]張協和.工業美術設計淺說[J].機械設計，1984（01）：8-13.

[2]冷德彤.現代設計中視覺傳達的形式美法則的解讀[J].南京廣播電視大學學報，2008（04）：79-82.

[3]王君.網頁設計在平面設計中的運用[J].包裝工程，2012，33（16）：140-142+146.

[4]李珊珊.網頁設計中的美學概述2010.工程技術

[5]張亮.論網頁設計中的美學.2009 大眾科技

[6]唐一鵬.美學原理在網頁設計中的應用.福建信息技術教育.2006年01期

作者簡介：陸煦（1987-），女，安徽淮北，安徽淮北煤電技師學院講師，研究方向：藝術設計