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