界面設(shè)計模式

第2版介紹

前言

第1章 用戶做些什么

1.1 達到某種目的的手段

1.2 用戶研究基礎(chǔ)知識

1.3 用戶的學(xué)習(xí)動機

1.4 模式

安全探索

即時滿足

滿意即可

中途變卦

延后選擇

遞增構(gòu)建

習(xí)慣

小片時間

空間記憶

前瞻記憶

簡化重復(fù)工作

只支持鍵盤

旁人建議

個性化推薦

第2章 組織內(nèi)容：信息架構(gòu)和應(yīng)用結(jié)構(gòu)

2.1 從全局出發(fā)

2.2 模式

主題、搜索和瀏覽

新聞流

圖片管理器

信息板

畫布加調(diào)色板工具條

向?qū)?

設(shè)置編輯器

可選視圖

多工作空間

多級幫助

第3章 到處走走：導(dǎo)航、路標(biāo)和找路

3.1 不要迷路

3.2 導(dǎo)航的代價

3.3 常見的導(dǎo)航模型

3.4 網(wǎng)站設(shè)計習(xí)慣用法

3.5 模式

清楚的入口點

菜單頁面

金字塔

模態(tài)面板

深度鏈接狀態(tài)

逃生艙

胖菜單

頁腳站點地圖

登錄工具

序列地圖

面包屑層級結(jié)構(gòu)

注釋滾動條

動畫轉(zhuǎn)換

第4章 組織頁面：頁面元素的布局

4.1 頁面布局基礎(chǔ)知識

4.2 模式

視覺框架

中央舞臺

對等網(wǎng)格

帶標(biāo)題的區(qū)域

模態(tài)Tab

手風(fēng)琴模式

可收起面板

可移動的面板

右/左對齊

對角線平衡

響應(yīng)式展開

響應(yīng)式允許

流體布局

第5章 列表

5.1 列表的使用場景

5.2 回到信息架構(gòu)

5.3 一些解決方案

5.4 模式

雙面板選擇器

單窗口深入

列表嵌入

縮略圖網(wǎng)格

傳送帶

斑馬行

分頁

條目跳轉(zhuǎn)

字母表滾動條

級聯(lián)列表

懸浮工具

動作面板

突出“完成”按鈕

智能菜單項

預(yù)覽

進度提示

可取消性

多級撤銷

命令歷史

宏

第7章 顯示復(fù)雜數(shù)據(jù)：樹、表格及其他信息圖形

7.1 信息圖形基礎(chǔ)

7.2 模式

總覽加細(xì)節(jié)

數(shù)據(jù)提示

數(shù)據(jù)焦點

動態(tài)查詢

數(shù)據(jù)刷

局部縮放

可排序表格

徑向表

多Y值圖

多個小對象

樹狀地圖

第8章 獲取用戶輸入：表單與控件

8.1 表單設(shè)計基礎(chǔ)

8.2 控件選擇

8.3 模式

容錯格式

結(jié)構(gòu)化的格式

填空

輸入提示

輸入提醒

密碼強度計

自動完成

下拉選擇器

列表構(gòu)造器

良好的默認(rèn)值

同頁錯誤信息

第9章 利用社交媒體

9.1 本章不涉及的內(nèi)容

9.2 社交媒體的基礎(chǔ)

9.3 模式

編輯混合

個人聲音

轉(zhuǎn)帖和評論

發(fā)起會話

倒置納米金字塔

擇時策略

專用流

社交鏈接

共享組件

新聞框

內(nèi)容列表區(qū)域

新近談話

第10章 邁向移動設(shè)計

10.1 移動設(shè)計的挑戰(zhàn)

10.2 模式

縱向堆疊

膠片

觸摸工具

底部導(dǎo)航

小圖片加文字的列表

無限列表

寬邊界

文本清除按鈕

加載提示

應(yīng)用互聯(lián)

精簡品牌形象

第11章 修飾外觀：視覺風(fēng)格和美感

11.1 相同的內(nèi)容、不同的風(fēng)格

11.2 視覺設(shè)計基礎(chǔ)

11.3 這對桌面應(yīng)用來說意味著什么

……

參考文獻

界面設(shè)計模式作者介紹

Jenifer Tidwell是一位交互設(shè)計、信息架構(gòu)和設(shè)計前期分析方面的咨詢師和作家。她曾經(jīng)為很多著名的公司（如Google和MathWorks）設(shè)計和建立用戶界面。

界面設(shè)計模式譯者介紹

Windy（蔣芳）

交互設(shè)計和用戶體驗咨詢師，擁有多年專業(yè)經(jīng)驗，以及發(fā)展更簡潔、效率更高的用戶測試方法，同時，Windy 也是《點石成金》一書譯者。

