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

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

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

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

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

1 “圖和底”

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

2 簡約原則

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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