網(wǎng)頁界面設(shè)計運用論文

時間:2022-08-10 03:59:00

導(dǎo)語:網(wǎng)頁界面設(shè)計運用論文一文來源于網(wǎng)友上傳,不代表本站觀點,若需要原創(chuàng)文章可咨詢客服老師,歡迎參考。

網(wǎng)頁界面設(shè)計運用論文

摘要:網(wǎng)頁設(shè)計是視覺傳達(dá)設(shè)計向網(wǎng)絡(luò)媒體的延伸,其基礎(chǔ)是視覺生理學(xué)和視覺心理學(xué)。文章將格式塔心理學(xué)派對視知覺的研究導(dǎo)入網(wǎng)頁界面設(shè)計,對格式塔理論在網(wǎng)頁設(shè)計中的應(yīng)用作了分析與探討。

關(guān)鍵詞:格式塔網(wǎng)頁設(shè)計視知覺

引言

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

格式塔理論在網(wǎng)頁界面設(shè)計中的應(yīng)用

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

1.圖與底

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

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

2.簡明原則

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

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

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

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

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

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

4.閉合原則與網(wǎng)頁界面設(shè)計

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

閉合規(guī)則還表明,視覺形象被知覺的形式是首先作為一個統(tǒng)一的整體被知覺,然后再以部分的形式被知覺。因此,在進(jìn)行網(wǎng)頁界面設(shè)計時,要強調(diào)整體風(fēng)格的統(tǒng)一,內(nèi)容與形式的統(tǒng)一。

結(jié)語

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

參考文獻(xiàn):

[1]曹方著.視覺傳達(dá)設(shè)計原理,江蘇美術(shù)出版社

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

[3]魯?shù)婪颉ぐ⒍骱D分?滕守堯,朱疆源譯.藝術(shù)與視知覺,四川人民出版社

[4]魯?shù)婪颉ぐ⒍骱D分貓蜃g.視覺思維-審美知覺心理學(xué),四川人民出版社