超碰av在线|无码精品一区二区三区在线|伊人色色日韩一级片内射视频群批_欧美丰满少妇人妻HD高清在线_亚洲一区二区中文_亚洲无码动漫专区

超實(shí)用的格式塔原理小科普

2015-11-23    用心設(shè)計(jì)

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點(diǎn)這里


來源:莫貝網(wǎng)

編者按:看了那么多的格式塔科普文章,仍然不懂?有這篇就夠了!想要在界面排版、網(wǎng)頁設(shè)計(jì)中讓整體視覺井然有序,舒服協(xié)調(diào),格式塔就是必須掌握的知識咯,今天的教程用深入淺出的方式給同學(xué)們科普格式塔原理以及在設(shè)計(jì)上的運(yùn)用,包含大量實(shí)例,新手也可以輕松看懂!

在界面排版,網(wǎng)頁廣告設(shè)計(jì)等視覺傳達(dá)設(shè)計(jì)工作中,視覺上的畫面瑣碎,零散,信息混亂無序總是視覺設(shè)計(jì)師無可避免的問題。

視覺的整體感做不好,會給人不舒服,不協(xié)調(diào)的心理感受。這些問題來自人們的主觀感受(“不舒服”,“奇怪”),通常難以描述清楚。

同時(shí),設(shè)計(jì)師們也意識到:表現(xiàn)作品的整體感與和諧感是十分重要的。無論是設(shè)計(jì)師本人或是觀者,都不欣賞那種混亂無序的形象。但是,“有毛病,不舒服,奇怪”等直觀感受的詞匯卻很難幫到設(shè)計(jì)師修改方案。設(shè)計(jì)師需要明確的知道“WHY”

多年以來,心理學(xué)家們一直想確定,在知覺過程中,人的眼和腦是如何共同起作用的? 而視覺感知,是其中的重點(diǎn)。

格式塔理心理學(xué)述及了這樣一個(gè)觀念,即人們的審美觀對整體與和諧具有一種基本的要求。簡單地說,視覺形象首先是作為統(tǒng)一的整體被認(rèn)知的,而后才以部分的形式被認(rèn)知,也就是說,我們先“看見”一個(gè)構(gòu)圖的整體,然后才“看見”組成這一構(gòu)圖整體的各個(gè)部分。

我們可以從格式塔中了解到視覺形象對人的心理影響,這里也包括了對界面,廣告等視覺信息的感知;

網(wǎng)上有許多格式塔文章,但觀念不盡相同。在這里寫下我并不成熟的思考,歡迎大家拍磚斧正;

格式塔觀念

格式塔心理學(xué)派斷言:人們在觀看時(shí),眼腦并不是在一開始就區(qū)分一個(gè)形象的各個(gè)單一的組成部分,而是將各個(gè)部分組合起來,使之成為一個(gè)更易于理解的統(tǒng) 一體。此外,他們堅(jiān)持認(rèn)為,在一個(gè)格式塔(即一個(gè)單一視場,或單一的參照系)內(nèi),眼睛的能力只能接受少數(shù)幾個(gè)不相關(guān)聯(lián)的整體單位。這種能力的強(qiáng)弱取決于這 些整體單位的不同與相似,以及它們之間的相關(guān)位置。如果一個(gè)格式塔中包含了太多的互不相關(guān)的單位,眼腦就會試圖將其簡化,把各個(gè)單位加以組合,使之成為一 個(gè)知覺上易于處理的整體。如果辦不到這一點(diǎn),整體形象將繼續(xù)呈現(xiàn)為無序狀態(tài)或混亂,從而無法被正確認(rèn)知,簡單地說,就是看不懂或無法接受。格式塔理論明確 地提出:眼腦作用是一個(gè)不斷組織、簡化、統(tǒng)一的過程,正是通過這一過程,才產(chǎn)生出易于理解、協(xié)調(diào)的整體。

格式塔理論和研究述及了這樣一個(gè)觀念,即人們的審美觀對整體與和諧具有一種基本的要求。簡單地說,視覺形象首先是作為統(tǒng)一的整體被認(rèn)知的,而后才以部分的形式被認(rèn)知,也就是說,我們先“看見”一個(gè)構(gòu)圖的整體,然后才“看見”組成這一構(gòu)圖整體的各個(gè)部分。

注:本段文字摘自百度文庫 《格式塔原理及應(yīng)用》

整體的統(tǒng)一感知:大腦會將復(fù)雜的視覺內(nèi)容簡化為容易理解的整體,如圖所示;

23gst2015110122gst20151101

那么,怎樣的視覺表達(dá),使人們更容易理解,更協(xié)調(diào),易于人們接受呢?

請看下面格式塔的研究結(jié)論。

格式塔研究結(jié)論

創(chuàng)始人提出的5項(xiàng)基本法則:

21gst20151101

1. 簡單:

“我們的眼睛在觀看時(shí),眼腦并不是在一開始就區(qū)分一個(gè)形象的各個(gè)單一的組成部分,

而是將各個(gè)部分組合起來,使之成為一個(gè)更易于理解的統(tǒng)一體?!?/span>

20gst2015110119gst20151101

個(gè)人認(rèn)為:簡單原理暗合構(gòu)圖法則,例如最常見的三角形構(gòu)圖,均衡構(gòu)圖,對陣構(gòu)圖,向心式構(gòu)圖(圓形)、