方舟

用戶體驗設(shè)計師、IT 專業(yè)圖書譯者，譯有《交互設(shè)計沉思錄》等。涉獵廣泛，曾任用戶體驗經(jīng)理、創(chuàng)意總監(jiān)、產(chǎn)品開發(fā)經(jīng)理、編輯、軟件工程師、UI 設(shè)計師等。

任發(fā)科

亦名常新居士。喜閱讀思考，雖未及文理兼通，但極客之氣綽綽?；燠E軟件企業(yè)多年，然癡迷技術(shù)之心未怠。不尚空談，希冀躬耕實踐，以技術(shù)改變生活。

羅景文

多年來專注于軟件工程及交互式設(shè)計，對人機交互技術(shù)非常感興趣。曾任職于IBM developerWorks 中國網(wǎng)站、IvarJacobson 博士在中國開辦的雅各布森軟件（北京）有限公司，以及CSDN《程序員》雜志。

盡管市面上類似題材的內(nèi)容已汗牛充棟，本書的第1版中文版在推出后仍然“技壓群芳”而大獲好評，一路暢銷。究其原因，不外乎：

實踐出真知

作者Jenifer Tidwell本人既是交互設(shè)計師，又是一名軟件工程師；曾在麻省理工學(xué)院學(xué)習(xí)技術(shù)，并在馬薩諸塞州藝術(shù)學(xué)院學(xué)習(xí)設(shè)計，從1997年開始就研究用戶界面模式，為眾多著名公司如Google,Mathworks設(shè)計和建立用戶界面，很早就開始倡導(dǎo)RIA（Rich Internet Application）技術(shù)。

扎實深厚的研究功底、多年的實踐經(jīng)驗以及常人難以企及的工作氛圍，令她得以洞悉交互設(shè)計后的復(fù)雜人性/心理，以不變應(yīng)萬變，游刃有余地行走在交互設(shè)計之路上。

本書正是她多年的觀察、實踐與智慧的升華。清晰的思路，合理的架構(gòu)，流暢的文筆，讓讀者不由自主地愛上設(shè)計，了解設(shè)計并運用模式。

食不厭精，膾不壓細(xì)

本書按照設(shè)計進程的大致順序，細(xì)致地梳理了交互設(shè)計中的模式，每個模式都至少含有一個范例，以方便讀者學(xué)習(xí)。

在每個章節(jié)的寫作中，作者不僅照顧了初學(xué)者的需求，提供了上下文的背景，以幫助他們迅速理解并上手；同時也兼顧了深入學(xué)習(xí)的訴求，提供了進一步學(xué)習(xí)的主題。

在第2版中，新增了社交媒體，移動設(shè)計的內(nèi)容，切實地符合了當(dāng)下的技術(shù)發(fā)展潮流。

模式意味著重用，它包含以下內(nèi)涵：

是具體的，而非泛泛而談

可以有效應(yīng)用到各類不同的平臺和系統(tǒng)中

是產(chǎn)品，而非過程

關(guān)注界面各元素之間的關(guān)聯(lián)，而非孤立地看待單個元素

可以根據(jù)不同的設(shè)計情形而定制

……

細(xì)膩的內(nèi)容，真實的場景，貼心的表達……這一切讓本書當(dāng)之無愧地成為界面設(shè)計領(lǐng)域深得人心的力作。

模式意味著重用。

好的模式建立在對人與事物的深刻認(rèn)知之上。

本書開篇即總結(jié)了“與人有關(guān)”的各類問題，為讀者提供了界面設(shè)計總體思路上的指引，幫助讀者舉一反三。

接下來，本書收集并分析了很多常用的界面設(shè)計模式，幫助讀者理解在實現(xiàn)級別的各種常用解決方案，將它們靈活地運用到自己的設(shè)計中。

同時，隨著網(wǎng)絡(luò)和技術(shù)的不斷發(fā)展，本書在第1 版的基礎(chǔ)上，更新了幾乎所有的模式示例和說明，并新增了兩章全新的移動應(yīng)用和社交媒體設(shè)計模式，幫助讀者在這兩個新的領(lǐng)域從更高的起點開始設(shè)計。

有效的界面設(shè)計，從本書開始。

第2版介紹

自本書第一版出版五年以來，這個世界發(fā)生了很多變化。

