第一部分 基礎(chǔ)

第1章 設(shè)計(jì)體系　2

1.1 設(shè)計(jì)模式　4

1.2 共享語言　9

1.3 模式庫及其局限性　11

1.4 構(gòu)建有效的設(shè)計(jì)體系　15

1.4.1 共享目的　16

1.4.2 識別問題　17

1.5 案例：十分鐘食譜網(wǎng)站　17

1.5.1 目的和價(jià)值觀　18

1.5.2 設(shè)計(jì)原則　18

1.5.3 行為和功能性模式　19

1.5.4 審美和感知性模式　20

1.5.5 共享語言　21

第2章 設(shè)計(jì)原則　22

2.1 有效設(shè)計(jì)原則的特性　24

2.1.1 設(shè)計(jì)原則是真實(shí)而貼切的　24

2.1.2 設(shè)計(jì)原則是實(shí)用的、可操作的　25

2.1.3 設(shè)計(jì)原則是有觀點(diǎn)的　27

2.1.4 設(shè)計(jì)原則是能產(chǎn)生共鳴、容易讓人記住的　28

2.2 定義原則　29

2.2.1 從目的開始　29

2.2.2 尋找共識　30

2.2.3 面向正確的受眾　30

2.2.4 對原則進(jìn)行測試和修訂　31

2.3 從原則到模式　31

第3章 功能性模式　34

3.1 模式演變，行為不變　35

3.2 定義功能性模式　38

3.2.1 創(chuàng)建模式映射　38

3.2.2 打造界面清單　39

3.2.3 將模式視為操作　41

3.2.4 描繪模式的內(nèi)容結(jié)構(gòu)　42

3.2.5 按某個(gè)維度排列模式　44

3.2.6 將內(nèi)容視為假設(shè)　45

第4章 感知性模式　48

4.1 感知性模式的作用　49

4.1.1 感知性模式有助于傳遞品牌形象　49

4.1.2 感知性模式讓系統(tǒng)更為連貫　51

4.2 探索感知性模式　53

4.2.1 情緒板　54

4.2.2 樣式疊片　55

4.2.3 元素拼貼　56

4.3 迭代與改進(jìn)　57

4.3.1 平衡品牌性與一致性　59

4.3.2 標(biāo)志性時(shí)刻　60

4.3.3 小規(guī)模試驗(yàn)　61

4.3.4 平衡品牌和業(yè)務(wù)需求　63

4.4 標(biāo)志性模式：團(tuán)隊(duì)練習(xí)　64

第5章 共享設(shè)計(jì)語言　66

5.1 為模式命名　67

5.1.1 學(xué)習(xí)為你的團(tuán)隊(duì)創(chuàng)造一個(gè)好名稱　68

5.1.2 好名稱是基于隱喻的　69

5.1.3 好名稱有個(gè)性　71

5.1.4 好名稱能傳達(dá)目的　72

5.1.5 協(xié)同命名　74

5.1.6 建立專用頻道　74

5.1.7 跟用戶一起測試設(shè)計(jì)語言　75

5.2 將團(tuán)隊(duì)融入設(shè)計(jì)語言　76

5.2.1 讓設(shè)計(jì)模式變得可見　76

5.2.2 引用事物的名稱　79

5.2.3 將設(shè)計(jì)體系作為入職培訓(xùn)的一部分　80

5.2.4 定期組織設(shè)計(jì)體系會(huì)議　80

5.2.5 鼓勵(lì)多樣化協(xié)作　81

5.2.6 維護(hù)一份術(shù)語表　81

第一部分 總結(jié)　84

第二部分 過程

第6章 設(shè)計(jì)體系的參數(shù)　88

6.1 規(guī)則：嚴(yán)格或?qū)捤伞?9

6.1.1 Airbnb　89

6.1.2 TED　93

6.1.3 權(quán)衡利弊，做出選擇　96

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

6.2.1 模塊化與用戶體驗(yàn)　98

6.2.2 模塊化與項(xiàng)目需求的范圍　101

6.2.3 權(quán)衡利弊，做出選擇　103

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

6.3.1 集中式模型　105

6.3.2 分散式模型　105

6.3.3 組織挑戰(zhàn)　106

6.3.4 權(quán)衡利弊，做出選擇　107

6.3.5 小結(jié)　108

6.3.6 適合你的設(shè)計(jì)體系　110

第7章 規(guī)劃與實(shí)踐　112

7.1 獲得高層的支持　112

7.1.1 在設(shè)計(jì)和構(gòu)建模塊時(shí)能節(jié)省時(shí)間　113

7.1.2 在做整站修改時(shí)能節(jié)省時(shí)間　114

7.1.3 能讓產(chǎn)品更快上線　115

7.1.4 其他好處　115

7.2 從哪里開始　117

7.2.1 就目標(biāo)達(dá)成一致　117

7.2.2 將成果公開　118

7.2.3 創(chuàng)造知識共享的文化　119

7.2.4 提升團(tuán)隊(duì)士氣　120

7.3 關(guān)于設(shè)計(jì)體系實(shí)踐的思考　122

第8章 功能性模式的系統(tǒng)化　124

8.1 目的導(dǎo)向的清單　125

8.2 準(zhǔn)備工作　126

8.2.1 安排時(shí)間　126

8.2.2 選擇人員　126

8.2.3 打印界面　126

8.3 確定關(guān)鍵行為　127

8.3.1 措辭是一項(xiàng)基礎(chǔ)工作　129

8.3.2 將行為分解為操作　129

8.4 按目的對現(xiàn)有元素進(jìn)行分組　130

8.5 定義模式　131

8.5.1 具體性尺度　131

8.5.2 內(nèi)容結(jié)構(gòu)　133

8.5.3 命名　136

8.6 在更小的維度上重復(fù)目的導(dǎo)向的清單過程　137

8.6.1 操作的一致性　138

8.6.2 視覺層次　141

8.6.3 特例　142

8.7 小結(jié)　143

第9章 感知性模式的系統(tǒng)化　144

9.1 超越樣式屬性　145

9.2 美學(xué)特征與標(biāo)志性模式　147

9.3 識別感知性模式　148

9.4 配色　150

9.4.1 從目的開始　150

9.4.2 收集現(xiàn)有顏色并分組　150

9.4.3 定義模式　153

9.4.4 指定模塊　154

9.4.5 就指導(dǎo)原則達(dá)成一致　157

9.5 動(dòng)畫　158

9.5.1 目的和感受　158

9.5.2 評審現(xiàn)有動(dòng)畫　159

9.5.3 定義模式　160

9.5.4 指定模塊　161

9.5.5 就指導(dǎo)原則達(dá)成一致　161

9.6 語氣和語調(diào)　162

9.6.1 評審語氣和語調(diào)的模式　162

9.6.2 定義模式　163

9.6.3 就指導(dǎo)原則達(dá)成一致　164

9.7 小結(jié)　165

第10章 模式庫　166

10.1 內(nèi)容　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 引入新模式的標(biāo)準(zhǔn)　188

10.4.3 人員與責(zé)任　190

10.4.4 統(tǒng)一設(shè)計(jì)體系的各個(gè)方面　191

10.5 工具　192

10.5.1 保持模式庫的更新　192

10.5.2 保持主設(shè)計(jì)文件的更新　193

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

10.6 模式庫的未來　195

結(jié)語　196

擴(kuò)展閱讀資料　198