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

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

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

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

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

第一個(gè)判斷維度:距離

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

 

第二個(gè)判斷維度:相似

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

 

第三個(gè)判斷維度:封閉

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

 

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

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

 

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

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

 

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

 

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

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

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

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

一個(gè)是行為動(dòng)作。

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

taoci

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

比如人們?cè)陂喿x一段英文寫成的文章時(shí),看到的是一個(gè)個(gè)由26個(gè)字母組成的單字,再由每一個(gè)單字彼此間的相對(duì)關(guān)系與文法結(jié)構(gòu),串接成一個(gè)可以被他人了解完整的文字意義,而非一連串各自獨(dú)立的長(zhǎng)短符號(hào)與間隔。

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

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

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

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

 

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