絕大部分的用戶界面設(shè)計師都在進行網(wǎng)絡(luò)設(shè)計，雖然他們的角色可能是用戶體驗設(shè)計師、交互設(shè)計師、信息架構(gòu)師或者擁有其他幾種類似的頭銜。同時，數(shù)不清的網(wǎng)站、網(wǎng)絡(luò)服務(wù)、網(wǎng)絡(luò)軟件、博客，以及各種電子商務(wù)網(wǎng)站都需要良好的設(shè)計，而且這些產(chǎn)品和服務(wù)的實現(xiàn)也變得越來越快了。它們中的大部分都具有高度的交互性，同時，甚至那些傳統(tǒng)網(wǎng)站也開始使用動態(tài)的交互性的內(nèi)容，例如視頻播放器和社交網(wǎng)絡(luò)模塊，它們以前多數(shù)只擁有靜態(tài)的內(nèi)容。因此，有很多設(shè)計工作正在進行。.

和幾年前相比，為桌面應(yīng)用所做的設(shè)計工作少多了。當(dāng)然，我們所有的技術(shù)用戶都仍然需要安裝在臺式機或筆記本上的復(fù)雜桌面軟件。我們的郵件客戶端、瀏覽器、文本編輯器、各個領(lǐng)域的專業(yè)軟件，以及操作系統(tǒng)仍然是我們?nèi)找婢W(wǎng)絡(luò)化的生活中不可或缺的部分。但是這些軟件的很多界面都已經(jīng)趨于穩(wěn)定。因此，從2000 年早期開始，設(shè)計書籍的讀者群已經(jīng)從桌面設(shè)計轉(zhuǎn)向了基于互聯(lián)網(wǎng)的設(shè)計。

還有另一個變化，那就是移動設(shè)計，它在2005 年的時候還很青澀，但隨著iPhone 和其他復(fù)雜移動設(shè)備的普及，已經(jīng)達到了百花齊放的程度，移動設(shè)備把整個互聯(lián)網(wǎng)都放到了我們的口袋里，因此，很多設(shè)計師都需要面對移動設(shè)計特有的問題。移動方面的考慮將給設(shè)計（特別是移動互聯(lián)網(wǎng)）帶來什么樣的變化？這個問題我們還在收集答案，不過整個設(shè)計界已經(jīng)學(xué)到了一些可行的方法和技術(shù)。

還有，設(shè)計師們也不能忽視在線社交網(wǎng)絡(luò)的影響。當(dāng)處在項目的早期設(shè)計階段時，我需要去思考它與博客、Twitter、Facebook、各種評論、論壇及所有其他人們可能會在網(wǎng)上談到和討論它的地方的連接。如果不這么做，我的設(shè)計可能就會不稱職了。用戶們會花上很多時間進行在線交往，而且熟練用戶會理所當(dāng)然地期待社交網(wǎng)絡(luò)支持。要找到一個和某個社交服務(wù)沒關(guān)系的網(wǎng)站已經(jīng)非常罕見了，通常，它們會連接到好幾個社交服務(wù)。.

不過，等等，要說的還有很多！自從這本書第一次出版以來，用戶體驗設(shè)計領(lǐng)域已經(jīng)發(fā)現(xiàn)了模式的價值，也出現(xiàn)了其他很多和用戶體驗相關(guān)的模式集合。其中很多都非常不錯。有一些直接從本書里采用一些模式，然后進行加工、修改，根據(jù)新的習(xí)慣用法或它們呈現(xiàn)的全新信息來命名。還有一些則創(chuàng)造了一些本書沒有提到的模式，特別是在社交網(wǎng)絡(luò)、移動領(lǐng)域、搜索，還有RIA 風(fēng)格的界面。（我已經(jīng)在前言的參考資料一節(jié)，以及在各個模式本身的描述中，列出了一些上述方面最好的模式集合。）

那么，這些2005 年寫就的模式是不是仍然適用呢？

總的來說，還是適用的。人類的思維方式?jīng)]什么變化——視覺層次結(jié)構(gòu)仍然適用、漸進展開仍然適用，移動的事物也還是會受到我們大腦本能的注意。那些基于基本設(shè)計原則的良好模式現(xiàn)在也還和5 年、10 年、20 年以前一樣有效。但是其他一些模式?jīng)]有那么堅實的基礎(chǔ)，就可能已經(jīng)落后了。于是，本書的第2 版讓我有了一種后知后覺：我可以用這段時間來衡量這些模式的持久性，并進行總結(jié)。果然，真的，有一小部分模式從這本書里剔除了。

不過大部分模式仍然留下來了，因為它們?nèi)匀贿m用。我給它們增加了新鮮的例子，還為一些模式的有效性補充了新的研究資料。還有，我新寫了（或者借用了）一些新的模式來反映這五年來的變化。2100433B

