中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

在WEB/UI的交互設(shè)計(jì)中運(yùn)用格式塔心理學(xué)理論

2022-06-06    分類: 網(wǎng)站建設(shè)

UI或UX分析需求主要是以人機(jī)交互界面為主,而這個(gè)需求不僅僅是一些企業(yè)網(wǎng)頁(yè)設(shè)計(jì)、視覺(jué)使用體驗(yàn),在這里體驗(yàn)當(dāng)中,我們可適當(dāng)運(yùn)用一些心理學(xué),比如格式塔理論就是一個(gè)很好的分析法。
格式塔學(xué)派是心理學(xué)重要流派之一,興起于20世紀(jì)初的德國(guó),又稱為完形心理學(xué)。由馬科斯·韋特墨(1880-1943)、沃爾夫?qū)た晾眨?887-1967)和科特·考夫卡(1886-1941)三位德國(guó)心理學(xué)家在研究似動(dòng)現(xiàn)象的基礎(chǔ)上創(chuàng)立。格式塔是德文Gestalt的譯音,意即“模式、形狀、形式”等,意思是指“動(dòng)態(tài)的整體(dynamic wholes)”。(摘自wikipedia)
理論的創(chuàng)始人與解決的問(wèn)題:
Why do we see some things as foreground and others as background?
為什么我們?cè)谟^看事物的時(shí)候會(huì)把一部分當(dāng)做前景,其余部分當(dāng)做背景?
How is it possible that we can distinguish shapes?
為什么我們能區(qū)分形狀?
What’s a good shape?
什么形狀是好的?
How do we see consistency of things?
我們?cè)鯓涌创挛锏囊恢滦裕?br />格式塔心理學(xué)派斷言:人們?cè)谟^看時(shí),眼腦并不是在一開始就區(qū)分一個(gè)形象的各個(gè)單一的組成部分,而是將各個(gè)部分組合起來(lái),使之成為一個(gè)更易于理解的統(tǒng)一體。此外,他們堅(jiān)持認(rèn)為,在一個(gè)格式塔(即一個(gè)單一視場(chǎng),或單一的參照系)內(nèi),眼睛的能力只能接受少數(shù)幾個(gè)不相關(guān)聯(lián)的整體單位。這種能力的強(qiáng)弱取決于這些整體單位的不同與相似,以及它們之間的相關(guān)位置。如果一個(gè)格式塔中包含了太多的互不相關(guān)的單位,眼腦就會(huì)試圖將其簡(jiǎn)化,把各個(gè)單位加以組合,使之成為一個(gè)知覺(jué)上易于處理的整體。如果辦不到這一點(diǎn),整體形象將繼續(xù)呈現(xiàn)為無(wú)序狀態(tài)或混亂,從而無(wú)法被正確認(rèn)知,簡(jiǎn)單地說(shuō),就是看不懂或無(wú)法接受。格式塔理論明確地提出:眼腦作用是一個(gè)不斷組織、簡(jiǎn)化、統(tǒng)一的過(guò)程,正是通過(guò)這一過(guò)程,才產(chǎn)生出易于理解、協(xié)調(diào)的整體。那我們?nèi)绾谓M合處理事物,以服從格式塔的結(jié)論呢?創(chuàng)始人們提出了五項(xiàng)法則:
格式塔理論的五法則
1. 接近(Proximity)
2. 相似(Similarity)
3. 封閉(Closure)
4. 連續(xù)(Continuity)
5. 簡(jiǎn)單(Simplicity)
1. 接近法則(Proximity)
「接近法則」距離相近的各部分趨于組成整體,強(qiáng)調(diào)位置。如下圖右邊,由于內(nèi)容太過(guò)接近,所以在視覺(jué)上會(huì)被用戶誤判為一個(gè)整體,但如果像下圖左邊合理安排結(jié)構(gòu)層次的展現(xiàn),內(nèi)容就會(huì)清晰很多。如下圖左邊,會(huì)有10條豎線,但你是不是看成只有5組線條?所以,如果你想實(shí)現(xiàn)整體,最簡(jiǎn)單的方式就是使用「接近法則」。
2. 相似法則(Similarity)
相似是不是覺(jué)得和「接近法則」一樣?但他們確實(shí)是不同的兩個(gè)概念?!赶嗨品▌t」在某一方面相似的各部分趨于組成整體,強(qiáng)調(diào)內(nèi)容。而接近強(qiáng)調(diào)位置。
人們通常把那些明顯具有共同特性(如形狀、運(yùn)動(dòng)、方向、顏色等)的事物組合在一起。請(qǐng)看下圖,你會(huì)怎樣判斷下面豎線之間的關(guān)系呢?他們好像是塞進(jìn)去的一樣,為什么我們會(huì)有這樣的感覺(jué)呢?因?yàn)閺念伾衔覀円呀?jīng)把他們作為單獨(dú)的整體,跟白色線條區(qū)分開來(lái)。我們換一個(gè)角度來(lái)思考,黃色線條與白色線條位置上是接近的,也是相似的,但是通過(guò)顏色變化很清楚的區(qū)分了不同的內(nèi)容,而且我們很容易關(guān)注黃色線條。因此,相似中的逆向思維是獲取焦點(diǎn)的好方法。這種方法在導(dǎo)航和強(qiáng)調(diào)信息部分屬性的設(shè)計(jì)上有著廣泛地應(yīng)用。
因?yàn)橛辛它S色線區(qū)分開來(lái),所以我們會(huì)判斷有2組線.如下圖右邊,地球圖標(biāo)和橫線改了顏色和大小,它變得更加突出,但卻和旁邊2個(gè)不相似,造成是2種元素。這種情況下,應(yīng)該像左邊一樣,保證元素的統(tǒng)一性。
3. 封閉法則(Closure)
「封閉法則」彼此相屬、構(gòu)成封閉實(shí)體的各部分趨于組成整體。
但是有一個(gè)非常有趣的現(xiàn)象值得我們?nèi)ビ^察和思考,就是不閉合時(shí)候也會(huì)實(shí)現(xiàn)統(tǒng)一的整體,更確切的說(shuō),這種現(xiàn)象是一種不完全的關(guān)閉。這些圖形與設(shè)計(jì)給人以簡(jiǎn)單,輕松、自由的感覺(jué)。所以,完全的閉合是沒(méi)有必要的。閉合法則的另一個(gè)意義,如下圖左邊,當(dāng)遇到一個(gè)元素缺少或斷開時(shí),會(huì)尋找一個(gè)持續(xù)、平滑的樣式,換句話說(shuō),我們會(huì)試圖、有意識(shí)的去填補(bǔ)空白。
4. 連續(xù)法則(Continuity)
「連續(xù)法則」凡具有連續(xù)性或共同運(yùn)動(dòng)方向的部分容易被看成一個(gè)整體。
連續(xù)理解起來(lái)是很簡(jiǎn)單的,但連續(xù)卻解決了非常復(fù)雜的問(wèn)題。通過(guò)找到非常微小的共性將兩個(gè)不同的環(huán)連接成一個(gè)整體。如下圖中的字母H和葉子,這完全是兩個(gè)不同的圖形。但即使這樣還是可以通過(guò)橫線和葉脈這個(gè)非常微小的共性連接成一個(gè)整體。
5. 簡(jiǎn)單(Simplicity)
「簡(jiǎn)單法則」具有對(duì)稱、規(guī)則、平滑的簡(jiǎn)單圖形特征的各部分趨于組成整體。
我們一直追求簡(jiǎn)單的設(shè)計(jì),可這個(gè)簡(jiǎn)單并不容易實(shí)現(xiàn),很多人都在簡(jiǎn)單問(wèn)題上做了大量的研究與實(shí)踐?!逗?jiǎn)單法則 The laws of simplicity》是豆瓣里推薦人氣很高的一本書,創(chuàng)新互聯(lián)推薦給大家看。

