[ 網頁設計教程 ] 格式塔：轉動視覺的魔方- 其他教程 - 骨子愛創意

教學主題: 格式塔：轉動視覺的魔方

大家好!! 小編今天來和大家分享關於 其他教程中的網頁設計教程教學

今天的這個教學主題是: 格式塔：轉動視覺的魔方

這教學的重點為這幾點 [ 視覺,格式,整體,一個,單元,局部,形象,結合,部分,原理, ]

希望你可以從這幾點中領悟到修圖的精華

本文重點

格式塔視覺原理並不是什麼新鮮玩意兒，諸多與設計有關的課程中都將其列為必學的科目，網絡上關於格式塔視覺原理的文章和討論也非常多；本文將圖文並茂的講述其原理、應用形式；提供給平面設計師和網頁視覺設計師一定的參考。

格式塔的基本理論

本節中的部分圖片資料由Sunlei.name視覺機構提供，請您在轉載時務必說明相關著作權歸屬。

不是一座塔也不是人名！

不要以為格式塔是一座建築物，也不要認為它是什麼國外著名人物的名字；格式塔是德文Gestalt的譯音，意思就是“模式、形狀、形式”。

格式塔是一個著名的心理學派，基於這個學派的格式塔視覺原理還有一個小名：完形心理學。

討論： http://www.missyuan.com/viewthread.php?tid=417453

最簡單的格式塔：在上圖中並不存在三角形，然而由於視覺系統不斷的進行完形計算，讓人們的視覺認為“存在一個完整的三角形”

核心理論

冠冕堂皇的解釋：

#[email protected]$%-……不是用主觀方法把原本存在的碎片結合起來的內容的總和，或主觀隨意決定的結構。它們不單純是盲目地相加起來的、基本上是散亂的難於處理的元素般的“形質”，也不僅僅是附加於已經存在的資料之上的形式的東西。相反，這裡要研究的是整體，是具有特殊的內在規律的完整的歷程，所考慮的是有具體的整體原則的結構……

總結成三句話：

人們總是先看到整體，然後再去關注局部；

人們對事物的整體感受不等於局部感受的加法；

視覺系統總是在不斷的試圖在感官上將圖形閉合；

格式塔學派斷言

在一個格式塔（即一個單一視場，或單一的參照系）內，眼睛的能力只能接受少數幾個不相關聯的整體單位。

這種能力的強弱取決於這些整體單位的不同與相似，以及它們之間的相關位置。

在一個格式塔中，通常存在以下視覺關係：

和諧 Harmony

變化 Changes

衝突 Conflict

混亂 Confusion

和諧 Harmony 的來源

組成整體的每個局部，它們的形狀、大小、顏色趨近一致，並且排列有序，這時產生整體視覺感官就是“和諧”。

和諧來自所有局部的感官接近

變化 Changes 的來源

在“和諧”的基礎上，局部產生了形狀、大小、顏色的變化，但這種變化沒有改變所有局部的同一性質，這就是“變化”。

變化來自和諧基礎上局部的外觀改變

衝突 Conflict 的來源

在“和諧”的基礎上,局部不僅僅產生了形狀、大小、顏色的“變化”，而且產生了性質上的改變，與整體中的其他局部“格格不入”。

衝突來自某個局部與整體其他部分性質的格格不入

混亂 Confusion 的來源

整體當中包含太多性質不相關的局部，視覺系統很難判斷出整體到底是什麼，這個時候就產生了“混亂”。

大量局部互不相干，讓視覺系統看不懂整體，無法接受整體，你能馬上說出圖中是什麼嘛

格式塔視覺流程

眼腦作用是一個不斷組織、簡化、統一的過程

正是通過這一過程，才產生出易於理解、協調的整體。

觀看這張圖的時候，你先看到了什麼，后看到了什麼

格式塔視覺原理的應用

本節中的部分圖片文字資料由Sunlei.name視覺機構提供，請您在轉載時務必說明相關著作權歸屬。

官方：格式塔學派最基本的規則是蘊涵律（prägnanz）

閉合律Law of Closure

相似律Law of Similarity

相似律接近律Law of Proximity

對稱律Law of Symmetry

連續律Law of Continuity

民間:格式塔原理在視覺設計中的應用形式

刪除、貼近、結合、接觸、重合、格調與紋理、閉合

刪除

刪除就是從構圖形象中排除不重要的部分，只保留那些絕對必要的組成部分，從而達到視覺的簡化。

去掉那些與保留內容無關的設計元素

在《何謂簡潔、大氣、國際化》一文中，曾經闡述了簡潔來自於刪除原理，視覺的刪除來自對內容的精選；判斷那些是必要內容，哪些是非必要內容，保留與必要內容有關的視覺單元，其他的可以刪除。

貼近

當各個視覺單元一個挨着一個，彼此靠得很近的時候，可以用“貼近”這個術語來描繪這種狀態，通常也把這種狀態看作歸類。

海報的設計使用貼近原理，讓人感覺通透、有條理、不擁擠

將表達同一信息，或者意義相近的設計元素，按照貼近關係進行設計；視覺系統可以非常容易的區分各個部分的內容，突出了整體中的小集合，讓重點內容更被關注。

設計師根據貼近原理給頁面的視覺單元以4個比較大的集合

