網(wǎng)頁設(shè)計(jì)要留意的美學(xué)問題

網(wǎng)頁設(shè)計(jì)要留意的美學(xué)問題

一、網(wǎng)頁美學(xué)問題的提出

美與審美的基本概念

美，會(huì)意，金文字形，從羊，從大。古人以羊?yàn)橹饕笔称?，肥壯的羊吃起來味很美，即羊之大為美。本義:味美?！墩f文解字》里道:美，甘也。從羊大。羊在六畜主給善也。美與善同意。還有兩種解釋，一種是人以佩角為美，即“美”字是一種人佩戴角類裝飾品的造型，代表好看。另一種是馴之廣為美，“羊”意為“馴順”，“大”意為“國土遼闊”?！把颉迸c“大”聯(lián)合起來表示“國土遼闊、人民馴順”，帶有一定功利性。美的日常含義包括兩個(gè)方面。一是用于生理需要滿足時(shí)的感嘆和對滿足生理需要的對象的肯定性評價(jià)。二是對人的行為、思想、言論等符合規(guī)范的一種贊同。美學(xué)中關(guān)于美的概念解釋問題，中外歷史上一直沒有中斷過，也沒有統(tǒng)一過，甚至到現(xiàn)在都沒有一個(gè)公認(rèn)的標(biāo)準(zhǔn)解釋。一般認(rèn)為，美學(xué)是研究美、美感和藝術(shù)美的科學(xué)［1］。美學(xué)中使用的“美”的概念有三層含義:第一層含義指的是具體的審美對象，或者說就是“美的東西”;第二層含義指的是眾多審美對象所具有的特征，主要是形式和形象上表現(xiàn)出來的審美屬性;第三層含義指的是美的本質(zhì)和美的規(guī)律［2］。馬克思主義美學(xué)理論認(rèn)為，“美的本質(zhì)”是指人們在自由自覺的勞動(dòng)創(chuàng)造中，體現(xiàn)人們的智慧、才能、力量、目的的實(shí)現(xiàn)，人在其中能感受到的愉快和喜悅的感性顯現(xiàn)，是人的本質(zhì)力量對象化的結(jié)果。美的基本形態(tài)是藝術(shù)美和現(xiàn)實(shí)美。其中現(xiàn)實(shí)美又包括:自然美、社會(huì)美、形式美、教育美、科學(xué)美，等等。對應(yīng)美，有一個(gè)審美的概念。簡單理解，審美就是對美的認(rèn)知和判斷，是一種主觀的心理活動(dòng)的過程，是人們根據(jù)自身對某事物的要求所作出的一種對事物的看法。從哲學(xué)上講，審美是人類掌握世界的一種特殊形式，指人與世界形成一種無功利的、形象的和情感的關(guān)系狀態(tài)。審美在理智與情感、主觀與客觀的具體統(tǒng)一上是追求真理、追求發(fā)展的，背離真理與發(fā)展的審美，是不會(huì)得到社會(huì)長久普遍贊美的。近年有學(xué)者認(rèn)為，美學(xué)中“快感”、“美”、“美感”和“審美”的概念是含糊不清的，這是美學(xué)陷入停滯和混亂局面的原因之一，對美學(xué)具有積極意義的概念是藝術(shù)，而藝術(shù)及其相關(guān)經(jīng)驗(yàn)是美學(xué)的研究對象，因此美學(xué)就是藝術(shù)哲學(xué)［3］。

網(wǎng)頁美學(xué)問題的探討

