01 認知是UI 設計的本源問題
1.1 為什麼英文版面看上去更簡潔 /002
1.2 設計的本質 /004
1.3 互聯網產品的本質與UI 設計的本質 /006
1.4 UI 設計與傳統設計的區別 /008
1.5 UI 設計在“示能性”上的偏重 /011
1.6 UI 設計需要認知心理學與神經科學 /013
1.7 解決問題的過程——本書的結構 /014
02 黃金分割與曝光效應
2.1 黃金分割與斐波那契數列 /018
2.2 生長的效率 /019
2.3 曝光效應 /020
2.4 模度 /021
2.5 黃金分割比的效應範圍 /022
2.6 小結 /024
03 整齊、簡化與柵格繫統
3.1 整齊為什麼會使人舒服 /027
3.2 基礎的柵格繫統 /032
3.3 簡化—視覺信息記憶與識別的規律 /035
3.4 幾何化的信息塊 /040
3.5 幾何信息塊—構圖與黃金分割 /043
3.6 圖形簡化與黃金分割 /045
3.7 小結 /046

04 鄰近原則與赫布定律
4.1 空間鄰近 /048
4.2 時間鄰近 /049
4.3 格式塔的場 /051
4.4 我們看到的和感覺到的是什麼 /055
4.5 赫布定律 /057
4.6 鄰近原則與再現 /059
4.7 激活的認知意義 /062
4.8 設計與鄰近原則 /063
4.9 小結 /068
05 如何合理地使用色彩
5.1 謹慎使用暖色調 /070
5.2 為色盲設計 /077
5.3 構建合理的色彩環境 /079
5.4 設計中的色彩恆常性 /084
5.5 小結 /086
06 圖形的意義與物體識別
6.1 圖形為什麼很重要 /088
6.2 圖形形成視覺刺激的過程 /091
6.3 物體識別的深度思考 /096
6.4 圖形識別所涉及的設計問題 /097
6.5 小結 /098
07 虛擬實體設計、虛擬空間設計與UI 動效設計
7.1 虛擬實體設計—形狀恆常性 /100
7.2 虛擬空間設計— 深度線索 /103

7.3 UI 動效設計 /109
7.4 小結 /112
08 如何在UI 中引導注意力——自下而上
8.1 信息的自下而上與自上而下 /115
8.2 感光細胞與神經節細胞對視覺信息的
處理機制 /116
8.3 處理運動信息的注意機制 /121
8.4素差異與注意的關繫 /123
8.5 聲音相對圖像的差異 /128
8.6 小結 /128
09 如何在UI 中引導注意力 ——自上而下
9.1 引導閱讀的神秘力量 /132
9.2 無意識設計 /137
9.3 記憶與注意的關繫 /138
9.4 記憶的類型和分類 /140
9.5 神秘力量之內隱記憶 /142
9.6 內隱記憶與設計 /144
9.7 外顯記憶與注意 /151
9.8 目標識別的兩種類型 /158
9.9 小結 /160
10 創造是模因的正遷移
10.1 創造的兩個前提 /164
10.2 用知識表征描述思維 /164
10.3 兩種理論的缺陷與表征假說的實質 /167
10.4 模因假說 /170

10.5 表像的模因遷移 /176
10.6 命題的模因遷移 /177
10.7 小結 /179
11 設計的訓練
11.1 分解練習的故事 /182
11.2 訓練在神經層面引起的變化 /183
11.3 訓練的意義與原因 /184
11.4 分解的標準與維度 /186
11.5 UI 設計的分解練習 /188
11.6 小結 /189
12 從擬物到扁平——信息認知的平衡定律
12.1 信息技術發展與UI 界面的演變 /192
12.2 信息認知的平衡定律 /195
12.3 UI 扁平化的過程 /197
12.4 扁平化設計的要點 /200
12.5 小結 /204
13 人工智能與UI 設計 ——智能的本質
13.1 人工智能帶來的危機感 /206
13.2 智能的必要性 /210
13.3 智能的基礎—神經繫統的可塑性 /213
13.4 從數據中學習 /219
13.5 人工智能如何模擬人的智能 /222
13.6 智能的作用是高效地處理信息 /235
13.7 小結 /240

