網頁界面設計論文

時間:2022-08-19 10:17:00

導語:網頁界面設計論文一文來源于網友上傳,不代表本站觀點,若需要原創文章可咨詢客服老師,歡迎參考。

網頁界面設計論文

摘要:網頁設計是視覺傳達設計向網絡媒體的延伸,其基礎是視覺生理學和視覺心理學。文章將格式塔心理學派對視知覺的研究導入網頁界面設計,對格式塔理論在網頁設計中的應用作了分析與探討。

關鍵詞:格式塔網頁設計視知覺

引言

格式塔一詞來源于德文“Gestalt”的音譯,本意指的是形式、形狀、方式、實質。格式塔心理學是一種與藝術有緣的心理學理論,其主要目標是探討視覺感知及其與學習、思維的關系,它所研究的出發點就是“形”,“形”是經由知覺活動組織成的經驗中的整體,與視知覺活動密不可分。而網頁界面設計是視覺傳達設計向網絡媒體的延伸,主要是通過瀏覽者的視覺感知來接受網站信息。因此,研究格式塔理論在網頁界面設計中的運用,無疑對網頁界面的設計具有很大的指導作用。

格式塔理論在網頁界面設計中的應用

網頁設計是將特定的視覺信息要素,根據主題表達的需求在特定的頁面上進行的一種編輯和安排,其基礎是視覺生理學和視覺心理學。格式塔心理學派通過對視覺感知的生理研究,提出了一系列視感知規律,其中包含了“圖底”這個核心概念,和“簡明原則”“接近原則”“相似原則”“閉合原則”等視感知特性,將這些規律引入頁面設計,有助于我們優化視覺時代“形象過剩”狀態下盲目的網頁設計,提高信息傳達的速度與準確度。

1.圖與底

在人的知覺系統中最基本的一種知覺能力是在圖形與背景間作出區分。“圖”是居于前部的區域,“底”被看成是用來襯托圖的背景。相對而言,圖比底,輪廓較為完整、封閉,形狀較為規則,面積比較小,色彩比較鮮艷;此外,更重要的是,能組織成為一定意義的區域傾向于被感覺成圖。

由于圖與底之間存在的這種相對性質,在網頁設計中,應當明確區分圖與底,主體與背景。另外,主體自身結構要清晰明了,背景不能過于復雜,這樣才有利于瀏覽者辨別需要了解的信息。在背景的色彩搭配上應盡量選用同一色系的顏色,盡量避免同時使用色相環中相對的顏色,大面積同一顏色宜采用低對比度,避免用強烈刺激的顏色引起瀏覽者的視覺疲勞與厭煩情緒。格式塔理論的圖-底規則不僅說明了主體從背景中分離出來的條件,而且指出了背景在一個格式塔中的重要作用。因此在網頁設計中我們同樣不能忽視背景的作用,圖形是依賴于背景而存在的,要使主體感到存在,必然要有底將它襯托出來。因此無論在文字、色彩、圖像,還是動畫和視頻方面都要堅持圖底原則。

2.簡明原則

格式塔心理學家認為,人們的知覺有一種“簡化”傾向,所謂簡化并非僅指一般意義上的“簡單”,即物體中包含的成分少或成分之間的關系簡單,而是一種將任何刺激以盡可能簡單的機構組織起來的傾向。我們的眼睛只能接受少數幾個不相關聯的整體單位,如果一個格式塔中包括太多不相關的單位,眼睛就會試圖將其簡化,把各個單位加以組合,使之成為一個知覺上易于處理的整體,否則,整體形象將無法被正確感知,這種形象勢必會被人們忽視,以至拒絕接受。

我們可以將這一觀點延伸到網頁界面設計中。首先,在網頁界面結構的設計上,應避免使用過于復雜的網格結構,結構的設置應盡量簡單明了,符合人的視覺流程,也符合人們對規則形的喜好,利于瀏覽者以最短的時間找到最需要的信息。

