部分 基礎

第1章 設計體繫2

1.1 設計模式4

1.2 共享語言9

1.3 模式庫及其局限性11

1.4 構建有效的設計體繫15

1.4.1 共享目的16

1.4.2 識別問題17

1.5 案例：“十分鐘食譜”網站17

1.5.1 目的和價值觀18

1.5.2 設計原則18

1.5.3 行為和功能性模式19

1.5.4 審美和感知性模式20

1.5.5 共享語言21

第2章 設計原則22

2.1 有效設計原則的特性24

2.1.1 設計原則是真實而貼切的24

2.1.2 設計原則是實用的、可操作的25

2.1.3 設計原則是有觀點的27

2.1.4 設計原則是能產生共鳴、容易讓人記住的28

2.2 定義原則29

2.2.1 從目的開始29

2.2.2 尋找共識30

2.2.3 面向正確的受眾30

2.2.4 對原則進行測試和修訂31

2.3 從原則到模式31

第3章 功能性模式34

3.1 模式演變，行為不變35

3.2 定義功能性模式38

3.2.1 創建模式映射38

3.2.2 打造界面清單39

3.2.3 將模式視為操作41

3.2.4 描繪模式的內容結構42

3.2.5 按某個維度排列模式44

3.2.6 將內容視為假設45

第4章 感知性模式48

4.1 感知性模式的作用49

4.1.1 感知性模式有助於傳遞品牌形像49

4.1.2 感知性模式讓繫統更為連貫51

4.2 探索感知性模式53

4.2.1 情緒板54

4.2.2 樣式疊片55

4.2素拼貼56

4.3 迭代與改進57

4.3.1 平衡品牌性與一致性59

4.3.2 標志性時刻60

4.3.3 小規模試驗61

4.3.4 平衡品牌和業務需求63

4.4 標志性模式：團隊練習64

第5章 共享設計語言66

5.1 為模式命名67

5.1.1 學習為你的團隊創造一個好名稱68

5.1.2 好名稱是基於隱喻的69

5.1.3 好名稱有個性71

5.1.4 好名稱能傳達目的72

5.1.5 協同命名74

5.1.6 建立專用頻道74

5.1.7 跟用戶一起測試設計語言75

5.2 將團隊融入設計語言76

5.2.1 讓設計模式變得可見76

5.2.2 引用事物的名稱79

5.2.3 將設計體繫作為入職培訓的一部分80

5.2.4 定期組織設計體繫會議80

5.2.5 鼓勵多樣化協作81

5.2.6 維護一份術語表81

部分 總結84

第二部分 過程

第6章 設計體繫的參數88

6.1 規則：嚴格或寬松89

6.1.1 Airbnb89

6.1.2 TED93

6.1.3 權衡利弊，做出選擇96

6.2 部件：模塊化或集成化97

6.2.1 模塊化與用戶體驗98

6.2.2 模塊化與項目需求的範圍101

6.2.3 權衡利弊，做出選擇103

6.3 組織：集中式或分散式104

6.3.1 集中式模型105

6.3.2 分散式模型105

6.3.3 組織挑戰106

6.3.4 權衡利弊，做出選擇107

6.3.5 小結108

6.3.6 適合你的設計體繫110

第7章 規劃與實踐112

7.1 獲得高層的支持112

7.1.1 在設計和構建模塊時能時間113

7.1.2 在做整站修改時能時間114

7.1.3 能讓產品更快上線115

7.1.4 其他好處115

7.2 從哪裡開始117

7.2.1 就目標達成一致117

7.2.2 將成果公開118

7.2.3 創造知識共享的文化119

7.2.4 提升團隊士氣120

7.3 關於設計體繫實踐的思考122

第8章 功能性模式的繫統化124

8.1 目的導向的清單125

8.2 準備工作126

8.2.1 安排時間126

8.2.2 選擇人員126

8.2.3 打印界面126

8.3 確定關鍵行為127

8.3.1 措辭是一項基礎工作129

8.3.2 將行為分解為操作129

8.4 按目的素進行分組130

8.5 定義模式131

8.5.1 具體性尺度131

8.5.2 內容結構133

8.5.3 命名136

8.6 在更小的維度上重復目的導向的清單過程137

8.6.1 操作的一致性138

8.6.2 視覺層次141

8.6.3 特例142

8.7 小結143

第9章 感知性模式的繫統化144

9.1 超越樣式屬性145

9.2 美學特征與標志性模式147

9.3 識別感知性模式148

9.4 配色150

9.4.1 從目的開始150

9.4.2 收集現有顏色並分組150

9.4.3 定義模式153

9.4.4 指定模塊154

9.4.5 就指導原則達成一致157

9.5 動畫158

9.5.1 目的和感受158

9.5.2 評審現有動畫159

9.5.3 定義模式160

9.5.4 指定模塊161

9.5.5 就指導原則達成一致161

9.6 語氣和語調162

9.6.1 評審語氣和語調的模式162

9.6.2 定義模式163

9.6.3 就指導原則達成一致164

9.7 小結165

第10章 模式庫166

10.1 內容167

10.2 模式的組織168

10.2.1 提煉感知性模式169

10.2.2 組織功能性模式169

10.3 模式文檔175

10.3.1 為功能性模式編寫文檔175

10.3.2 為感知性模式編寫文檔182

10.4 工作流程187

10.4.1 添加新模式的過程187

10.4.2 引入新模式的標準188

10.4.3 人員與責任190

10.4.4 統一設計體繫的各個方面191

10.5 工具192

10.5.1 保持模式庫的更新192

10.5.2 保持主設計文件的更新193

10.5.3 將模式庫作為求真來源194

10.6 模式庫的未來195

結語196

擴展閱讀資料198