知覺組織原則，是設(shè)計中的入門原則，能用到游刃有余，能至少用起來舒服。
知覺組織原則在格式塔心理學（Gestalt Psychology)中得以深入研究。代表心理學家有考夫卡、科勒、韋特海默。他們主張，心理現(xiàn)象只有被視為有組織有結(jié)構(gòu)的整體時，才能被理解；整體不等于局部之和。
關(guān)鍵詞：整體 結(jié)構(gòu) 形式
1. 主體/背景：
人們具有區(qū)分主體和背景的傾向性。如下圖，我們將下圖知覺為什么，取決于我們認為哪部分是主體，哪部分是背景。這樣的選擇性，收到主觀傾向性和經(jīng)驗的影響。
兩可圖是美的，有不可忽視的吸引力，讓人忍不住多看兩眼，再多看兩眼。
【應用】
①很常規(guī)的確認彈窗
利用蒙層區(qū)分主體和背景。
②更好用的TAB切換標簽
用顏色區(qū)分處于“主體”和“背景”的標簽，能讓用戶一眼明白自己處在哪個功能/分類下，無需根據(jù)線條走向去推理出當下的狀態(tài)。
當然，還有其他方式去標記當前使用中的標簽:
2. 接近性
因為更接近，所以我們將它們知覺成一個整體。比如，下面的句號組成了多少個整體？你一定會回答是3個整體，而非12個整體。
。。。。? ? ? 。 。 。 。? ? ? 。? 。? 。? 。
在功能的設(shè)計中，功能點應該跟隨相關(guān)展示、說明，需做到相融與突出。
【應用】
①(反例)“更多”按鈕讓人疑惑
今年618當當大促，隨便逛逛大促活動頁:翻到下圖所示位置時，我想看看更多文學類書籍，該怎么辦？1. 點擊更多按鈕試試，萬一是文學類書籍呢？2. 翻到最前端或者最后，看看更多按鈕的安排規(guī)律？3. 深入思考，一般看到最后才會想看看更多，所以更多按鈕應該是被安排在每個模塊的最后？——這些都浪費著我的時間，讓用戶思考的設(shè)計，不是好設(shè)計。
APP端提供了一個解決辦法
相似的特征，讓人們自動將他們知覺到一起。
還有一個更簡單的方式，我保證用戶會明白“更多”按鈕屬于誰：讓“更多”按鈕離上面更近，離下面更遠。
②（反例）有點游離的check box
實際上，check box于周字的間距是10 px，與日字的間距是15px，它們之間是有區(qū)分的。但是這5px不足以讓用戶一眼知道check box的歸屬。如果我們這里展示的不是一周7個選項，而是月份有12個選項，用戶在選擇過程中還是會對自己的選擇產(chǎn)生疑惑，目光不得不回到最開始，去確認自己的操作。
3. 相似性
因為更相似，所以我們會自動將它們知覺成 1 個整體。就像創(chuàng)造101，公演的每支隊伍會穿上風格一致的服裝，我們能在最后pick時一眼認出她們所屬不同的隊伍。
設(shè)計中，如果沒有利用其他方式引導用戶，就會造成讓用戶迷惑的車禍現(xiàn)場。
【應用】
①（反例）被淹沒的層級
outlook附件-共享首選項設(shè)置內(nèi)容有三個層級：
第一層：共享首選項
第二層：對于從我的計算機中選擇的文件&對于我從OneDrive中選擇的文件
第三層：第三層下的三個radio button
——整個設(shè)計中第二層的【對于我從OneDrive中選擇的文件】淹沒在第四層選項中。一方面層級之間的間距沒有差異；另一方面畫面中文字較多，我們很容易將問題知覺為一個整體——因此第二層的第二個選項就被淹沒了。
將radio button向右縮進，讓它們的相似特征更明顯，是個可行的解決方案。
4. 連續(xù)性
即便線條被截斷，我們也會將它們知覺為連續(xù)的。如下圖的蛇，我們會覺得它是一條可能被一頁白紙擋住的完整的蛇。
【應用】
①不必擔心用戶找不到路線
你能找到圖中在建的14號線的線路圖嗎？即使路線是用不連續(xù)的線段來表示的，我們?nèi)匀荒軌驅(qū)⑺鼈冎X為連續(xù)的一條路線。當然這里面也有相似性的功勞。
5. 封閉性
當圖形是一個殘缺圖形，但主體有一種使其閉合的傾向，即主體能自行填補缺口而把其知覺為一個整體。
【應用】
①logo圖案設(shè)計
【小結(jié)】
5條常用的知覺組織原則：
①主體/背景；②接近性；③相似性；④連續(xù)性；⑤封閉性
大家更喜歡正例還是反例呢？歡迎留言~
