心理學與視覺傳達在商業網站界面設計中的應用研究

摘 要：在互聯網快速發展的今天，網絡已成為人們生活、工作、學習中不可缺少的一部分，網頁版面設計要給瀏覽者創造一種氛圍，使瀏覽者在未閱讀之前便可以大概領略整個網頁的設計風格。當瀏覽者點擊打開網頁的一瞬間，首先引起他們關注的是由顏色、造型、大小各不同的要素組成的一個版面式樣。這樣瀏覽者就會從一個抱著獲取信息的態度的求知者轉而成為一個審美期望的審美主體。并在對網頁版面式樣瞬間的知覺中，完成一個完全脫離網頁內容。文章主要研究了心理學與視覺傳達在商業網站界面設計中的應用。

關鍵詞：心理學；視覺傳達；網站

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

網頁界面設計是把合理的視覺信息元素，依據主題表現需要在規定的網頁面上實施一種編排，主要的基礎便是視覺生理與視覺心理。研究心理學的一方通過對視知覺的生理現象研究，總結了視感知的規律，里面蘊含了“圖與底”這個核心問題，和“接近的原則”“簡明的原則”“閉合的原則”“相似的原則”等視直覺特征，把這些規律導入網頁界面設計，看也大大提升網頁設計的水準。

1 “圖和底”

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

2 簡約原則

心理學者認為，人的感知有“簡明化”的趨向，簡明化不是指一般意思上的“簡單”，是一種把所有外界刺激盡量簡單的結構組織起來的傾向。設計師可以將這一形式運用到網頁界面設計當中。在界面的設計當中，要避免過于復雜的網頁結構，網頁結構的設計盡可能量簡約化，符合用戶的視覺習慣，利于用戶以很少的時間找到所需的信息。

在圖形的挑選上，不要運用雜亂無規律的能分散用戶注意力的圖形，這樣會使用戶搜尋資料的復雜度加大。

3 “閉合原則”和界面設計

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

信息傳播是對數據的分析，是以原始資料數據轉換成信息的過程。數據是記錄信息的符號，信息是對數據的解析。原始數據，如科學研究與發明發現的成果，一定要先同過加工、組織，轉變成有內容的資料之后，才便于交流。不錯的交流來源于內容的變換，而不是原始數據的交換。信息也可以通過交流與經驗的發生變換為知識。

①人類的信息分類處理。我們通過學習生理學知道，人類的身體是由很多器官構成的有機體。人的中樞神經也是人類身體的最高指揮部，人類的大腦是最高的中樞神經系統，腦皮層操控、調動、協調人體的各部分功能的運作。人類理解分析信息系統由感覺器官、中樞神經、運動器官等組成，感覺器官在神經中樞的調配下接收外界信息，傳給神經中樞來分析，對接收內容來記憶、分辨、對比、決斷后，發出相對應的操作指令，指揮運動器官完成。因此在人類的信息分解系統中，神經中樞是中心，它在人類運動與支配中擔任最關鍵的角色。

②人類對外界信息的生理與心理現象的反應。人類是以視覺、聽覺等信息接收媒介進行心理活動的觸發。網頁界面設計當中，重要的是對應視覺信息產生視反應，從而導致心理變化，漸漸完成信息的接收過程。

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

設計師的設計數據，與使用者的知識一樣，是較復雜的數字信息。數據在界面設計中不單是以視覺信息的方式表現，視覺信息的內容有沒有韻味與特征，是視覺傳達自身的體現。怎么把這些視覺信息內容用一個有效的方式體現，是視覺信息是否快速、正確的傳遞到使用者的關鍵。

在此，以一種比較形象的方式來表述設計師將數據設計為視覺信息。首先我們了解一下平時所接觸的網頁界面的類型。依據其傳達信息內容的特點，目前我們接觸較多的網頁界面主要有以下6種形式：

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

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

網頁中的文字分兩種主要類別，一種是有提示和指引功效的文字，如標題、欄目名稱等，另一個是字數較多的可讀性資料與說明性文案，例如網絡文章的正文、主題內容等。從功能上分析，前者是誘發我們的關注，而后者強調的是可讀性。

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

網頁中圖片設計有著的一些問題，由此我們發現圖形設計不是一個容易的設計，我們又要給予信息內容以美感，還要表現出個性的創意現，這將要有一種“均衡”的設計能力。

綜上所述，國外對商業網頁界面設計的研究已經走在這方面的前沿了，國內現在對商業網頁界面設計的研究沒有能夠重視起來，完整的理論還不是很完善，所以對于商業網頁界面設計的實際指導意義還不大，我們還有很多工作需要完成。