網(wǎng)站制作網(wǎng)頁(yè)界面的格式塔原理應(yīng)用

發(fā)布：2019-03-02 13:04:08 瀏覽：5081

界面中元素的組織對(duì)界面信息認(rèn)知有直接影響,因此合理規(guī)劃界面中的元素至關(guān)重要。在界面設(shè)計(jì)中運(yùn)用格式塔原理為設(shè)計(jì)師提供了一種新的思路,通過(guò)顯性的界面元素布局,傳達(dá)隱含信息關(guān)系,有效提高用戶對(duì)界面信息的認(rèn)知效率,提升用戶體驗(yàn)。格式塔原理分析人的眼腦視覺(jué)規(guī)律,從整體角度把握事物的知覺(jué)結(jié)構(gòu),對(duì)信息進(jìn)行簡(jiǎn)化、組織、加工來(lái)規(guī)劃界面信息,使界面更加協(xié)調(diào),易于理解。通過(guò)對(duì)格式塔原理的分析,提醒設(shè)計(jì)者在設(shè)計(jì)時(shí)保證讓界面上的信息適應(yīng)人的視知覺(jué)規(guī)律,提高界面的可視性。對(duì)于靜態(tài)網(wǎng)頁(yè)界面設(shè)計(jì),最重要的格式塔原理有以下幾條:接近性原理、相似性原理、連續(xù)性原理、封閉性原理、對(duì)稱性原理和主體與背景原理。

1、接近性和相似性原理

接近性和相似性原理都傾向于把信息經(jīng)過(guò)梳理和歸納進(jìn)行分組,將一大段信息分割成更易于瀏覽和閱讀的若干塊,降低認(rèn)知難度。接近性原理是指人的視覺(jué)習(xí)慣會(huì)根據(jù)信息元素的相對(duì)物理位置遠(yuǎn)近,感知信息是如何組織在一起的。在一定的平面區(qū)域內(nèi),互相靠近的對(duì)象看起來(lái)是一組,距離較遠(yuǎn)的則被分為另一組。

在網(wǎng)頁(yè)界面中,相關(guān)聯(lián)的信息元素可以利用接近性原理進(jìn)行整合,利用設(shè)計(jì)元素的位置距離實(shí)現(xiàn)信息關(guān)系的表達(dá)。

相似性原理指的是對(duì)于具有相同或相似形狀、顏色、結(jié)構(gòu)特征的元素,人眼傾向于將它們歸為一組信息。在網(wǎng)頁(yè)界面中,相似性原理應(yīng)用情景一般有兩種。一種是利用有共性的元素或元素組織形式表現(xiàn)信息,表示該信息具有相似的功能,滿足了同一個(gè)任務(wù)需求。

2、連續(xù)性和封閉性原理

連續(xù)性和封閉性原則傾向于讓信息以完整形態(tài)的方式呈現(xiàn),將不熟悉的形式轉(zhuǎn)換成符合以往認(rèn)知的對(duì)象,自動(dòng)補(bǔ)齊缺少的部分,從整體上把握事物。連續(xù)性原理是指人們傾向利用物體運(yùn)動(dòng)的趨勢(shì),將沒(méi)有連接在一起的個(gè)體加工成連續(xù)的,將零散的信息認(rèn)知成一個(gè)相互聯(lián)系的整體。

封閉性原理指的是人們根據(jù)自身經(jīng)驗(yàn),更傾向于識(shí)別一個(gè)完整熟悉的物體,會(huì)自覺(jué)將存在缺漏的物體補(bǔ)充完整。

3、對(duì)稱性和主體與背景原理

對(duì)稱性和主體與背景原理具有簡(jiǎn)化對(duì)象的傾向。對(duì)稱性原理是指在面對(duì)復(fù)雜的對(duì)象時(shí),我們的視覺(jué)系統(tǒng)會(huì)按照最簡(jiǎn)化的形式來(lái)認(rèn)知對(duì)象,更易感知?jiǎng)蚍Q的物體,傾向?qū)?duì)稱的元素感知為一個(gè)整體。

主體與背景原理是指在一個(gè)場(chǎng)景中突出強(qiáng)調(diào)某些元素,占據(jù)人們主要注意力,而其余元素退后成背景,起襯托作用。該原則為圖像營(yíng)造一種層次感,主體元素在視覺(jué)上更靠前,人們會(huì)優(yōu)先感知主體部分,背景則不容易引起注意,從而通過(guò)這種形式簡(jiǎn)化人們的認(rèn)知過(guò)程。