格式塔理論在網(wǎng)頁界面設(shè)計(jì)

1、內(nèi)容摘要：網(wǎng)頁設(shè)計(jì)是視覺傳達(dá)設(shè)計(jì)向網(wǎng)絡(luò)媒體的延伸，其基礎(chǔ)是視覺生理學(xué)和視覺心理學(xué)。文章將格式塔心理學(xué)派對視知覺的研究導(dǎo)入網(wǎng)頁界面設(shè)計(jì)，對格式塔理論在網(wǎng)頁設(shè)計(jì)中的應(yīng)用作了分析與探討。關(guān)鍵詞：格式塔 網(wǎng)頁設(shè)計(jì) 視知覺引言格式塔一詞來源于德文“Gestalt”的音譯，本意指的是形式、形狀、方式、實(shí)質(zhì)。格式塔心理學(xué)是一種與藝術(shù)有緣的心理學(xué)理論，其主要目標(biāo)是探討視覺感知及其與學(xué)習(xí)、思維的關(guān)系，它所研究的出發(fā)點(diǎn)就是“形”，“形”是經(jīng)由知覺活動(dòng)組織成的經(jīng)驗(yàn)中的整體，與視知覺活動(dòng)密不可分。而網(wǎng)頁界面設(shè)計(jì)是視覺傳達(dá)設(shè)計(jì)向網(wǎng)絡(luò)媒體的延伸，主要是通過瀏覽者的視覺感知來接受網(wǎng)站信息。因此，研究格式塔理論在網(wǎng)頁界面設(shè)計(jì)

2、中的運(yùn)用，無疑對網(wǎng)頁界面的設(shè)計(jì)具有很大的指導(dǎo)作用。格式塔理論在網(wǎng)頁界面設(shè)計(jì)中的應(yīng)用網(wǎng)頁設(shè)計(jì)是將特定的視覺信息要素，根據(jù)主題表達(dá)的需求在特定的頁面上進(jìn)行的一種編輯和安排，其基礎(chǔ)是視覺生理學(xué)和視覺心理學(xué)。格式塔心理學(xué)派通過對視覺感知的生理研究，提出了一系列視感知規(guī)律，其中包含了“圖底”這個(gè)核心概念，和“簡明原則”“接近原則”“相似原則”“閉合原則”等視感知特性，將這些規(guī)律引入頁面設(shè)計(jì)，有助于我們優(yōu)化視覺時(shí)代“形象過?！睜顟B(tài)下盲目的網(wǎng)頁設(shè)計(jì)，提高信息傳達(dá)的速度與準(zhǔn)確度。1.圖與底在人的知覺系統(tǒng)中最基本的一種知覺能力是在圖形與背景間作出區(qū)分。“圖”是居于前部的區(qū)域，“底”被看成是用來襯托圖的背景。相對

3、而言，圖比底，輪廓較為完整、封閉，形狀較為規(guī)則，面積比較小，色彩比較鮮艷；此外，更重要的是，能組織成為一定意義的區(qū)域傾向于被感覺成圖。由于圖與底之間存在的這種相對性質(zhì)，在網(wǎng)頁設(shè)計(jì)中，應(yīng)當(dāng)明確區(qū)分圖與底，主體與背景。另外,主體自身結(jié)構(gòu)要清晰明了，背景不能過于復(fù)雜，這樣才有利于瀏覽者辨別需要了解的信息。在背景的色彩搭配上應(yīng)盡量選用同一色系的顏色，盡量避免同時(shí)使用色相環(huán)中相對的顏色，大面積同一顏色宜采用低對比度，避免用強(qiáng)烈刺激的顏色引起瀏覽者的視覺疲勞與厭煩情緒。格式塔理論的圖底規(guī)則不僅說明了主體從背景中分離出來的條件,而且指出了背景在一個(gè)格式塔中的重要作用。因此在網(wǎng)頁設(shè)計(jì)中我們同樣不能忽視背景的作

4、用，圖形是依賴于背景而存在的，要使主體感到存在，必然要有底將它襯托出來。因此無論在文字、色彩、圖像，還是動(dòng)畫和視頻方面都要堅(jiān)持圖底原則。2.簡明原則格式塔心理學(xué)家認(rèn)為，人們的知覺有一種“簡化”傾向，所謂簡化并非僅指一般意義上的“簡單”，即物體中包含的成分少或成分之間的關(guān)系簡單，而是一種將任何刺激以盡可能簡單的機(jī)構(gòu)組織起來的傾向。我們的眼睛只能接受少數(shù)幾個(gè)不相關(guān)聯(lián)的整體單位，如果一個(gè)格式塔中包括太多不相關(guān)的單位，眼睛就會(huì)試圖將其簡化，把各個(gè)單位加以組合，使之成為一個(gè)知覺上易于處理的整體，否則，整體形象將無法被正確感知，這種形象勢必會(huì)被人們忽視，以至拒絕接受。我們可以將這一觀點(diǎn)延伸到網(wǎng)頁界面設(shè)計(jì)中

