心理學(xué)與視覺(jué)傳達(dá)在商業(yè)網(wǎng)站界面設(shè)計(jì)中的應(yīng)用研究

摘 要：在互聯(lián)網(wǎng)快速發(fā)展的今天，網(wǎng)絡(luò)已成為人們生活、工作、學(xué)習(xí)中不可缺少的一部分，網(wǎng)頁(yè)版面設(shè)計(jì)要給瀏覽者創(chuàng)造一種氛圍，使瀏覽者在未閱讀之前便可以大概領(lǐng)略整個(gè)網(wǎng)頁(yè)的設(shè)計(jì)風(fēng)格。當(dāng)瀏覽者點(diǎn)擊打開(kāi)網(wǎng)頁(yè)的一瞬間，首先引起他們關(guān)注的是由顏色、造型、大小各不同的要素組成的一個(gè)版面式樣。這樣瀏覽者就會(huì)從一個(gè)抱著獲取信息的態(tài)度的求知者轉(zhuǎn)而成為一個(gè)審美期望的審美主體。并在對(duì)網(wǎng)頁(yè)版面式樣瞬間的知覺(jué)中，完成一個(gè)完全脫離網(wǎng)頁(yè)內(nèi)容。文章主要研究了心理學(xué)與視覺(jué)傳達(dá)在商業(yè)網(wǎng)站界面設(shè)計(jì)中的應(yīng)用。

關(guān)鍵詞：心理學(xué)；視覺(jué)傳達(dá)；網(wǎng)站

網(wǎng)頁(yè)版面樣式的審美心理是影響網(wǎng)頁(yè)可讀性的一個(gè)重要因素，一個(gè)版面式樣組織得合理的網(wǎng)頁(yè)會(huì)使瀏覽者產(chǎn)生輕松的視覺(jué)感覺(jué)而樂(lè)意接受，必然增加網(wǎng)頁(yè)的視覺(jué)吸引力，誘使瀏覽者去觀看；一個(gè)失敗的網(wǎng)頁(yè)在瀏覽者把目光投向界面的那一刻就會(huì)產(chǎn)生一種緊張、壓抑的感覺(jué)，進(jìn)而產(chǎn)生心理排斥，影響觀看者點(diǎn)擊和閱讀的興趣。從審美心理學(xué)上來(lái)理解，主體的審美在表面上雖然是無(wú)關(guān)功利的，但究其實(shí)質(zhì)，事物的審美價(jià)值同其功利性的價(jià)值并非毫無(wú)關(guān)聯(lián)的，二者的聯(lián)系是間接的，但又是強(qiáng)有力和不可忽視的。

網(wǎng)頁(yè)界面設(shè)計(jì)是把合理的視覺(jué)信息元素，依據(jù)主題表現(xiàn)需要在規(guī)定的網(wǎng)頁(yè)面上實(shí)施一種編排，主要的基礎(chǔ)便是視覺(jué)生理與視覺(jué)心理。研究心理學(xué)的一方通過(guò)對(duì)視知覺(jué)的生理現(xiàn)象研究，總結(jié)了視感知的規(guī)律，里面蘊(yùn)含了“圖與底”這個(gè)核心問(wèn)題，和“接近的原則”“簡(jiǎn)明的原則”“閉合的原則”“相似的原則”等視直覺(jué)特征，把這些規(guī)律導(dǎo)入網(wǎng)頁(yè)界面設(shè)計(jì)，看也大大提升網(wǎng)頁(yè)設(shè)計(jì)的水準(zhǔn)。

1 “圖和底”

人類(lèi)知覺(jué)器官中最基礎(chǔ)的一個(gè)感知力就是可以區(qū)分開(kāi)圖形與背景的差異。“圖”是在的區(qū)域的前面，“底”一般是用來(lái)襯托前景的。前景比背景，輪廓較為清晰、造型較完整，面積不大，顏色較艷麗。“圖”與“底”之間有著這種相對(duì)的特性，網(wǎng)頁(yè)界面設(shè)計(jì)里，應(yīng)該準(zhǔn)確的區(qū)分圖與底，前景和背景。

2 簡(jiǎn)約原則

心理學(xué)者認(rèn)為，人的感知有“簡(jiǎn)明化”的趨向，簡(jiǎn)明化不是指一般意思上的“簡(jiǎn)單”，是一種把所有外界刺激盡量簡(jiǎn)單的結(jié)構(gòu)組織起來(lái)的傾向。設(shè)計(jì)師可以將這一形式運(yùn)用到網(wǎng)頁(yè)界面設(shè)計(jì)當(dāng)中。在界面的設(shè)計(jì)當(dāng)中，要避免過(guò)于復(fù)雜的網(wǎng)頁(yè)結(jié)構(gòu)，網(wǎng)頁(yè)結(jié)構(gòu)的設(shè)計(jì)盡可能量簡(jiǎn)約化，符合用戶的視覺(jué)習(xí)慣，利于用戶以很少的時(shí)間找到所需的信息。

