網頁界面設計中功能與形式的美學統一

摘 要 以筆者近年來設計類專業經驗，目前國內的網頁界面設計不甚理想，存在著很多問題，不友好的網頁界面嚴重影響了網絡交流的進行，因此應該重視對網頁界面設計的研究工作。筆者認為完全有必要把一幅優秀的網頁界面設計作品視為一件藝術品，它應當具有同拉斐爾、畢加索或是安格爾的作品一樣的待遇和地位。網頁界面設計作品是技術和藝術的高度統一。它不僅需要技術人員編程將它實現，而且需要設計師運用運用統一、對比、對稱、均衡、節奏、韻律等形式原理進行設計，以構造出和諧、流暢、自然的網頁界面。

關鍵詞 網頁界面 版式設計 功能美和形式美 技術和藝術

一、引言

21世紀人們稱之為信息時代、數碼時代或者IT時代，它是建立在以電子計算機為平臺的基礎之上的。如今計算機和網絡的發展日新月異，以迅雷不及掩耳之勢席卷全球。各個商業機構和企業紛紛涌入互聯網，數以千計的大型公司和不計其數的小型企業正在利用互聯網進行自我宣傳和企業推廣，并在網上展開營消活動甚至提供完備的售后服務，互聯網已成為企業宣傳其產品或者服務的的重要方式。網頁已經成為當今社會的主要媒體之一，可以這樣說，網頁是超越廣播、電視、報紙、雜志等媒體的更加全面快捷方便的通信方式，是傳播設計中的中堅武器。在日常生活中，無論是有關衣食住行，還是生老病死，只要你能想到的主題，都能在網絡中找到你想要的信息。當遇到突發性新聞事件或熱點事件，網絡無疑便是最重要的信息傳播渠道。在互聯網日益發展的今天，我們已經很難與計算機和網絡分開了。計算機和網絡交流必然成為今后人們生活中重要組成部分。網絡文化已經形成一種為大眾所接受的文化現象。因此，我們再也不能對網頁界面的設計熟視無睹了，因為它設計的好壞直接影響著信息的交流和網絡的傳播，甚至影響網絡事業的發展。

二、國內網頁界面設計的的現狀

在我國，網頁設計正處于方興未艾的時期。網頁設計人員也是各大網絡機構、設計公司爭相禮聘的高級人才。在網上隨意瀏覽一下，就可以發現許多關于網頁設計的站點，并且在數以萬計的個人主頁中也不乏精良之作，可見我國的網頁設計已有了相當的基礎。但仍然可以看到，許多網頁設計人員并沒有認識到技術與藝術結合的重要性，或片面地理解了藝術設計的含義。因此在網上看到更多的可能是布局千篇一律、色彩搭配混亂、版式紛雜紛亂，表面五光十色實則空洞無物的設計。具體表現的現狀是什么樣子的呢？我想大家都深有體會。

第一個問題是“滿”，它將各種信息諸如文字、圖片、動畫等不加考慮地都塞到頁面上去，有多少擠多少，仿佛要把自己要表現的意圖一下子都展現出來。不加以規范化、條理化，讓人看的眼花繚亂，很難找到有效信息。

第二個問題是“花”，這類網站也有不少，顯然這是很多不懂設計的人來制作的。比較多是他們把頁面做的很花哨，但是非常不實用，例如采用很深的帶有花哨圖案的圖片作為背景，嚴重干擾了瀏覽，獲取信息很困難。同時有些為了色彩豐富，用很鮮艷的顏色做底色，底色上文字又不注意和底色搭配協調。沒有整體感覺，盡管有些頁面內容不多，但是瀏覽起來仍然特別困難。

第三個現在網頁設計中的誤區就是千篇一律，缺乏個性。當我們打開電腦，上網一看，好多網站版式設計都是一樣的。好象出自一個人之手。

綜合以上的分析，可以找出很多目前網頁設計上設計的不足，特別是審美上的不足，照顧網頁功能上的需要的前提下，需要有針對性的采用一些美的形式。來使網頁做得更加有生氣，更吸引人。

怎么才能做到這些呢？在沒有分析這個問題之前，我們先來分析一下網頁界面設計的兩個功能。即實用功能和審美功能。

三、網頁界面設計作品實用功能和審美功能

