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