14 人工智能與UI 設計—— 應用
14.1 人工智能在設計中的應用 /242
14.2 設計師的關鍵能力 /248
14.3 語音與眼動參與交互 /251
14.4 小結 /252
15 從VR 到5G —— UI 設計的未來形態
15.1 從VR 到MR /254
15.2 如何實現三維效果 /258
15.3 5G 是低延遲帶來的算力 /262
15.4 未來的UI 設計依舊遵循的認知規律 /264
15.5 小結 /268
16 認知世界與自我
16.1 &ldquo素”不代表中國設計 /270
16.2 從建築與園林反觀我們對世界的認知 /271
16.3 如何認知世界就會如何設計世界 /279
16.4 中國APP 的功能特點 /282
16.5 小結 /287

本書從開始籌劃到出版，前後經歷了近5 年的時間，促使我開始思考編寫本書是５年前
在實際工作中出現的困境。作為一個交互設計師，要完成產品設計，就需要事先做出規劃，
比如，產品的信息結構、控件按鈕的位置與形態等。這些規劃的根據是什麼呢？比如，為
什麼要將導航條放在左上角而不是右上角？為什麼信息層級的設定在WAP 端是三級，而
在Web 端是兩級？交互設計師作為承上啟下的環節，還需要向上對產品經理證明這樣的
設計比產品經理的構想更為合理，向下對視覺設計師說明設計的內在邏輯，以及視覺層面
需要注意的關鍵點。這些都指向了個問題：
1. UI 設計的理論基礎是什麼？
每個用戶體驗設計師在每天的工作中都會遇到這樣的問題：設計的基準和原理是什麼？如
何說明？如果僅從個人經驗或者成功案例的角度去回答，有時或許是有效的，比如某某類
似的產品具有某某類似的功能，那麼類似的設計就是合理的。但是，如果面對一個全新的
產品，或者面對一個不能進行有效類比的場景（不同性質或者不同平臺的產品），那麼經
驗就不產生作用，類比邏輯也失去了有效性，設計該如何進行？
我們需要一種全新的語言範式（相關理論的概念和原理），來與上下遊的合作伙伴進行溝
通，說明設計的道理，並且互相探討設計的好壞。這種討論可以不是完全依賴經驗的，可
以面對不曾出現的產品和場景，是演繹邏輯與一般規律的。對於這個問題，我們可以從認
知方面的相關理論開始，通過對實踐案例的討論展開。
除此之外，還有第二個棘手的問題：
2. 如何證明設計師在需求轉變為產品過程中的價值？
顯然第二個問題是依賴於個問題的。首先，我們必須通過認知原理來證明設計的合理
性。其次，我們要證明具有這種合理性的判斷能力的高效性和稀缺性，以及這種能力所帶
來的價值。構成這種合理性的判斷能力需要兩部分內容，一部分是合理的知識，可以通過
本書和讀者的自學獲得；第二部分是實踐，需要在真實的項目中反復錘煉（本書對訓練的
方法也進行了適當的說明）。
證明稀缺性是指獲得合理的判斷力是需要付出艱辛的努力的，需要思考、學習、反復實踐，
並不是一蹴而就的。由此可知，獲得認知不是一件“容易的事情”，因為這涉及到格式塔
心理學、認知心理學、認知神經學，甚至數學等相關知識。實踐則是一件更困難的事情，
它的困難在於任何真實項目都需要真實的資源，一個APP 或者一個網頁項目都需要大量
的技術人員，以及相應的服務器帶寬支持，這種實踐的機會是稀缺的，尤其對於沒有任何
實踐經驗的新手或學生而言。
證明判斷能力所帶來的價值就是證明認知領域的理論切實地提高了設計的速度和質量，相
應的語言範式切實地提高了溝通的效率和質量，如果讀者讀過此書並且將書中的設計
思想運用在設計之中，並且將這種語言範式推廣到合作的上下遊，則一定會證
明這一點。
本書的寫作目的是解決設計師面臨的職業困境，方法是通過實際的場景和事例來探討UI
設計的認知理論基礎。本書並不是也不可能集合所有完備的知識，認知領域的知識涉及領
域眾多，如神經學、心理學、生物學、醫學、計算機科學等，同時也是現代研究領域的熱點，
不是作者個人能力可以窮盡的。編寫本書更多的是希望將讀者引入認知的領域，進行更深
入的思考和挖掘，共同夯實UI 設計的基礎，共同提高設計的效率和價值。

