網(wǎng)頁設(shè)計之視覺信息傳達分析
2011-09-03 文章來源: 百度
進入21世紀，人類社會正經(jīng)歷著從原子時代向數(shù)字時代的轉(zhuǎn)變，新世紀的天是互聯(lián)網(wǎng)的天，互聯(lián)網(wǎng)正在全世界進行著越來越深刻的革命?；ヂ?lián)網(wǎng)代表著一種嶄新的信息交流方式，它使信息的傳播突破了傳統(tǒng)的政治、經(jīng)濟、地域及文化的阻隔，使信息傳達的范圍、速度與效率都產(chǎn)生了質(zhì)的飛躍?；ヂ?lián)網(wǎng)是由成千上萬的網(wǎng)站組成，而每個網(wǎng)站都是由諸多網(wǎng)頁構(gòu)成，故網(wǎng)頁是構(gòu)成互聯(lián)網(wǎng)的基本元素。我國這兩年的網(wǎng)絡(luò)發(fā)展非?？欤W(wǎng)站數(shù)量也以倍率增長，然而網(wǎng)頁的設(shè)計卻不容樂觀。除了一些大的專業(yè)網(wǎng)站在版面的編排上比較講究之外，其他很少見到界面設(shè)計考究、美術(shù)創(chuàng)意優(yōu)秀的中文網(wǎng)站。其實談到網(wǎng)頁設(shè)計就不能不說到網(wǎng)絡(luò)視覺信息的編排及歸類，這是網(wǎng)頁設(shè)計的特點，也是身處于信息化、數(shù)字化的當今設(shè)計者所必須具備的基本素質(zhì)。因為網(wǎng)絡(luò)本身就是一個處理信息的巨型平臺，設(shè)計者必須充分認識網(wǎng)絡(luò)，了解網(wǎng)絡(luò)的特征，才能使設(shè)計更加適合于網(wǎng)絡(luò)上的傳播。
一 網(wǎng)頁設(shè)計中的視覺流程
網(wǎng)頁是通過視覺元素的引人注目而實現(xiàn)信息內(nèi)容的傳達，為了使網(wǎng)頁獲得最大的視覺傳達功能，使網(wǎng)絡(luò)真正成為可讀強性而且新穎的媒體，網(wǎng)頁的設(shè)計必須適應(yīng)人們視覺流向的心理和生理的特點，由此確定各種視覺構(gòu)成元素之間的關(guān)系和秩序。因此，設(shè)計時應(yīng)該研究各種視覺造型元素之間的距離、位置、面積和視覺流程的問題。
視覺流程的形成是由人類的視覺特性所決定的。因為人眼晶體結(jié)構(gòu)的生理構(gòu)造，只能產(chǎn)生一個焦點，而不能同時把視線停留在兩處或兩處以上的地方。人們在閱讀一種信息時，視覺總有一種自然的流動習(xí)慣，先看什么，后看什么，再看什么。視覺流程往往會體現(xiàn)出比較明顯的方向感，它無形中形成一種脈絡(luò)，似乎有一條線、一股氣貫穿其中，使整個版面的運動趨勢有一個主旋律。心理學(xué)的研究表明，在一個平面上，上半部讓人輕松和自在，下半部則讓人穩(wěn)定和壓抑。同樣，平面的左半部讓人輕松和自在，右半部讓人穩(wěn)定和壓抑。所以平面的視覺影響力上方強于下方，左側(cè)強于右側(cè)。這樣平面的上部和中上部被稱為“最佳視域”，也就是最優(yōu)選的地方。
在網(wǎng)頁設(shè)計中一些突出的信息，如主標題、每天更新的內(nèi)容等通常都放在這個位置。當然視覺流程是一種感覺而非確切的數(shù)學(xué)公式，只要符合人們認識過程的心理順序和思維發(fā)展的邏輯順序，就可以更為靈活地運用。在網(wǎng)頁設(shè)計中，靈活而合理地運用視覺流程和最佳視域，組織好自然流暢的視覺導(dǎo)向，直接影響到傳播者傳達信息的準確與有效性。所以在網(wǎng)頁的編輯設(shè)計中，視覺導(dǎo)向是一個要點，網(wǎng)頁的設(shè)計是一種創(chuàng)造，首先要立足信息的傳達，但又要符合人們較為普遍的思維習(xí)慣，做到視覺流程自然、合理、暢快。成功的視覺流程安排，能使網(wǎng)頁上的各種信息要素在一定空間內(nèi)合理分布，能使頁面上各信息要素的位置、間隙、大小保持一定的節(jié)奏感和美感。
二 網(wǎng)頁設(shè)計的審美需求
網(wǎng)頁設(shè)計是一門新興的設(shè)計類和網(wǎng)絡(luò)的交叉學(xué)科，近幾年隨著網(wǎng)絡(luò)的發(fā)展而逐漸受到人們的重視，它本身以網(wǎng)絡(luò)為載體，把各種信息以最快捷、方便的方式傳達給受眾，在這種標準的要求下，逐步產(chǎn)生了審美的需求。人們對美的追求是不斷深入的，網(wǎng)頁設(shè)計同樣如此。網(wǎng)頁不光是把各種東西放上去，能看就行，這是遠遠不夠的!要考慮如何使受眾能更好地和更有效率地接收網(wǎng)頁上的信息。這就需要從審美的方面入手，制作出清晰、整體性好的頁面。使人瀏覽起來心情愉快，接收信息也會更加容易。網(wǎng)頁設(shè)計的審美需求是對平面視覺傳達設(shè)計美學(xué)的一種繼承和延伸。兩者的表現(xiàn)形式和目的都有一定的相似性，把傳統(tǒng)平面設(shè)計中美的形式規(guī)律同現(xiàn)代的網(wǎng)頁設(shè)計的具體問題相結(jié)合起來，運用一些平面設(shè)計中美的基本形式到網(wǎng)頁中去，增加網(wǎng)頁設(shè)計的美感和大眾的視覺審美需求。
我們經(jīng)常所說的如變化和統(tǒng)一、條理與反復(fù)、對比和調(diào)和、均齊與平衡等，對網(wǎng)頁中文字、圖形、色彩的設(shè)計都是十分有效的視覺規(guī)律。首先，網(wǎng)頁的內(nèi)容與形式的表現(xiàn)必須統(tǒng)一和具有秩序，形式表現(xiàn)必須服從內(nèi)容要求，網(wǎng)頁上的各種構(gòu)成要素之間的視覺流程，能自然而有序地達到信息訴求的重點位置。在我們把大量的信息塞到網(wǎng)頁上去的時候，考慮怎樣把它們以合理的統(tǒng)一的方式來排布，使整體感強同時又要有變化。怎樣使它們脈絡(luò)清楚又富有清晰的視覺效果等等。這樣使頁面更豐富，更有生氣，看起來就不感到枯燥。其次，突出主題要素，必須在眾多構(gòu)成要素中突出一個清楚的主體，它應(yīng)盡可能地成為閱讀時視線流動的起點。如果沒有這個主體要素，瀏覽者的視線將會無所適從，或者導(dǎo)致視線流動偏離設(shè)計的初衷。網(wǎng)頁設(shè)計中各構(gòu)成要素在組合時，要注意其結(jié)構(gòu)的輕重大小、虛實、多少等對比因素，加強視覺力度，以強化頁面的整體吸引力。作為形式美的法則，隨著時代的不同而不斷發(fā)展進步，特別在生活節(jié)奏如此快的互聯(lián)網(wǎng)時代，由于追求目標的變化，人們的審美觀念也在不斷地變化，但是美的本質(zhì)是一樣的，同時隨著技術(shù)的發(fā)展，很多目前不容易實現(xiàn)的審美形式也逐漸被克服，突破帶寬的瓶頸，就會給網(wǎng)頁設(shè)計的自如發(fā)展帶來一片新的天地。
三 網(wǎng)頁中各構(gòu)成要素分析
對于網(wǎng)頁設(shè)計來講，其信息內(nèi)容的有效傳達是通過將各種構(gòu)成要素的設(shè)計編排來實現(xiàn)的。網(wǎng)頁的構(gòu)成要素包括文字、圖形、圖象、標志、色彩等造型要素及標題、信息菜單、信息正文、標語、單位名稱等內(nèi)容要素。
1.文字的編排與設(shè)計
文字作為信息傳達的主要手段目前也是網(wǎng)頁設(shè)計的主體，文字是網(wǎng)頁中必不可少的元素，也是網(wǎng)頁中的主要信息描述要素，所以網(wǎng)頁中文字將占據(jù)相當大的面積，文字表現(xiàn)的好與壞將影響到整個網(wǎng)頁的質(zhì)量。網(wǎng)頁文字的主要功能是傳達各種信息，而要達到這種傳達的有效性，必須考慮文字編輯的整體效果，能給人以清晰的視覺印象，避免頁面繁雜零亂，減去不必要的裝飾變化，使人易認、易懂、易讀。不能為造型而編輯，忘記了文字本身是傳達內(nèi)容和表達信息的主題。
網(wǎng)頁文字編排與設(shè)計，重要的一點在于要服從信息內(nèi)容的性質(zhì)及特點的要求，其風(fēng)格要與內(nèi)容特性相吻合，而不是相脫離，更不能相互沖突。如政府網(wǎng)頁其文字具有莊重和規(guī)范的特質(zhì)，字體造型規(guī)整而有序，簡潔而大方；休閑旅游類內(nèi)容網(wǎng)頁，文字編輯應(yīng)具有歡快輕盈的風(fēng)格，字體生動活潑，跳躍明快，有鮮明的節(jié)奏感，給人以生機盎然的感受；有關(guān)歷史文化教育方面的網(wǎng)頁，字體編輯可具有一種蒼勁古樸的意蘊、端莊典雅的風(fēng)范或優(yōu)美清新的格調(diào)；公司網(wǎng)頁可根據(jù)行業(yè)性質(zhì)、企業(yè)理念或產(chǎn)品特點，追求某種富于活力的字體編排與設(shè)計；個人主頁則可結(jié)合個人的性格特點及追求，別出心裁，給人一種強烈獨特印象。
在網(wǎng)頁文字的編排與設(shè)計中，由于計算機給我們提供了大量可供選擇的字體，導(dǎo)致字體的變化趨于多樣化。這既為網(wǎng)頁編輯提供了方便，同時也對編排與設(shè)計的選擇能力提出了考驗。雖然可供選擇的字體很多，但在同一網(wǎng)頁上，使用幾種字體尚需精心編輯和考慮。一般來講，同一頁面上使用的字體種類最多只能有三四種。由于文本字體的顯示是需要本地硬盤字體文件的支持的，所以在互聯(lián)網(wǎng)上使用過多的字體是沒有意義的。文字在視覺傳達中作為頁面的形象要素之一，除了表意以外，還具有傳達感情的功能，因而必須具有視覺上的美感，能給人以美好印象，獲得良好的心理反應(yīng)。
2.圖片的編排與設(shè)計
圖片是文字以外最早引入到網(wǎng)絡(luò)中的多媒體對象。網(wǎng)絡(luò)可以圖文并茂地向用戶提供信息，成倍地加大了它所提供的信息量。而且圖片的引入也大大美化了網(wǎng)絡(luò)頁面?？梢哉f，要使網(wǎng)頁在純文本基礎(chǔ)上變得更有趣味，最為簡捷省力的辦法就是使用圖片。對于一條信息來說，圖片對受眾吸引也遠遠超過單純的文字。
網(wǎng)絡(luò)圖片的特點：一個特點是圖片質(zhì)量不需很高。因為網(wǎng)絡(luò)圖片一般只顯示于計算機的顯示器上，受顯示器最小分辨率的限制，即使圖片的分辨率很高，顏色深度很大，我們的肉眼也經(jīng)常無法把它和一幅處理過的普通圖片區(qū)分開來。一般來說，分辨率為72dpi(dotperinch)是大多數(shù)圖片最佳選擇；另一個特點是，圖片要盡量小。網(wǎng)絡(luò)頁面的圖片用于網(wǎng)絡(luò)的傳輸，受到帶寬的限制，其文件尺寸在一定范圍內(nèi)越小越好。這也是適應(yīng)信息高速公路的要求。文件的長度越小，下載的時間就會越短。
圖片的位置、面積、數(shù)量、形式、方向等直接關(guān)系到網(wǎng)頁的視覺傳達。在圖片的選擇和優(yōu)化的同時，應(yīng)考慮圖片在整體編輯計劃中的作用，達到和諧整齊。要達到這樣的效果，在頁面圖片的合理選用時，一要注意統(tǒng)一，二要注意悅目，三要注意突出重點，特別是在處理和相關(guān)文字編排在一起的圖片時。
3.色彩的設(shè)計
網(wǎng)頁在一定意義上說也是一種藝術(shù)品，因為它既要求文字的優(yōu)美流暢，又要求頁面的新穎、整潔，使用色彩可以產(chǎn)生強烈的視覺效果，使頁面更加生動。而且，瀏覽者在瀏覽網(wǎng)頁時，留下的第一印象就是頁面的色彩設(shè)計，它的好壞直接影響閱讀者的觀賞興趣。因此，色彩設(shè)計在網(wǎng)頁設(shè)計中居于十分重要的地位。網(wǎng)頁的色彩設(shè)計應(yīng)把握以下幾個方面：
首先是整個頁面的色彩選擇，確定一個主色調(diào)，可以有利于體現(xiàn)網(wǎng)站主題。我們現(xiàn)在看到的網(wǎng)頁，一般以淺顏色為背景的居多，如淺灰色、淺黃色、淺藍色、淺綠色。以淺顏色為底，柔和、素淡，配上深顏色的字，如黑色，讀來自然、流暢，也有利于突出頁面的重點，有利于整個頁面的配色，更容易為大多數(shù)人認可和掌握。其他一些次要內(nèi)容，如背景圖片、線條適宜采用不搶眼的顏色，以免喧賓奪主。只有少量精心選擇的元素，為了突出強調(diào)的需要，才采用明亮的色彩，這些彩色亮點就會產(chǎn)生強烈的視覺沖擊，但如果用得太多了，就會形成一種均勻的噪聲，而達不到強調(diào)的效果。
其次，在背景的色調(diào)搭配上一定要注意不能有強烈的對比，特別是同時使用色彩對立的顏色。大面積顏色適宜采用低比度，因為過于豐富的背景色彩會影響前景圖片和文字的取色，嚴重時會使文字溶于背景中，不易辨識。所以，背景一般應(yīng)以單純?yōu)橐?。如果需要一定的變化以增加背景的厚度，也?yīng)是在盡量統(tǒng)一的前提下的一種變化。例如在制用標題時，為追求醒目的視覺效果，可用比較深的顏色，配上對比鮮明的字體。實際上背景的作用主要在于統(tǒng)一整個網(wǎng)頁的風(fēng)格和情調(diào)，對視覺的主體起到一定的襯托和協(xié)調(diào)作用，一方面吸引網(wǎng)民的注意力，另一方面有助于體現(xiàn)網(wǎng)站的主題。
四結(jié)束語
網(wǎng)頁作為一種新的視覺表現(xiàn)形式，它的發(fā)展雖然沒有多長時間，它兼容了傳統(tǒng)平面設(shè)計的特征，又具備其所沒有的優(yōu)勢，成為今后信息交流的一個非常有影響的途徑。網(wǎng)頁設(shè)計是一種綜合性的設(shè)計，它所涉及的范圍非常的廣泛，包括消費者心理學(xué)、視覺設(shè)計美學(xué)、人機工程、哲學(xué)等諸多方面，當然也離不開一定的科學(xué)技術(shù)發(fā)展。在本文中只從視覺傳達的角度進行了一些闡述與分析。好的網(wǎng)頁設(shè)計除首先應(yīng)考慮其內(nèi)容上的精益求精外，其次就是對內(nèi)容合理有效的視覺編排。美是任何網(wǎng)頁所必需具備的基本因素，網(wǎng)頁信息不僅是為了滿足使用者的需求，更重要的是創(chuàng)造一種愉悅的視覺環(huán)境，使他們有一種全身心的享受和共鳴。
參考文獻
(1)謝依君.電子報的新聞介面分析(D).臺北：臺灣國立政治大學(xué)新聞學(xué)系，1999.
(2)唐良瑞，蔡安妮，孫景鰲.從認知心理及人機界面談網(wǎng)頁設(shè)計(J).工程圖學(xué)學(xué)報，2000，(2)：31-36.
(3)徐珂，苗彤，趙暉.網(wǎng)頁視覺與設(shè)計(M).北京：人民郵電出版社，2001.
(4)李硯祖，蘆影.視覺傳達的歷史與美學(xué)(M).北京：中國人民大學(xué)出版社，2000.
(5)何蘇六.網(wǎng)絡(luò)媒體的策劃與編輯(M).北京：北京廣播學(xué)院出版社，2001.
