淺探格式塔理論在網(wǎng)頁界面設(shè)計(jì)中的運(yùn)用

1、淺探格式塔理論在網(wǎng)頁界面設(shè)計(jì)中的運(yùn)用摘要：頁設(shè)計(jì)是視覺傳達(dá)設(shè)計(jì)向絡(luò)媒體的延伸，其基礎(chǔ)是視覺生理學(xué)和視 覺心理學(xué)。文章將格式塔心理學(xué)派對(duì)視知覺的研究導(dǎo)入頁界面設(shè)計(jì)，對(duì)格式塔理論在頁設(shè)計(jì)中的應(yīng)用作了分析與探討。關(guān)鍵詞：格式塔頁設(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)密不可分。而頁界面設(shè)計(jì)是視覺傳達(dá) 設(shè)計(jì)向絡(luò)媒體的延伸，主要是通過瀏覽者的視覺感知來接受站信息。 因此

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

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

4、的重 要作用。因此在頁設(shè)計(jì)中我們同樣不能忽視背景的作用，圖形是依賴于背景而存 在的，要使主體感到存在，必然要有底將它襯托出來。因此無論在文字、色彩、 圖像，還是動(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è)知覺上易于處理的整體， 否 則，整體形象將無法被正確感知，這種形

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

6、同一頁面上的字體種類最多只能有三四 種，這樣才不會(huì)顯得花哨。字體的選擇應(yīng)依據(jù)段落大小和內(nèi)容層次，由重到輕、由粗到細(xì)。字號(hào)的選擇也應(yīng)該依據(jù)內(nèi)容層次由大到小， 但到了節(jié)以下的層面，可 以選用同一字號(hào)但用不同的字體加以區(qū)分。 在文本密度方面，文本應(yīng)該以短小的 組塊形式出現(xiàn)，并且應(yīng)該經(jīng)過編輯，以簡化內(nèi)容。3.接近原則和相似原則接近原則和相似原則的本質(zhì)上都是簡化和整體化知覺對(duì)象的組織原則，與 前面的簡明原則類似，人們?cè)趦A向于簡化認(rèn)識(shí)對(duì)象的同時(shí)， 也傾向于將近似、接 近的元素組合起來作為一個(gè)整體加以認(rèn)知。也就是說如果不同的文字或圖形組成 部分位置靠近，瀏覽者就比較容易看出它們是一起的。 根據(jù)這一原理，對(duì)于

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

8、過多，也會(huì)使瀏覽者難以注意需 要獲得的信息。因此，這些方法應(yīng)該用于強(qiáng)調(diào)關(guān)鍵信息或圖形的關(guān)鍵部分，而不 宜用于大片信息。4閉合原則與頁界面設(shè)計(jì)閉合原則是指一種完成某種完形的行動(dòng)。這一規(guī)則表明，每一種視覺樣式 都可以被看成是一種陳述，對(duì)于模棱兩可的視覺樣式，人們會(huì)根據(jù)以往的經(jīng)驗(yàn)按 照不同的樣式加以組織，這時(shí)不同的人會(huì)看到不同的東西。 因此，在頁界面設(shè)計(jì) 時(shí),應(yīng)當(dāng)避免出現(xiàn)不完整的圖形，以免使瀏覽者花費(fèi)過多的時(shí)間去琢磨圖形的含 義，而不是從頁上獲取信息。閉合規(guī)則還表明，視覺形象被知覺的形式是首先作為一個(gè)統(tǒng)一的整體被知 覺，然后再以部分的形式被知覺。因此，在進(jìn)行頁界面設(shè)計(jì)時(shí)，要強(qiáng)調(diào)整體風(fēng)格 的統(tǒng)一，內(nèi)容與形式的統(tǒng)一。結(jié)語將格式塔心理學(xué)引入頁界面設(shè)計(jì)，目的是希望頁設(shè)計(jì)向理性化的方向發(fā)展。 隨著絡(luò)的不斷發(fā)展，瀏覽者對(duì)頁面的要求也越來越高，但現(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ì)