本書從開始籌劃到出版，前後經歷了近5 年的時間，促使我開始思考編寫本書是５年前
在實際工作中出現的困境。作為一個交互設計師，要完成產品設計，就需要事先做出規劃，
比如，產品的信息結構、控件按鈕的位置與形態等。這些規劃的根據是什麼呢？比如，為
什麼要將導航條放在左上角而不是右上角？為什麼信息層級的設定在WAP 端是三級，而
在Web 端是兩級？交互設計師作為承上啟下的環節，還需要向上對產品經理證明這樣的
設計比產品經理的構想更為合理，向下對視覺設計師說明設計的內在邏輯，以及視覺層面
需要注意的關鍵點。這些都指向了個問題：
1. UI 設計的理論基礎是什麼？
每個用戶體驗設計師在每天的工作中都會遇到這樣的問題：設計的基準和原理是什麼？如
何說明？如果僅從個人經驗或者成功案例的角度去回答，有時或許是有效的，比如某某類
似的產品具有某某類似的功能，那麼類似的設計就是合理的。但是，如果面對一個全新的
產品，或者面對一個不能進行有效類比的場景（不同性質或者不同平臺的產品），那麼經
驗就不產生作用，類比邏輯也失去了有效性，設計該如何進行？
我們需要一種全新的語言範式（相關理論的概念和原理），來與上下遊的合作伙伴進行溝
通，說明設計的道理，並且互相探討設計的好壞。這種討論可以不是完全依賴經驗的，可
以面對不曾出現的產品和場景，是演繹邏輯與一般規律的。對於這個問題，我們可以從認
知方面的相關理論開始，通過對實踐案例的討論展開。
除此之外，還有第二個棘手的問題：
2. 如何證明設計師在需求轉變為產品過程中的價值？
顯然第二個問題是依賴於個問題的。首先，我們必須通過認知原理來證明設計的合理
性。其次，我們要證明具有這種合理性的判斷能力的高效性和稀缺性，以及這種能力所帶
來的價值。構成這種合理性的判斷能力需要兩部分內容，一部分是合理的知識，可以通過
本書和讀者的自學獲得；第二部分是實踐，需要在真實的項目中反復錘煉（本書對訓練的
方法也進行了適當的說明）。
證明稀缺性是指獲得合理的判斷力是需要付出艱辛的努力的，需要思考、學習、反復實踐，
並不是一蹴而就的。由此可知，獲得認知不是一件“容易的事情”，因為這涉及到格式塔
心理學、認知心理學、認知神經學，甚至數學等相關知識。實踐則是一件更困難的事情，
它的困難在於任何真實項目都需要真實的資源，一個APP 或者一個網頁項目都需要大量
的技術人員，以及相應的服務器帶寬支持，這種實踐的機會是稀缺的，尤其對於沒有任何
實踐經驗的新手或學生而言。
證明判斷能力所帶來的價值就是證明認知領域的理論切實地提高了設計的速度和質量，相
應的語言範式切實地提高了溝通的效率和質量，如果讀者讀過此書並且將書中的設計
思想運用在設計之中，並且將這種語言範式推廣到合作的上下遊，則一定會證
明這一點。
本書的寫作目的是解決設計師面臨的職業困境，方法是通過實際的場景和事例來探討UI
設計的認知理論基礎。本書並不是也不可能集合所有完備的知識，認知領域的知識涉及領
域眾多，如神經學、心理學、生物學、醫學、計算機科學等，同時也是現代研究領域的熱點，
不是作者個人能力可以窮盡的。編寫本書更多的是希望將讀者引入認知的領域，進行更深
入的思考和挖掘，共同夯實UI 設計的基礎，共同提高設計的效率和價值。