我們完全可以把一幅優秀的網頁界面作品當成一件藝術品，就像對待那些世界名畫那樣對待它們。這是因為網頁界面作品具有任何門類的藝術作品所共有的審美性的內容。但這并不是說網頁界面設計作品可以和純藝術作品之間劃等號，或者完全不顧兩類藝術作品之間的根本性差別。網頁界面設計作品作為一種藝術形式，屬于藝術范疇，它的美感存在于實用性當中，功能美和形式美必須高度統一起來，也就是說，它除了具備審美功能以外，還必須具備實用功能。而純藝術作品的審美可以單純的從觀念性分析，不必考慮它的實用功能。這就是他們之間的本質差別。

那么，什么是網頁界面設計作品實用功能和審美功能呢？

（一）實用功能

界面設計的實用功能，主要是為了滿足人們的獲取信息的需求，讓人們上網瀏覽能夠更加方便。讓人機交流能順利進行。我們知道，人們上網的目的，不外乎獲取信息、交友、娛樂、購物這幾種，具有很強的自主性、選擇性。一旦遇到外部環境中帶有負面作用的刺激，就會終止瀏覽，轉向其它頁面或者退出。而版式設計就是將網頁界面變得更加友好，把這種負面作用盡量的降低。它讓人機對話變得輕松，促使人們迅速達到自己的目的。“設計以人為本”這一原則在網頁界面設計中應該很好的體現，要在操作中達到真正的人機和諧，必須以更高層次的眼光來看待網頁界面設計。這就要求設計師綜合考慮到視覺流程、閱讀習慣、接受心理、視錯適應等多種因素，實現人機系統的宜人高效的目的，通過合理的版式設計來加強網頁界面設計的實用功能。許多從事界面設計的人往往一味追求形式上的“新”、“異”、“怪”，而忽略了界面設計的功能性，走進了界面設計的誤區。

（二）審美功能

人們總是希望看到美的事物，得到美的享受，因此他們在接受網頁信息的同時，也非常渴望能得到美的享受、美的遐想、美的激情、獲得了快樂和藝術的感染，這就是發自內心的審美體驗。一個優秀的設計必定是形式對內容的完美表現。正如黑格爾所說：“工藝的美就不在于要求實用品的外部造型、色彩、紋樣去摹擬事物，再現現實，而在于使其外部形式傳達和表現出一定的情緒、氣氛、格調、風尚、趣味，使物質經由象征變成相似于精神生活的有關環境（黑格爾《美學》第三卷）。”需要注意的是：網頁設計所追求的形式美，必須適合主題的需要，這是網頁設計的前提。只講花哨的表現形式以及過于強調“獨特的設計風格”而脫離內容，網頁設計都會變的空洞而無力。設計者只有將內容和形式有機地統一起來，深入領會主題的精髓，再融合自己的思想感情，找到一個完美的表現形式，才能在真正意義上體現出網頁界面設計的審美價值。

（三）實用功能和審美功能之間的關系

網頁界面的實用功能是最主要的，可以說是第一位的，脫離了功能美的形式美是沒有意義的。界面是以實用功能為前提和基礎，其審美功能必須以實用目的為導向，不能背離實用目的。網頁界面自從誕生那天起，就表現出了實用價值，當時的界面只包含實用成分而不講究形式美感。直截了當地使用文字符號進行人機交流，界面的審美功能完全通過功能美來實現的，并沒有考慮形式美的因素。這個現象也符合人類設計審美的一般規律，即是先滿足實用功能再滿足審美功能。隨著實用功能的日益豐富和滿足而逐漸開始對更高層次的審美功能追求。設計發展的歷史也證明，在一定歷史階段，人的功能需求是有限度的，當網頁界面的功能美需求充分滿足之后，對于精神層次的審美需求就成了下一目標。正是這種對審美性的追求，才使網頁界面設計從原始的功能性領域中掙脫出來，走向藝術的殿堂，于是在審美的基礎上，形式美日益明朗和豐富起來。成為網頁界面必須具備的組成因素之一，今天我們在互聯網上看到的那些優秀的網頁界面作品，都是功能美與形式美的高度統一。