在圖形的挑選上，不要運(yùn)用雜亂無(wú)規(guī)律的能分散用戶注意力的圖形，這樣會(huì)使用戶搜尋資料的復(fù)雜度加大。

3 “閉合原則”和界面設(shè)計(jì)

“閉合原則”指的是一種完成某種完形的行動(dòng)。這個(gè)原則說(shuō)明，任何一個(gè)視覺(jué)式樣將會(huì)可能被看成是一個(gè)陳述，對(duì)含糊其辭的視覺(jué)模式，我們依據(jù)以前的手段遵循不同的模式予以組織，不同的用戶看到的東西也會(huì)不同。所以，設(shè)計(jì)網(wǎng)頁(yè)界面的時(shí)候，最好不要出現(xiàn)不完整的圖像，不要使用戶花費(fèi)很多的時(shí)間來(lái)分析圖形意思，而不是直接從網(wǎng)頁(yè)上獲得內(nèi)容。所以在設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候，要體現(xiàn)整體特點(diǎn)的一致。

信息傳播是對(duì)數(shù)據(jù)的分析，是以原始資料數(shù)據(jù)轉(zhuǎn)換成信息的過(guò)程。數(shù)據(jù)是記錄信息的符號(hào)，信息是對(duì)數(shù)據(jù)的解析。原始數(shù)據(jù)，如科學(xué)研究與發(fā)明發(fā)現(xiàn)的成果，一定要先同過(guò)加工、組織，轉(zhuǎn)變成有內(nèi)容的資料之后，才便于交流。不錯(cuò)的交流來(lái)源于內(nèi)容的變換，而不是原始數(shù)據(jù)的交換。信息也可以通過(guò)交流與經(jīng)驗(yàn)的發(fā)生變換為知識(shí)。

①人類(lèi)的信息分類(lèi)處理。我們通過(guò)學(xué)習(xí)生理學(xué)知道，人類(lèi)的身體是由很多器官構(gòu)成的有機(jī)體。人的中樞神經(jīng)也是人類(lèi)身體的最高指揮部，人類(lèi)的大腦是最高的中樞神經(jīng)系統(tǒng)，腦皮層操控、調(diào)動(dòng)、協(xié)調(diào)人體的各部分功能的運(yùn)作。人類(lèi)理解分析信息系統(tǒng)由感覺(jué)器官、中樞神經(jīng)、運(yùn)動(dòng)器官等組成，感覺(jué)器官在神經(jīng)中樞的調(diào)配下接收外界信息，傳給神經(jīng)中樞來(lái)分析，對(duì)接收內(nèi)容來(lái)記憶、分辨、對(duì)比、決斷后，發(fā)出相對(duì)應(yīng)的操作指令，指揮運(yùn)動(dòng)器官完成。因此在人類(lèi)的信息分解系統(tǒng)中，神經(jīng)中樞是中心，它在人類(lèi)運(yùn)動(dòng)與支配中擔(dān)任最關(guān)鍵的角色。

②人類(lèi)對(duì)外界信息的生理與心理現(xiàn)象的反應(yīng)。人類(lèi)是以視覺(jué)、聽(tīng)覺(jué)等信息接收媒介進(jìn)行心理活動(dòng)的觸發(fā)。網(wǎng)頁(yè)界面設(shè)計(jì)當(dāng)中，重要的是對(duì)應(yīng)視覺(jué)信息產(chǎn)生視反應(yīng)，從而導(dǎo)致心理變化，漸漸完成信息的接收過(guò)程。

視美感的出現(xiàn)是生理到心理轉(zhuǎn)變的過(guò)程，審美感知是在感性知覺(jué)的平臺(tái)上變化起來(lái)的，感知外部環(huán)境與事物美的能力。為了引起我們的相關(guān)反應(yīng)，要經(jīng)過(guò)很一個(gè)麻煩的心理變化。一個(gè)作品如何讓欣賞者有美的享受，體現(xiàn)在有沒(méi)有具備客觀的美學(xué)特點(diǎn)，比如對(duì)比和統(tǒng)一、變化和均衡、韻律和節(jié)奏、大小與尺寸等；更為重要的是，要有觀眾的內(nèi)心想法。常人視經(jīng)驗(yàn)得以擴(kuò)增，具備了審美感知時(shí)，從外界的視覺(jué)形式中接受的“美”也就越來(lái)越多，人們才會(huì)認(rèn)識(shí)視覺(jué)語(yǔ)言的真諦同時(shí)感受美帶來(lái)的愉悅。

設(shè)計(jì)師的設(shè)計(jì)數(shù)據(jù)，與使用者的知識(shí)一樣，是較復(fù)雜的數(shù)字信息。數(shù)據(jù)在界面設(shè)計(jì)中不單是以視覺(jué)信息的方式表現(xiàn)，視覺(jué)信息的內(nèi)容有沒(méi)有韻味與特征，是視覺(jué)傳達(dá)自身的體現(xiàn)。怎么把這些視覺(jué)信息內(nèi)容用一個(gè)有效的方式體現(xiàn)，是視覺(jué)信息是否快速、正確的傳遞到使用者的關(guān)鍵。