其次,在圖像的選擇上,應避免使用過于繁復雜亂的、容易分散瀏覽者注意力的圖像,這樣會增加瀏覽者找尋信息的難度。

再次,在進行文字編輯時,應該考慮編輯的最終效果。文字應給人以清晰的視覺印象,避免頁面繁雜凌亂,減少不必要的裝飾變化,使人易認、易懂、易讀,不能為造型而編輯,忘記了文字本身是傳達內容和表達信息的主體。在字體的選擇上,雖然可供選擇的字體很多,但同一頁面上的字體種類最多只能有三四種,這樣才不會顯得花哨。字體的選擇應依據段落大小和內容層次,由重到輕、由粗到細。字號的選擇也應該依據內容層次由大到小,但到了節以下的層面,可以選用同一字號但用不同的字體加以區分。在文本密度方面,文本應該以短小的組塊形式出現,并且應該經過編輯,以簡化內容。3.接近原則和相似原則

接近原則和相似原則的本質上都是簡化和整體化知覺對象的組織原則,與前面的簡明原則類似,人們在傾向于簡化認識對象的同時,也傾向于將近似、接近的元素組合起來作為一個整體加以認知。也就是說如果不同的文字或圖形組成部分位置靠近,瀏覽者就比較容易看出它們是一起的。根據這一原理,對于頁面上的任何元素,如果在功能或內容上是相同或相近的,就應在一定程度上保持相對較小的空間距離,做到“物以類聚”。比如,頁面中用以解釋圖形或用以表明某一部分圖形的文字就應當緊挨其所指的圖形或部分圖形。

相似的物體也很容易被認為是從屬于一個系統,具有相似的功能。因而,需要通過將瀏覽者注意力集中于視覺范圍內的關鍵概念,幫助他們獲得信息。在網頁界面設計中,可以通過強調、動畫、對比色的使用或其他手段達到這一目的。假如一個圖形中的組成部分都屬于同一風格,這個圖形就被視為一個整體。為了使瀏覽者重點關注圖形中的特定部分,對這一部分可采用不同的顏色、動畫、閃爍或其他區分方式。但是,如果一幅畫面中區別過多,也會使瀏覽者難以注意需要獲得的信息。因此,這些方法應該用于強調關鍵信息或圖形的關鍵部分,而不宜用于大片信息。

4.閉合原則與網頁界面設計

閉合原則是指一種完成某種完形的行動。這一規則表明,每一種視覺樣式都可以被看成是一種陳述,對于模棱兩可的視覺樣式,人們會根據以往的經驗按照不同的樣式加以組織,這時不同的人會看到不同的東西。因此,在網頁界面設計時,應當避免出現不完整的圖形,以免使瀏覽者花費過多的時間去琢磨圖形的含義,而不是從網頁上獲取信息。

閉合規則還表明,視覺形象被知覺的形式是首先作為一個統一的整體被知覺,然后再以部分的形式被知覺。因此,在進行網頁界面設計時,要強調整體風格的統一,內容與形式的統一。

結語

將格式塔心理學引入網頁界面設計,目的是希望網頁設計向理性化的方向發展。隨著網絡的不斷發展,瀏覽者對頁面的要求也越來越高,但現在的頁面設計大多還是從直覺出發,離科學的頁面設計還有相當大的距離,因此要想達到科學的頁面設計,就要在設計時遵照人類的認知規律,并且將這些規律正確地應用到設計實踐中。而如何將格式塔理論與設計結合起來,仍是我們需要投入大量精力去研究與探討的問題。

參考文獻:

[1]曹方著.視覺傳達設計原理,江蘇美術出版社

[2]卡爾·考夫卡著,黎煒譯.格式塔心理學原理.浙江教育出版社

[3]魯道夫·阿恩海姆著,滕守堯,朱疆源譯.藝術與視知覺,四川人民出版社

[4]魯道夫·阿恩海姆著,滕守堯譯.視覺思維-審美知覺心理學,四川人民出版社