長期以來，人們通常把藝術(shù)看作美學(xué)研究的主要對象，美學(xué)被看作藝術(shù)哲學(xué)。隨著人類社會(huì)的進(jìn)步，科學(xué)成果不斷轉(zhuǎn)化為技術(shù)，迫切要求人們把審美引入技術(shù)活動(dòng)中，用美的尺度去衡量產(chǎn)品的效用功能與審美價(jià)值相互統(tǒng)一的深度［4］。網(wǎng)頁美學(xué)正是在這種計(jì)算機(jī)技術(shù)和信息技術(shù)快速發(fā)展的背景下產(chǎn)生的一種美學(xué)現(xiàn)象。簡單理解，網(wǎng)頁美學(xué)即是以網(wǎng)頁為美學(xué)研究對象的學(xué)問。其主要任務(wù)是研究網(wǎng)頁美的本質(zhì)及其審美問題。它包含兩個(gè)方面的問題:一是什么是網(wǎng)頁美的問題?二是如何審視網(wǎng)頁美的問題?網(wǎng)頁美學(xué)問題，對于網(wǎng)頁的使用者來說，主要是在使用過程中認(rèn)識(shí)美、發(fā)現(xiàn)美和感受美的問題。對于網(wǎng)頁設(shè)計(jì)者來說，則是根據(jù)自己的審美理念或訪問者的審美觀念來創(chuàng)造美的問題。從美的形態(tài)上來分析，網(wǎng)頁作為一種圖文并茂的信息載體，其藝術(shù)美和現(xiàn)實(shí)美兼而有之。網(wǎng)頁制作者按照某種特定的審美觀念創(chuàng)造出具有一定藝術(shù)風(fēng)格的網(wǎng)頁。同時(shí)，因網(wǎng)頁本身是一種傳遞信息的載體，其所承載的內(nèi)容和自身表現(xiàn)形式等，具有教育美、自然美、社會(huì)美、形式美和科學(xué)技術(shù)美等特征，因而具備現(xiàn)實(shí)美。網(wǎng)頁一旦融入獨(dú)特的美學(xué)思想后，就形成了鮮明的風(fēng)格、意境和神韻。

二、網(wǎng)頁的基本構(gòu)成要素及其美學(xué)分析

網(wǎng)頁同樣包含內(nèi)容和形式兩方面。因?yàn)榫W(wǎng)頁所承載的內(nèi)容不同，不能一概而論，因此本文僅從形式方面來探討網(wǎng)頁的美學(xué)問題。構(gòu)成網(wǎng)頁的常見形式要素主要有:文本、圖片、動(dòng)畫、音頻、視頻、表單、超級(jí)鏈接、Java特效、ActiveX插件等。這些要素共同組成一個(gè)網(wǎng)頁，就像一個(gè)大畫板一樣，通過人的視覺和聽覺渠道，呈現(xiàn)在使用者面前。使用者會(huì)根據(jù)自己的審美理想，對該網(wǎng)頁做出美觀與否的判斷。從美學(xué)角度考慮，這些要素如果符合了使用者的審美觀念，那么，就會(huì)被認(rèn)為是美的。相反，就會(huì)被認(rèn)為是不夠美的，或是丑的。所謂網(wǎng)頁的美學(xué)問題，說白了，就是網(wǎng)頁各要素所呈現(xiàn)的綜合效果能否滿足審美主體的審美理想的問題。文本，作為網(wǎng)頁中的主要構(gòu)成要素，其美觀程度對網(wǎng)頁來說起著決定性作用。文本的屬性，主要涉及結(jié)構(gòu)、字體、字形、字號(hào)、顏色、間距、段落、行距等。這些屬性，本質(zhì)上是大小、形狀、顏色等方面的問題。

圖片，也是網(wǎng)頁素材的主要組成部分。隨著讀圖時(shí)代的來臨，圖片在網(wǎng)頁中也占了一部分比例，有時(shí)起著畫龍點(diǎn)睛的功效。從美學(xué)方面來看，圖片也是最能直接體現(xiàn)美學(xué)特征的素材，因此很多網(wǎng)頁中會(huì)大量使用圖片，用最直觀的方式呈現(xiàn)網(wǎng)頁的主題和格調(diào)，以達(dá)到審美認(rèn)同，進(jìn)而起到宣傳、襯托和渲染網(wǎng)頁的功效。圖片主要包含結(jié)構(gòu)、大小、形狀、顏色等元素。一幅圖片在整個(gè)網(wǎng)頁頁面中是否美觀，主要看此圖片與其他內(nèi)容的搭配是否協(xié)調(diào)。動(dòng)畫、音頻、視頻等要素，也是多媒體網(wǎng)頁的重要組成部分。隨著多媒體技術(shù)的不斷發(fā)展，動(dòng)畫、視音頻等元素在網(wǎng)頁中所占的比例越來越大。與圖片所不同的是，它們的表現(xiàn)強(qiáng)度不同。表格，同樣是網(wǎng)頁要素的重要組成部分，在網(wǎng)頁的結(jié)構(gòu)設(shè)計(jì)中起著舉足輕重的作用。若表格設(shè)計(jì)美觀，則網(wǎng)頁的總體布局和諧，符合大眾審美理想。表格設(shè)計(jì)怪異，則使網(wǎng)頁顯得很不順眼，很難引起欣賞者的審美共鳴。

