最近在讀《認知與設計，理解UI設計準則》，主要的內容是從底層分析設計原則：設計原則為什麼是這樣?為什麼這個是原則?

　　從1976年開始就已經有界面設計準則，而到現在網絡上也到處充斥著表單設計十忌，註冊的N種設計方式等等等等類似的文章，看得少還好，看得多瞭難免會迷惑：有些準則，禁忌甚至是沖突的。就好像時間一樣，你有一塊表，問你幾點瞭你知道，如果你有兩塊時間不一樣的表，你知道幾點瞭嗎?

　　而這本書試圖從更底層的角度來詮釋設計準則，讓你瞭解設計準則是由於什麼原因推導出的，究其本質，還是回歸到人類的心理，視覺，生理等方面的習慣，方式，本能等因素。而掌握這些因素，會讓你更深入瞭解設計準則的意義和目的，甚至歸納自己的設計準則。

　　再多提一嘴作者：Jeff Johnson，《GUI設計禁忌》正是他的作品。

　　我們感知自己的期望

　　人類對於外部世界的感知，不是完全真實的描述，很大程度是我們期望感知到的，也會受到三個因素的影響

　　過去：我們的經驗

　　現在：當前的環境

　　將來：我們的目標

　　再舉下例子

　　被經驗影響：看看下面這樣隨手潑墨的畫，第一感覺就是各種無序的墨點構成

　　而如果告訴你這是一隻花園裡的斑點狗，你看出來瞭嗎?因為你對場景和主體都已經有瞭自己的概念，即有瞭自己的理解。

　　被環境影響：

　　同樣的一個不完整的字母，放到不同的場景下，第一個會被認為是H，第二個會認為是A

　　類似的還有海底撈的一個說法：在接受到的服務很好的情況下，客人會覺得味道也很好~

　　被目標影響：

　　這個例子更簡單和直接瞭：新浪微博大傢都用，頂部導航的第三個是什麼?有印象嗎?如果不是那個頻道的目標用戶，基本都不會有什麼印象，因為我們的目標明確，不會關註其他的;這是目標影響視覺的例子。同時這個也是網頁為掃描而不是為閱讀設計的理論支持。

　　對於設計這些意味著什麼?

　　避免歧義：避免顯示有歧義的信息，並通過測試確認所有用戶對信息的理解是一致的。

　　保持一致：在一致的位置擺放信息和控件。這樣的一致性能讓用戶很快的找到和識別

　　理解目標：用戶去用一個系統是有目標的。在一次交互的每個點上，確保提供瞭用戶需要的信息，並非常清晰的對應到一個可能的用戶目標，是用戶能夠註意到並使用這些信息。

　　為觀察結構優化我們的視覺

　　20世紀早期，一個由德國心理學傢組成的研究小組試圖解釋人類視覺的工作原理。他們觀察瞭許多重要的視覺現象並對它們編訂瞭目錄。其中最基礎的發現是人類視覺是整體的：我們的視覺系統自動對視覺輸入構建結構，並且在神經系統層面上感知形狀，圖形和物體，而不是隻看到互不相連的邊、線和區域。這些理論統稱為格式塔原理，其中包括以下幾條

　　接近性：物體之間的相對距離會影響我們感知他們是否以及如何組織在一起

　　相似性：如果其他因素相同，那麼相似的物體看起來歸屬於一組

　　連續性：我們的視覺傾向於感知連續的形式而不是離散的碎片

　　封閉性：我們的視覺系統自動嘗試將敞開的圖形關閉起來，從而將其感知為完整的物體而不是分散的碎片

　　對稱性：我們傾向於分解復雜的場景來降低復雜度

　　主體/背景：我們的大腦將區域分為主體和背景，主體包括一個場景中占據我們主要註意力的所有元素，其餘的則是背景

　　共同命運：針對運動的物體，一起運動的物體被感知為屬於一組或者是彼此相關的

　　格式塔原理可以綜合

　　看看上面這個界面，可以用格式塔原理去解釋中間很多設計方式和方法，比如位置，背景，相似性，接近性等等。

　　對於設計這些意味著什麼?

　　我們平時做設計可能會導致無意產生的視覺關系。而為瞭能夠滿足這些人類視覺的特點，推薦的辦法是在設計一個界面之後，使用每個格式塔原理，來考量各個設計元素之間的關系是否復核設計的初衷。

　　作者：黨韜

　　文章來源：pd4.me