APP設(shè)計(jì)知識學(xué)習(xí):分組完形法則的五個維度

既然上一篇我們初步了解了什么是完形法則(格式塔心理學(xué)法則),因?yàn)檫@些設(shè)計(jì)理論確實(shí)可以快速為大家提升設(shè)計(jì)素養(yǎng),學(xué)習(xí)后會獲得很多設(shè)計(jì)方法,做設(shè)計(jì)的同學(xué)肯定值得讀一讀。

今天繼續(xù)跟大家分享APP設(shè)計(jì)知識學(xué)習(xí),如何去運(yùn)用完形法則去判斷一些APP設(shè)計(jì)作品是否合格的五個維度。

格式塔設(shè)計(jì)法則

一組描述了人類的對象感知模式的原則。分組的完形認(rèn)知一般由以下五個因素導(dǎo)致:

第一個判斷維度:距離

當(dāng)元素被放在相對靠近的位置,它們會被認(rèn)為是同一個分組。 例如,在一個HTML表單里,如果標(biāo)簽與字段放置得較遠(yuǎn),它們會被認(rèn)為是不相關(guān)的元素。

 

第二個判斷維度:相似

當(dāng)元素看起來類似或相同的,它們會被認(rèn)為是同一分組。 例如,在大多數(shù)桌面操作系統(tǒng)中,每個文件格式都有一個獨(dú)特的圖標(biāo)。 當(dāng)各種格式的文件顯示在一起,每個格式的文件會被視為一個單獨(dú)的組。

 

第三個判斷維度:封閉

當(dāng)元素排列在一起的方式,類似于一個形狀看起來完整的形狀。 例如,一個圓分成四個部分,同一空間之內(nèi),它仍將被視為一個圈。

 

第四個判斷維度:連續(xù)性

當(dāng)兩個或兩個以上的物體相交時,它們被認(rèn)為是一個對象。 例如,當(dāng)兩條直線相交,它們被認(rèn)為是一個“十字”形的物體,而不是兩條獨(dú)立的直線。

 

第五個判斷維度:相關(guān)聯(lián)

對象在同一時間在同一方向移動,它們被認(rèn)為是一個分組。 例如,幻燈片之間的切換動畫播放時,每張幻燈片上在相同位置的圖像、文本和按鈕,表明它們是一個分組。

 

善用圖標(biāo)風(fēng)格設(shè)計(jì)宮格布局3

 

25學(xué)堂在這篇需要童鞋們記住的知識點(diǎn):

格式塔心理學(xué)認(rèn)為設(shè)計(jì)師研究的對象有兩個,

一個是直接經(jīng)驗(yàn)

從APP設(shè)計(jì)角度來通俗一點(diǎn)講:APP設(shè)計(jì)元素的整體布局、排列排版、關(guān)聯(lián)性、相似性、統(tǒng)一性等要素。

一個是行為動作。

通俗一點(diǎn)講,也就是APP設(shè)計(jì)當(dāng)中的交互。研究 設(shè)計(jì)交互的來龍去脈,是不是用戶期望的交互效果。是讓用戶迷人的還是讓用戶懼怕的。

taoci

下面具體舉例說明;讓大家深刻了解完形法則

比如人們在閱讀一段英文寫成的文章時,看到的是一個個由26個字母組成的單字,再由每一個單字彼此間的相對關(guān)系與文法結(jié)構(gòu),串接成一個可以被他人了解完整的文字意義,而非一連串各自獨(dú)立的長短符號與間隔。

同樣的情況,一般人在欣賞一幅圖畫或一張照片時,閱讀的也是由不同濃淡、色彩、造形、輪廓和形式組成的完整圖像,并非彼此毫無關(guān)連的獨(dú)立區(qū)塊。

而觀眾在欣賞一部電影時,所接受的訊息也是由連續(xù)的畫面與聲音等組成的敘事情節(jié),而不是一連串各自獨(dú)立的停格片段。由此可知,知覺過程中最自然也最關(guān)鍵的工作項(xiàng)目,就是將不同時間與空間之訊息作一次整合。

唯有如此,才得以讓訊息的接受者能從容不迫地接收并處理隨時涌入的大量訊息。

這就是我們學(xué)習(xí)完形法則的用途與意義。

 

每天更新,
全站高品質(zhì)素材免費(fèi)下載!