網(wǎng)頁層次的疊加問題。有的網(wǎng)頁，訪問者剛一登陸，就彈出很多懸浮窗口、對話框或圖片等，這些元素讓訪問者有時(shí)候感覺到手足無措。對于初次訪問者來說，看到類似的懸浮頁面，或許還有一定吸引力。但是對于經(jīng)常訪問該網(wǎng)頁的訪問者來說，這些懸浮頁面卻變成了一種障礙。所以網(wǎng)頁設(shè)計(jì)中應(yīng)減少使用懸浮頁面。即使要使用，也要盡量置于不太顯眼的次要位置，否則只會(huì)本末倒置，以小失大。另外要注意定期或不定期更新，以防止舊網(wǎng)頁所帶來的審美疲勞。從以上分析中，我們會(huì)發(fā)現(xiàn)，文本、表格、圖片，還是動(dòng)畫、視音頻等網(wǎng)頁基本要素，主要包括結(jié)構(gòu)、大小、形狀、顏色、強(qiáng)度等方面的屬性，這些屬性，共同構(gòu)成了網(wǎng)頁的美學(xué)特征。只有處理好這些要素及屬性之間的協(xié)調(diào)關(guān)系，讓點(diǎn)、線、面、色的構(gòu)成，符合審美主體的審美規(guī)律，創(chuàng)造一種愉悅的視覺和聽覺環(huán)境，才能令使用者有一種全身心的享受和共鳴，達(dá)到審美享受的目的。

對這些要素的總體美學(xué)設(shè)計(jì)來說，筆者認(rèn)為，在字體、顏色等方面采用三種應(yīng)用格式的網(wǎng)頁最耐看，最具備審美價(jià)值。比如顏色方面，以三種顏色為和諧，顏色多則花，少則平。在文字格式方面，也是以三種格式為美觀，標(biāo)題為一種字體，正文為一種字體，附注為一種字體。如果多了，既不利于排版，也不利于瀏覽。同樣，在表格、圖片、視音頻等表現(xiàn)形式方面，其應(yīng)用格式也應(yīng)以適量而合理為宜，如果太復(fù)雜，一方面可能會(huì)致使瀏覽器無法兼容和識(shí)別;另一方面可能會(huì)加大信息傳遞的難度，不利于用戶理解和閱讀。在靜態(tài)網(wǎng)頁技術(shù)中，文本、圖片、視音頻等要素，相對比較固定，其美學(xué)特征在設(shè)計(jì)時(shí)已基本固定。而在動(dòng)態(tài)網(wǎng)頁技術(shù)中，其核心瀏覽界面，主要是一個(gè)框架，其文本等內(nèi)容則根據(jù)更新情況從數(shù)據(jù)庫臨時(shí)調(diào)取，因此其美學(xué)特征主要在反映框架設(shè)計(jì)上，而對于文本等動(dòng)態(tài)內(nèi)容而言，則需要一套總的格式執(zhí)行標(biāo)準(zhǔn)。

三、網(wǎng)頁設(shè)計(jì)過程中需要注意的美學(xué)應(yīng)用原則

