網(wǎng)站制作網(wǎng)頁(yè)界面的格式塔原理應(yīng)用
日期 : 2019-03-02 13:04:08
界面中元素的組織對(duì)界面信息認(rèn)知有直接影響, 因此合理規(guī)劃界面中的元素至關(guān)重要。在界面設(shè)計(jì)中運(yùn)用格式塔原理為設(shè)計(jì)師提供了一種新的思路, 通過(guò)顯性的界面元素布局, 傳達(dá)隱含信息關(guān)系, 有效提高用戶對(duì)界面信息的認(rèn)知效率, 提升用戶體驗(yàn)。格式塔原理分析人的眼腦視覺規(guī)律, 從整體角度把握事物的知覺結(jié)構(gòu), 對(duì)信息進(jìn)行簡(jiǎn)化、組織、加工來(lái)規(guī)劃界面信息, 使界面更加協(xié)調(diào), 易于理解。通過(guò)對(duì)格式塔原理的分析, 提醒設(shè)計(jì)者在設(shè)計(jì)時(shí)保證讓界面上的信息適應(yīng)人的視知覺規(guī)律, 提高界面的可視性。對(duì)于靜態(tài)網(wǎng)頁(yè)界面設(shè)計(jì), 最重要的格式塔原理有以下幾條:接近性原理、相似性原理、連續(xù)性原理、封閉性原理、對(duì)稱性原理和主體與背景原理。
1、接近性和相似性原理
接近性和相似性原理都傾向于把信息經(jīng)過(guò)梳理和歸納進(jìn)行分組, 將一大段信息分割成更易于瀏覽和閱讀的若干塊, 降低認(rèn)知難度。接近性原理是指人的視覺習(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ì), 將沒有連接在一起的個(gè)體加工成連續(xù)的, 將零散的信息認(rèn)知成一個(gè)相互聯(lián)系的整體。
封閉性原理指的是人們根據(jù)自身經(jīng)驗(yàn), 更傾向于識(shí)別一個(gè)完整熟悉的物體, 會(huì)自覺將存在缺漏的物體補(bǔ)充完整。
3、對(duì)稱性和主體與背景原理
對(duì)稱性和主體與背景原理具有簡(jiǎn)化對(duì)象的傾向。對(duì)稱性原理是指在面對(duì)復(fù)雜的對(duì)象時(shí), 我們的視覺系統(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)造一種層次感, 主體元素在視覺上更靠前, 人們會(huì)優(yōu)先感知主體部分, 背景則不容易引起注意, 從而通過(guò)這種形式簡(jiǎn)化人們的認(rèn)知過(guò)程。