在此，以一種比較形象的方式來(lái)表述設(shè)計(jì)師將數(shù)據(jù)設(shè)計(jì)為視覺(jué)信息。首先我們了解一下平時(shí)所接觸的網(wǎng)頁(yè)界面的類(lèi)型。依據(jù)其傳達(dá)信息內(nèi)容的特點(diǎn)，目前我們接觸較多的網(wǎng)頁(yè)界面主要有以下6種形式：

（1）信息查詢類(lèi)：注重從技術(shù)上方便瀏覽者的信息檢索功能的實(shí)現(xiàn)，最具代表的是各種搜索引擎，如Yahoo、Sohu等。（2）大眾媒體類(lèi)：以信息傳媒的形式出現(xiàn)，最具代表性的是各大門(mén)戶網(wǎng)站，如新浪新聞中心、ICP的新聞版，以及各報(bào)刊雜志的電子版等。（3）宣傳窗口類(lèi)：從企業(yè)特有形象入手，充分表現(xiàn)企業(yè)文化特征，如Adidas、Nike等。（4）電子商務(wù)類(lèi)：以網(wǎng)絡(luò)為媒介的雙向交互式商業(yè)服務(wù)，注重自由愉快的交流，如當(dāng)當(dāng)網(wǎng)上書(shū)城、淘寶、易趣等。（5）交流平臺(tái)類(lèi)：每個(gè)人都有發(fā)言權(quán)，可就任何話題發(fā)表自己的意見(jiàn)，以方便實(shí)用為主要特點(diǎn)，指示性強(qiáng)，易于理解。如各種論壇和BBS。（6）網(wǎng)絡(luò)社區(qū)類(lèi)：不帶商業(yè)性質(zhì)，人們心目中理想的娛樂(lè)、消遣、放松的虛擬空間。這種界面形式信息發(fā)布功能相對(duì)較弱，更注重形式感的表達(dá)，具有較大的自由度。

我們必須肯定的是，目前的界面還是傳播信息為主，所以文本在網(wǎng)頁(yè)里占的比例還是較大的，而且文字可以使圖片、顏色有時(shí)候產(chǎn)生的傳播信息不明確及引起誤解的情況，用最好的直觀傳遞形式讓用戶可以順利、方便地解讀信息。

網(wǎng)頁(yè)中的文字分兩種主要類(lèi)別，一種是有提示和指引功效的文字，如標(biāo)題、欄目名稱(chēng)等，另一個(gè)是字?jǐn)?shù)較多的可讀性資料與說(shuō)明性文案，例如網(wǎng)絡(luò)文章的正文、主題內(nèi)容等。從功能上分析，前者是誘發(fā)我們的關(guān)注，而后者強(qiáng)調(diào)的是可讀性。

目前太多的網(wǎng)頁(yè)是運(yùn)用圖片的絕佳效果設(shè)計(jì)來(lái)贏得成功的，導(dǎo)致一些設(shè)計(jì)師只關(guān)注了圖片圖形的視覺(jué)沖擊力，缺疏忽了圖片能否準(zhǔn)確傳播了信息的真諦。另外一部分國(guó)內(nèi)皮具的網(wǎng)頁(yè)上，把一些沒(méi)有設(shè)計(jì)感的圖片放在頁(yè)面中相當(dāng)明顯的位置，一點(diǎn)不顧及頁(yè)面版式的問(wèn)題，圖片表彰顯的內(nèi)容也與皮具的宣傳主題毫無(wú)關(guān)系。此外，設(shè)計(jì)者經(jīng)常需自己搜索一些照片資源來(lái)彌補(bǔ)設(shè)計(jì)素材的欠缺。所以不少設(shè)計(jì)師為了省事，都從常見(jiàn)的圖庫(kù)中找尋，不少圖片是重復(fù)使用過(guò)的。

網(wǎng)頁(yè)中圖片設(shè)計(jì)有著的一些問(wèn)題，由此我們發(fā)現(xiàn)圖形設(shè)計(jì)不是一個(gè)容易的設(shè)計(jì)，我們又要給予信息內(nèi)容以美感，還要表現(xiàn)出個(gè)性的創(chuàng)意現(xiàn)，這將要有一種“均衡”的設(shè)計(jì)能力。

綜上所述，國(guó)外對(duì)商業(yè)網(wǎng)頁(yè)界面設(shè)計(jì)的研究已經(jīng)走在這方面的前沿了，國(guó)內(nèi)現(xiàn)在對(duì)商業(yè)網(wǎng)頁(yè)界面設(shè)計(jì)的研究沒(méi)有能夠重視起來(lái)，完整的理論還不是很完善，所以對(duì)于商業(yè)網(wǎng)頁(yè)界面設(shè)計(jì)的實(shí)際指導(dǎo)意義還不大，我們還有很多工作需要完成。