本文來(lái)自創(chuàng)新互聯(lián)品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)
標(biāo)簽:創(chuàng)新互聯(lián),成都網(wǎng)站設(shè)計(jì)公司,移動(dòng)網(wǎng)站建設(shè),高端網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè)

網(wǎng)站名稱:在WEB/UI的交互設(shè)計(jì)中運(yùn)用格式塔心理學(xué)理論
URL分享:http://www.rwnh.cn/news/163814.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供關(guān)鍵詞優(yōu)化、品牌網(wǎng)站建設(shè)、網(wǎng)站策劃、全網(wǎng)營(yíng)銷推廣、搜索引擎優(yōu)化、自適應(yīng)網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

h5響應(yīng)式網(wǎng)站建設(shè)
麻江县| 东阿县| 宁德市| 泰州市| 大悟县| 中阳县| 泉州市| 华阴市| 邵阳县| 阿尔山市| 阿克苏市| 澳门| 肥东县| 双柏县| 上杭县| 新和县| 万年县| 霍邱县| 新余市| 环江| 汾阳市| 五河县| 枣强县| 永寿县| 铜川市| 通州区| 邯郸县| 建德市| 沙雅县| 琼海市| 马山县| 沙田区| 济南市| 云阳县| 登封市| 栾川县| 永嘉县| 邹平县| 九台市| 前郭尔| 金沙县|