《設(shè)計模式解析(第2版)》以作者自身學(xué)習(xí)、使用模式和多年來為軟件開發(fā)人員(包括面向?qū)ο蠹夹g(shù)老兵和新手)講授模式的經(jīng)驗為基礎(chǔ)撰寫而成。首先概述了模式的基礎(chǔ)知識，以及面向?qū)ο蠓治龊驮O(shè)計在當(dāng)代軟件開發(fā)中的重要性，隨后使用易懂的示例代碼闡明了12個最常用的模式，包括它們的基礎(chǔ)概念、優(yōu)點、權(quán)衡取舍、實現(xiàn)技術(shù)以及需要避免的缺陷，使讀者能夠理解模式背后的基本原則和動機，理解為什么它們會這樣運作。

《設(shè)計模式解析(第2版)》適合軟件開發(fā)專業(yè)人士，以及計算機專業(yè)、軟件工程專業(yè)的高校師生閱讀，也可作為面向?qū)ο蠓治雠c設(shè)計課程的參考教材。

《設(shè)計模式（java版）》

第1章 設(shè)計模式概述 1

1.1 設(shè)計模式概念 2

1.2 設(shè)計模式簡史 2

1.3 設(shè)計模式要素 3

1.4 設(shè)計模式分類 5

1.4.1 創(chuàng)建型 5

1.4.2 結(jié)構(gòu)型 6

1.4.3 行為型 7

小結(jié) 8

練習(xí) 8

第2章 設(shè)計原則 10

2.1 單一職責(zé)原則 12

2.1.1 單一職責(zé)原則的定義 12

2.1.2 單一職責(zé)原則的應(yīng)用 13

2.2 里氏替換原則 16

2.2.1 里氏替換原則的定義 16

2.2.2 里氏替換原則的應(yīng)用 17

2.3 依賴倒置原則 19

2.3.1 依賴倒置原則的定義 19

.2.3.2 依賴倒置原則的應(yīng)用 20

2.4 接口隔離原則 23

2.4.1 接口隔離原則的定義 23

2.4.2 接口隔離原則的應(yīng)用 24

2.5 迪米特法則 27

2.5.1 迪米特法則的定義 27

2.5.2 迪米特法則的應(yīng)用 28

2.6 開閉原則 30

2.6.1 開閉原則的定義 30

2.6.2 開閉原則的應(yīng)用 31

小結(jié) 35

練習(xí) 36

第3章 創(chuàng)建型模式 37

3.1 創(chuàng)建型模式簡述 39

3.2 單例模式 39

3.2.1 單例模式的定義 39

3.2.2 單例模式的應(yīng)用 41

3.2.3 單例模式的實例 43

3.3 工廠方法模式 44

3.3.1 工廠方法模式的定義 45

3.3.2 工廠方法模式的應(yīng)用 47

3.3.3 工廠方法模式的實例 48

3.4 抽象工廠模式 51

3.4.1 抽象工廠模式的定義 51

3.4.2 抽象工廠模式的應(yīng)用 52

3.4.3 抽象工廠模式的實例 52

3.5 建造者模式 55

3.5.1 建造者模式的定義 55

3.5.2 建造者模式的應(yīng)用 57

3.5.3 建造者模式的實例 58

3.6 原型模式 65

3.6.1 原型模式的定義 65

3.6.2 原型模式的應(yīng)用 66

3.6.3 原型模式的實例 67

小結(jié) 69

練習(xí) 70

第4章 結(jié)構(gòu)型模式 71

4.1 結(jié)構(gòu)型模式簡述 73

4.2 代理模式 73

4.2.1 代理模式的定義 73

4.2.2代理模式的應(yīng)用 75

4.2.3 代理模式的實例 76

4.3 裝飾模式 78

4.3.1 裝飾模式的定義 78

4.3.2 裝飾模式的應(yīng)用 80

4.3.3 裝飾模式的實例 81

4.4 適配器模式 83

4.4.1 適配器模式的定義 83

4.4.2 適配器模式的應(yīng)用 84

4.4.3 適配器模式的實例 85

4.5 組合模式 86

4.5.1 組合模式的定義 86

4.5.2 組合模式的應(yīng)用 89

4.5.3 組合模式的實例 89

4.6 橋梁模式 93

4.6.1 橋梁模式的定義 93

4.6.2 橋梁模式的應(yīng)用 95

4.6.3 橋梁模式的實例 96

4.7 外觀模式 98

4.7.1 外觀模式的定義 98

4.7.2 外觀模式的應(yīng)用 100

4.7.3 外觀模式的實例 100

4.8 享元模式 103

4.8.1 享元模式的定義 103

4.8.2 享元模式的應(yīng)用 105