那些老練的視覺設計師非常善於使用輔助線和柵格系統對複雜的設計元素進行分類，最後達到視覺的統一。

接合

在構圖中，結合就是指單獨的視覺單元完全聯合在一起，無法分開。這可以使原來並不相干的視覺形象自然而然地關聯起來。

將熊貓的黑眼圈與狼的臉結合在一起，實現異形同構

簡單的說：“結合”就是把一塊嚼過的口香糖用電熨斗熨在衣服上，讓它們無法分離。

比如常用的一種設計手法——異形同構：把兩種或幾種不同的視覺形象結合在一起，在視覺表達上自然而然地從一個視覺語義延伸到另一個視覺語義。

接觸

接觸是指單獨的視覺單元無限貼近，以至於它們彼此粘連。這樣在視覺上就形成了一個較大的、統一的整體。接觸的形體有可能喪失原先單獨的個性，變得性格模糊。

接觸與結合的區別是：接觸的兩個視覺單元仍然是相對獨立的，而結合的兩個視覺單元再也無法分開。

濺落的飲料與杯子接觸，融合為一個視覺整體

視覺設計中相互接觸的不同形狀的單元形在視覺感受上是如此相近，在視覺上融為一體（而實際上是相互獨立的）。

重合

“重合”是“結合”的一種特殊形式。

如果所有的視覺單元在色調或紋理等方面都是不同的，那麼，區分已被聯結的原來各個視覺單元就越容易；相反，如果所有的視覺單元在色調或紋理等方面都是一樣的，那麼，原來各個視覺單元的輪廓線就會消失，從而形成一個單一的重合的形狀。

簡單的說：“重合”就是把墨水滴進水池中，徹底完全的“結合”，達到血濃於水的境界。

貼心提醒: 按Ctrl+Alt+Z和Ctrl+Shift+Z組合鍵分別為在歷史記錄中向後和向前 ( 或者可以
使用歷史面板中的菜單來使用這些命令 )。結合還原 ( Edit／Undo )命令使
用這些熱鍵可以自由地在歷史記錄和當前狀態中切 換。

絕對伏特加的廣告，將品牌與各種事物進行了視覺重合

重合各個不同視覺形象的時候，如果我們看到這些視覺形象的總體外形具有一個共同的、統一的輪廓，那麼這樣的重合成功了。

格調與紋理

“格調”與“紋”理是由大量重複的單元構成的。兩者的主要區別在於視覺單元的大小或規模，除此之外，它們基本上是一樣的。

貼心提醒: 使用選框工具( Marquee Tools )的時候，按住Shift鍵可以劃出 正方形和正圓
的選區；按住Alt鍵將從起始點為中心勾劃選區。

這種格調叫做“初夏的楊樹林”

格調是視覺上擴大了的紋理，而紋理則是在視覺上縮減了的格調。因此，在不需要明確區別的情況下，我們可以同時解釋格調和紋理。

這種紋理叫做“瀕海紅樹林”

當數量很大，以至不能明顯地看出單獨視覺單元時，這種現象就可能發生，比如透過窗戶看到的不遠處的樹林是足夠大的，可以構成一種格調；但是，如果在飛機上俯瞰一整片樹林，恐怕就只能將其作為一種紋理來看了。

閉合

有一種常見的視覺歸類方法基於人類的一種完形心理：把局部形象當作一個整體的形象來感知。這種知覺上的特殊現象，稱之為“閉合”。

簡單的說：“閉合”就是不在視場中展現設計的全貌，而只給關鍵的局部，讓人們通過完形去延伸和理解整體，比如“一葉知秋”

使用了閉合原理的設計總給人以巨大的想象空間

當然，我們由一個形象的局部而辨認其整體的能力，是建立在我們頭腦中留有對這一形象的整體與部分之間關係的認識的印象這一基礎之上的。

如果某種形象即使在完整情況下我們都不認識，則可以肯定，在其缺乏許多部分時，我們依然不會認識。

如果一個形象缺的部分太多，那麼可識別的細節就不足以匯聚成為一個易於認知的整體形象。

而假如一個形象的各局部離得太遠，則知覺上需要補充的部分可能就太多了。

在上述這些情況下，人的習慣知覺就會把各局部完全按其本來面目當作單獨的單元來看待。

小結

格式塔原理是視覺設計中普遍採用的一種構圖方法，是在格式塔心理學派完形心理學基礎上發展而來的；廣大設計師朋友在參考本文的過程中，應當做到活學活用，而不要被一種理論禁錮。

針對網頁設計的格式塔原理應用國外已經有大量的資料進行闡述，本站正在整理一些基礎資料，日後提供給大家研究。

看完小編分享的教學之後 是不是對網頁設計教程中的其他教程教學更熟悉了呢?

希望我們所介紹的 格式塔：轉動視覺的魔方 這教學會喜歡

文章標題: 骨子愛創意- 格式塔：轉動視覺的魔方–轉載請註明來源處

本教學分類為網頁設計教程中的 其他教程相關教學

文章相關關鍵字為: 視覺,格式,整體,一個,單元,局部,形象,結合,部分,原理,

本文永久連結 :格式塔：轉動視覺的魔方

本文轉載自 :VIA