5、。首先，在網(wǎng)頁界面結(jié)構(gòu)的設(shè)計(jì)上，應(yīng)避免使用過于復(fù)雜的網(wǎng)格結(jié)構(gòu)，結(jié)構(gòu)的設(shè)置應(yīng)盡量簡單明了，符合人的視覺流程，也符合人們對規(guī)則形的喜好，利于瀏覽者以最短的時(shí)間找到最需要的信息。其次，在圖像的選擇上，應(yīng)避免使用過于繁復(fù)雜亂的、容易分散瀏覽者注意力的圖像，這樣會(huì)增加瀏覽者找尋信息的難度。再次，在進(jìn)行文字編輯時(shí)，應(yīng)該考慮編輯的最終效果。文字應(yīng)給人以清晰的視覺印象，避免頁面繁雜凌亂，減少不必要的裝飾變化，使人易認(rèn)、易懂、易讀，不能為造型而編輯，忘記了文字本身是傳達(dá)內(nèi)容和表達(dá)信息的主體。在字體的選擇上，雖然可供選擇的字體很多，但同一頁面上的字體種類最多只能有三四種，這樣才不會(huì)顯得花哨。字體的選擇應(yīng)依據(jù)段落大

6、小和內(nèi)容層次,由重到輕、由粗到細(xì)。字號的選擇也應(yīng)該依據(jù)內(nèi)容層次由大到小，但到了節(jié)以下的層面，可以選用同一字號但用不同的字體加以區(qū)分。在文本密度方面，文本應(yīng)該以短小的組塊形式出現(xiàn)，并且應(yīng)該經(jīng)過編輯，以簡化內(nèi)容。3.接近原則和相似原則接近原則和相似原則的本質(zhì)上都是簡化和整體化知覺對象的組織原則，與前面的簡明原則類似，人們在傾向于簡化認(rèn)識對象的同時(shí)，也傾向于將近似、接近的元素組合起來作為一個(gè)整體加以認(rèn)知。也就是說如果不同的文字或圖形組成部分位置靠近，瀏覽者就比較容易看出它們是一起的。根據(jù)這一原理，對于頁面上的任何元素，如果在功能或內(nèi)容上是相同或相近的，就應(yīng)在一定程度上保持相對較小的空間距離，做到“物

7、以類聚”。比如，頁面中用以解釋圖形或用以表明某一部分圖形的文字就應(yīng)當(dāng)緊挨其所指的圖形或部分圖形。相似的物體也很容易被認(rèn)為是從屬于一個(gè)系統(tǒng)，具有相似的功能。因而，需要通過將瀏覽者注意力集中于視覺范圍內(nèi)的關(guān)鍵概念，幫助他們獲得信息。在網(wǎng)頁界面設(shè)計(jì)中，可以通過強(qiáng)調(diào)、動(dòng)畫、對比色的使用或其他手段達(dá)到這一目的。假如一個(gè)圖形中的組成部分都屬于同一風(fēng)格，這個(gè)圖形就被視為一個(gè)整體。為了使瀏覽者重點(diǎn)關(guān)注圖形中的特定部分，對這一部分可采用不同的顏色、動(dòng)畫、閃爍或其他區(qū)分方式。但是，如果一幅畫面中區(qū)別過多，也會(huì)使瀏覽者難以注意需要獲得的信息。因此，這些方法應(yīng)該用于強(qiáng)調(diào)關(guān)鍵信息或圖形的關(guān)鍵部分，而不宜用于大片信息。4

8、.閉合原則與網(wǎng)頁界面設(shè)計(jì)閉合原則是指一種完成某種完形的行動(dòng)。這一規(guī)則表明，每一種視覺樣式都可以被看成是一種陳述，對于模棱兩可的視覺樣式，人們會(huì)根據(jù)以往的經(jīng)驗(yàn)按照不同的樣式加以組織，這時(shí)不同的人會(huì)看到不同的東西。因此，在網(wǎng)頁界面設(shè)計(jì)時(shí),應(yīng)當(dāng)避免出現(xiàn)不完整的圖形，以免使瀏覽者花費(fèi)過多的時(shí)間去琢磨圖形的含義，而不是從網(wǎng)頁上獲取信息。閉合規(guī)則還表明,視覺形象被知覺的形式是首先作為一個(gè)統(tǒng)一的整體被知覺，然后再以部分的形式被知覺。因此，在進(jìn)行網(wǎng)頁界面設(shè)計(jì)時(shí)，要強(qiáng)調(diào)整體風(fēng)格的統(tǒng)一，內(nèi)容與形式的統(tǒng)一。結(jié)語將格式塔心理學(xué)引入網(wǎng)頁界面設(shè)計(jì)，目的是希望網(wǎng)頁設(shè)計(jì)向理性化的方向發(fā)展。隨著網(wǎng)絡(luò)的不斷發(fā)展，瀏覽者對頁面的要求也越來越高，但現(xiàn)在的頁面設(shè)計(jì)大多還是從直覺出發(fā)，離科學(xué)的頁面設(shè)計(jì)還有相當(dāng)大的距離，因此要想達(dá)到科學(xué)的頁面設(shè)計(jì)，就要在設(shè)計(jì)時(shí)遵照人類的認(rèn)知規(guī)律，并且將這些規(guī)律正確地應(yīng)用到設(shè)計(jì)實(shí)踐中。而如何將格式塔理論與設(shè)計(jì)結(jié)合起來,仍是我們需要投入大量精力去研究與探討的問題。參考文獻(xiàn) ：1