一幅網頁界面設計作品的審美價值可以功能美為主要表現對象，也可以形式美為主要表現對象，但是不管怎樣，功能美必須要作為審美價值的基礎，并且不能被單方面取消。我們平常見到有形式美感十分突出的作品，但這并不意味著它可以改變審美功能的構成屬性。這僅僅說明了它的審美取向的定位不同而已。例如，雅虎作為一個搜索引擎，首先要實現“搜索”的“功能”。它的審美價值取向偏重于功能之美。而一個個人網站，它的審美價值取向更偏重于形式之美，可以只體現作者的設計思想，或者僅僅以設計出“美”的網頁為目的。但是它的最基本的實用功能（讓人們上網瀏覽能夠更加方便。讓人機交流能順利進行）是不能被取消的，否則是不能稱之為優秀的網頁界面設計的。如果網頁界面失去了其功能因素的制約，那么它也將失去自身存在的價值和意義。正如英國著名文藝評論家拉金所說：“這樣的設計即使是天堂里的神品也罷，實際上不過是一件十分無聊的東西。”

四、我們如何創造形式美

從古至今，很多藝術家和學者都遵循形式美的規律去創作，很多經得起推敲的作品也都是遵循這些規律的，網頁界面的版式設計和其它視覺形式一樣，也遵循這些形式原理。我們應該把美的形式規律同現代的網頁版式設計的具體問題相結合起來。下面具體談談。

（一）秩序產生美

秩序是自然界的普遍現象，生活中到處都可以找到秩序的各種形式。秩序產生的美感具有簡潔直觀的特點。有位設計理論家指出：“人類的視知覺有中有將曖昧的形和色朝著勻齊簡練的形和色、將復雜的東西還原成簡潔的東西這種傾向。”

完美的網頁界面設計，在形式上要豐富有條理，我們把大量的信息塞到網頁上去的時候，要考慮怎樣把它們安排在一個統一有序的空間里去，使他們的關系即顯得整體又顯得富有秩序感。在具體的網頁設計的運用中，按鈕的編排就經常會遇到這個問題，做得好的按鈕能夠使排在一起的諸多按鈕富有音樂般的美感，同時絲毫不損其實用性。

（二）和諧產生的美感

優秀的網頁設計作品都很好的體現了和諧性，并且也具有很好的整體性。文字排列的和諧、色彩搭配的和諧、圖形圖象的和諧都會在整體統一的情況下，得到很好的運用。我們做畫的時候講究整體和局部的關系，其實質也是和諧思想的的一種體現。設計上的和諧的核心思想就是美學思想上的整體觀，亞里士多德曾經這樣說過：“美與不美，藝術作品與現實事物，分別就在于美的東西和藝術作品里，原來零散的因素組合為一體。”網頁界面中和諧，主要是指各要素相互依存、彼此聯系的緊密結合，它們之間具有不可分割的整體性。這些文字、圖形、色彩等要素，都是為界面實現功能價值和審美價值服務的，它們之間相互協調。相互映襯。界面也因此具有美感和藝術特質。

（三）變化產生美感

變化是各個組成部分之間的區別，統一是各個部分之間的內在關聯。在我們把大量的信息塞如到網頁上去的時候，考慮怎樣把它們合理的用統一的方式來排布，使其整體感強同時又要有變化，這樣使頁面更豐富，更有生氣，看起來就不感到枯燥，很多網站諸如體育的網站，排布的新聞從上到下幾十條，沒有一點變化，顯得單調而乏味，就是違反這種形式美的規律，所以要充分的運用變化來改進它，從排布的形式上或者是顏色上都可以。

設計師的工作必須遵從藝術設計的客觀規律。形式美感的創造。是在上述法則靈活、巧妙運用的基礎上產生的。

五、結束語

網頁界面的版式設計實際上沒有規定的格式可循，在實際的網頁設計過程當中，我們可以將所有在平面設計中體現出來的“新奇”、“獨特”和大膽的東西，運用到網頁界面設計中去。我們應該根據網頁界面的具體內容和要求，勇于突破傳統和形式框架的束縛，設計貴在創新和突破。

迄今為止，我國對網頁界面設計這一課題的系統研究還略顯薄弱，特別是在藝術設計領域中對網頁界面設計的探討尤顯不足，至今未能提出系統的設計理論和指導原則。對網頁界面設計進行系統性的研究，將視覺傳達設計的基本原則創造性地應用于網頁界面設計之中，確是當務之急。也是促進我國網絡事業發展的重要環節。

參考文獻：

[1]位元文化.css/html網頁設計[M].北京中國鐵道出版社.

[2]張凡等.網頁界面設計藝術教程[M].北京高等教育出版社.

[3]數碼藝術雜志2008 合定本[M].《計算機光盤軟件與應用》雜志社.

[4]黑格爾著 .朱光潛譯.美學第三卷[M].商務印書館，2010.