對角線,X型,構(gòu)圖等,其目的都是為了在復(fù)雜的信息環(huán)境中,構(gòu)建更易懂的整體。

18gst2015110117gst2015110116gst20151101

三角形,X形,斜線在運(yùn)動廣告中經(jīng)常用到,均衡適合電商產(chǎn)品展示,產(chǎn)品圖片+文字;

2. 相似:

“我們的眼睛很容易關(guān)注那些外表相似的物體,且不管它們的位置是不是相鄰,總是把它們聯(lián)系起來”

15gst20151101

對應(yīng)的實(shí)例;

14gst20151101

從上面的實(shí)例可以看出,色彩的差異心理感受更強(qiáng)烈,

大小相似:

13gst20151101

根據(jù)相似原則,那個(gè)方案更合理?

12gst20151101

利用色彩的相似,電梯提示合理優(yōu)化方案。

(注:此范例來自IXDC2015高峰會《極簡設(shè)計(jì)之路》);

根據(jù)酷友的反饋,增加電梯案例說明:

我的理解,黃色代表危險(xiǎn),根據(jù)相似率,建議人站的位置如果也用黃色,用戶也許會困惑,黃色的腳印能踩嗎?

中間那個(gè)方案,使用了不同顏色,既表明危險(xiǎn)的地方,也表明安全的位置,非常容易分辨,似乎是合理的,但為什么一定要傳達(dá)危險(xiǎn)的信息呢? 一定要強(qiáng)調(diào)“不能”的行為呢?

是否只強(qiáng)調(diào) 正面的引導(dǎo)就好? 感覺第3個(gè)方案提示會更友好;

3. 接近:

“單個(gè)視覺元素之間無限接近,視覺上會形成一個(gè)較大的整體。距離近的單個(gè)視覺元素會溶為一個(gè)整體,

而單個(gè)視覺元素的個(gè)性會減弱;”

11gst20151101

整體看來,距離近的關(guān)聯(lián)緊密,距離遠(yuǎn)的形成各自獨(dú)立的組…

整體上單個(gè)圓的特征已不明顯,但圓球之間的接近組合形成了清晰的矩形整體

10gst20151101

利用接近原則,信息組之間用留白區(qū)分,頁面元素會更簡潔,閱讀信息時(shí)的干擾也少,相近信息的關(guān)聯(lián)也更緊密;

9gst20151101

相同的信息展示,大家覺得哪種形式更合理?

8gst20151101

4. 閉合:

“人們在觀察熟悉的視覺形象時(shí),會把不完整的局部形象當(dāng)作一個(gè)整體的形象來感知,這種知覺上的結(jié)束,稱之為閉合。如果局部形象過于陌生或者簡略,則不會產(chǎn)生整體閉合聯(lián)想?!?/span>

7gst20151101

形狀閉合:大腦會將形狀趨于完整的形狀閉合,多使用在字體,圖形設(shè)計(jì)中;

6gst20151101

“負(fù)形閉合”:畫面中的負(fù)形(留白)會形成用戶熟悉的形象,被當(dāng)做整體感知。

但有時(shí)并不直觀,需要多花費(fèi)精力領(lǐng)悟,多用在LOGO,海報(bào)等藝術(shù)設(shè)計(jì)中;

5gst20151101

“經(jīng)驗(yàn)閉合”:數(shù)字化界面不斷進(jìn)化,迫使人們不斷累積新的認(rèn)知習(xí)慣,更簡潔的閉合呈現(xiàn)利于內(nèi)容的傳達(dá),

右圖是形狀閉合,左圖是利用人們已有的實(shí)際經(jīng)驗(yàn),

用更少的視覺元素表達(dá),減輕人在圖形識別上的精力消耗,

經(jīng)驗(yàn)閉合需要關(guān)注到趨勢變化;

4gst20151101

注:“形狀閉合”,“負(fù)形閉合”,“經(jīng)驗(yàn)閉合” 分類純屬個(gè)人見解,歡迎拍磚。

5. 連續(xù):

“人的視覺有追隨一個(gè)方向的延續(xù),以便把元素聯(lián)接在一起,使它們看來是連續(xù)向著特定的方向;

連續(xù)與閉合并存的情況很多,為了好區(qū)分,放一個(gè)閉合的例子做比較;”

3gst20151101

連續(xù)典型的例子;

2gst20151101

通常,2種或以上的規(guī)律會同時(shí)存在,例如數(shù)據(jù)可視化,同時(shí)用到了連續(xù)+閉合;

1gst20151101

結(jié)語:

以上即是通過格式塔學(xué)習(xí)后的思考總結(jié),通過這些理論知識的學(xué)習(xí)減少主工作中的主觀臆斷,并使設(shè)計(jì)方案更有依據(jù)。另外,格式塔并不局限于視覺研究,推薦ixdc2105年峰會主題演講《極簡設(shè)計(jì)之路》

感謝各位的觀看,準(zhǔn)備了福利給大家

“簡單”原則其他角度的闡述,《極簡設(shè)計(jì)之路》下載 >>> http://pan.baidu.com/s/1i32MLWp

專題推薦:《UI設(shè)計(jì)中的定律原理

來源地址:uisdc

藍(lán)藍(lán)設(shè)計(jì)m.miumiuwan.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供有效的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)


分享本文至:

日歷

鏈接

個(gè)人資料

存檔