4.8.3 享元模式的實例 106

小結(jié) 108

練習(xí) 108

第5章 行為型模式（1） 110

5.1 行為型模式簡述 112

5.2 模板方法模式 112

5.2.1 模板方法模式的定義 112

5.2.2 模板方法模式的應(yīng)用 114

5.2.3 模板方法模式的實例 114

5.3 命令模式 116

5.3.1 命令模式的定義 116

5.3.2 命令模式的應(yīng)用 118

5.3.3 命令模式的實例 119

5.4 責(zé)任鏈模式 122

5.4.1 責(zé)任鏈模式的定義 122

5.4.2 責(zé)任鏈模式的應(yīng)用 124

5.4.3 責(zé)任鏈模式的實例 124

5.5 策略模式 128

5.5.1 策略模式的定義 128

5.5.2 策略模式的應(yīng)用 130

5.5.3 策略模式的實例 130

5.6 迭代器模式 133

5.6.1 迭代器模式的定義 134

5.6.2 迭代器模式的應(yīng)用 136

5.6.3 迭代器模式的實例 137

小結(jié) 138

練習(xí) 139

第6章 行為型模式（2） 140

6.1 中介者模式 142

6.1.1 中介者模式的定義 142

6.1.2 中介者模式的應(yīng)用 145

6.1.3 中介者模式的實例 145

6.2 觀察者模式 149

6.2.1 觀察者模式的定義 149

6.2.2 觀察者模式的應(yīng)用 151

6.2.3 觀察者模式的實例 152

6.3 備忘錄模式 156

6.3.1 備忘錄模式的定義 156

6.3.2 備忘錄模式的應(yīng)用 158

6.3.3 備忘錄模式的實例 159

6.4 訪問者模式 161

6.4.1 訪問者模式的定義 162

6.4.2 訪問者模式的應(yīng)用 165

6.4.3 訪問者模式的實例 166

6.5 狀態(tài)模式 170

6.5.1 狀態(tài)模式的定義 170

6.5.2 狀態(tài)模式的應(yīng)用 173

6.5.3 狀態(tài)模式的實例 174

6.6 解釋器模式 176

6.6.1 解釋器模式的定義 176

6.6.2 解釋器模式的應(yīng)用 178

6.6.3 解釋器模式的實例 179

小結(jié) 182

練習(xí) 183

第7章 混合設(shè)計模式 185

7.1 混合設(shè)計模式簡介 187

7.2 命令鏈模式 187

7.3 工廠策略模式 199

7.4 觀察中介者模式 207

7.5 規(guī)格模式 215

小結(jié) 222

練習(xí) 222

第8章 設(shè)計模式對比 223

8.1 創(chuàng)建型模式對比 225

8.1.1 工廠方法模式制造超人 225

8.1.2 建造者模式制造超人 227

8.1.3 抽象工廠模式制造超人 230

8.2 結(jié)構(gòu)型模式對比 233

8.2.1 代理模式 234

8.2.2 裝飾模式 236

8.2.3 適配器模式 238

8.3 行為型模式對比 240

8.3.1 策略模式 241

8.3.2 命令模式 243

小結(jié) 247

練習(xí) 248

附錄a 23種設(shè)計模式 249

附錄b uml圖標(biāo)及java實現(xiàn) 254 2100433B

本書系統(tǒng)介紹了設(shè)計模式。全書共分27章，內(nèi)容包括統(tǒng)一建模語言基礎(chǔ)知識、面向?qū)ο笤O(shè)計原則、設(shè)計模式概述、簡單工廠模式、工廠方法模式、抽象工廠模式、建造者模式、原型模式、單例模式、適配器模式、橋接模式、組合模式、裝飾模式、外觀模式、享元模式、代理模式、職責(zé)鏈模式、命令模式、解釋器模式、迭代器模式、中介者模式、備忘錄模式、觀察者模式、狀態(tài)模式、策略模式、模板方法模式和訪問者模式。

本書結(jié)合大量實例來學(xué)習(xí)GoF設(shè)計模式，針對每一個設(shè)計模式均提供了一或兩個實例，并對每一個模式進行了詳盡的講解，每一章最后均配有一定量的習(xí)題。

本書既可作為高等院校計算機相關(guān)專業(yè)本科生和研究生設(shè)計模式、軟件體系結(jié)構(gòu)等課程教材，也可作為各軟件培訓(xùn)機構(gòu)培訓(xùn)教材及全國計算機技術(shù)與軟件專業(yè)技術(shù)資格（水平）考試輔導(dǎo)教材，還可作為軟件架構(gòu)師、軟件工程師等開發(fā)人員的參考用書。