優(yōu)秀的網(wǎng)頁設(shè)計(jì)者，除需要掌握相關(guān)的web制作技術(shù)外，還應(yīng)具有一定的美學(xué)修養(yǎng)，這樣才能制作出既美觀又實(shí)用的web頁面。筆者認(rèn)為，對于大部分中國網(wǎng)民來說，因受傳統(tǒng)文化儒、釋、道三家美學(xué)思想的影響，比較能夠接受中和、協(xié)調(diào)、簡約、自然、實(shí)用一些的網(wǎng)頁。為了實(shí)現(xiàn)這樣的目標(biāo)，在網(wǎng)頁設(shè)計(jì)過程中應(yīng)注意以下原則。

美觀性、得體性、協(xié)調(diào)性原則即網(wǎng)頁各組成要素之間，應(yīng)以美觀、得體、協(xié)調(diào)為準(zhǔn)。不宜有太突出的要素成分及不夠協(xié)調(diào)的結(jié)構(gòu)安排。太個(gè)性或太張揚(yáng)的網(wǎng)頁格式，容易造成較大的視覺張力，對使用者的審美觀念來說是一種挑戰(zhàn)，如果普遍不能接受設(shè)計(jì)者所主張的新的審美理念，則應(yīng)以選擇傳統(tǒng)的審美理念為主。

統(tǒng)一性、標(biāo)準(zhǔn)性、延續(xù)性原則一個(gè)完整的網(wǎng)站，應(yīng)該有一套統(tǒng)一的美學(xué)風(fēng)格執(zhí)行標(biāo)準(zhǔn)。包括網(wǎng)站的總體形象、標(biāo)志、色彩、字體、版面布局等，都應(yīng)該有一套穩(wěn)定的、可遵循的模式標(biāo)準(zhǔn)。這樣網(wǎng)站才能形成鮮明的特征，獨(dú)特的風(fēng)格和穩(wěn)定的品牌效應(yīng)。很多大企業(yè)的網(wǎng)站，其總體風(fēng)格，在色調(diào)、字體等方面都與品牌的總體理念保持高度一致。相反，如果沒有統(tǒng)一標(biāo)準(zhǔn)，則會(huì)使網(wǎng)站的整體美觀度大打折扣。例如，某網(wǎng)站有3個(gè)管理員，每個(gè)管理員每天都在向網(wǎng)頁上發(fā)布信息，3個(gè)人所發(fā)布的文本信息所用的字體、大小、顏色和段落行距等如果差異過大，且同一個(gè)人有時(shí)候發(fā)布的幾條同類信息格式也不相同，最后導(dǎo)致瀏覽者在同一網(wǎng)站同一模塊讀到的文章格式是五花八門的。從而造成瀏覽者感覺的混亂。這就是由于該網(wǎng)站沒有統(tǒng)一標(biāo)準(zhǔn)，所制作的頁面和所發(fā)布的信息沒有考慮到美學(xué)風(fēng)格一致性。一個(gè)獨(dú)立運(yùn)行的網(wǎng)站，在投入使用到全面改版之前的一個(gè)完整周期內(nèi)，其網(wǎng)頁風(fēng)格應(yīng)該具備延續(xù)性，網(wǎng)站的各項(xiàng)美學(xué)特征應(yīng)該具有恒定性和連貫性。作為網(wǎng)頁設(shè)計(jì)來說需要進(jìn)行創(chuàng)新，但是不能偏廢原有風(fēng)格的延續(xù)性。

簡約性、實(shí)用性、針對性原則即網(wǎng)頁的形式盡量應(yīng)以簡約、實(shí)用為宜。不能因過于追求形式而忽略內(nèi)容。畢竟形式是為內(nèi)容服務(wù)的。同時(shí)要有針對性，即風(fēng)格是面向使用者的。當(dāng)然，審美觀念是有個(gè)體差異性的。個(gè)別專門尋求極端美學(xué)理念的網(wǎng)頁，不作為本文探討對象。隨著網(wǎng)頁技術(shù)和多媒體技術(shù)的飛速發(fā)展，各種網(wǎng)頁以其豐富的形式呈現(xiàn)出不同的美學(xué)特征，有的網(wǎng)頁風(fēng)格，甚至能引領(lǐng)一時(shí)的審美潮流。但是，不管哪一種風(fēng)格，都應(yīng)本著協(xié)調(diào)、統(tǒng)一、美觀的原則，這樣才能符合大