具體描述
模式意味著重用。
好的模式建立在對人與事物的深刻認知之上。
本書開篇即總結瞭“與人有關”的各類問題，為讀者提供瞭界麵設計總體思路上的指引，幫助讀者舉一反三。
接下來，本書收集並分析瞭很多常用的界麵設計模式，幫助讀者理解在實現級彆的各種常用解決方案，將它們靈活地運用到自己的設計中。
同時，隨著網絡和技術的不斷發展，本書在第1 版的基礎上，更新瞭幾乎所有的模式示例和說明，並新增瞭兩章全新的移動應用和社交媒體設計模式，幫助讀者在這兩個新的領域從更高的起點開始設計。
有效的界麵設計，從本書開始。
著者簡介
Jenifer Tidwell是一位交互設計、信息架構和設計前期分析方麵的谘詢師和作傢。她曾經為很多著名的公司（如Google和MathWorks）設計和建立用戶界麵。
圖書目錄
第2版介紹 ............................................................................ xii
前言 .................................................................................... xvi
第1章 用戶做些什麼 .........................................................................1
1.1 達到某種目的的手段 ....................................................................................2
1.2 用戶研究基礎知識 ........................................................................................4
1.3 用戶的學習動機 ............................................................................................6
1.4 模式 ................................................................................................................8
安全探索 ........................................................................................................9
即時滿足 ......................................................................................................10
滿意即可 ......................................................................................................10
中途變卦 ......................................................................................................11
延後選擇 ......................................................................................................12
遞增構建 ......................................................................................................13
習慣 ..............................................................................................................14
小片時間 ......................................................................................................15
空間記憶 ......................................................................................................16
前瞻記憶 ......................................................................................................17
簡化重復工作 ..............................................................................................19
隻支持鍵盤 ..................................................................................................20
旁人建議 ......................................................................................................21
個性化推薦 ..................................................................................................22
第2章 組織內容：信息架構和應用結構 ..........................................23
2.1 從全局齣發 ..................................................................................................23
2.2 模式 ..............................................................................................................27
主題、搜索和瀏覽 ......................................................................................28
新聞流 ..........................................................................................................32
圖片管理器 ..................................................................................................38
信息闆 ..........................................................................................................43
畫布加調色闆工具條 ..................................................................................48
嚮導 ..............................................................................................................52
設置編輯器 ..................................................................................................57
可選視圖 ......................................................................................................62
多工作空間 ..................................................................................................66
多級幫助 ......................................................................................................69
第3章 到處走走：導航、路標和找路 ..............................................75
3.1 不要迷路 ......................................................................................................75
3.2 導航的代價 ..................................................................................................77
3.3 常見的導航模型 ..........................................................................................78
3.4 網站設計習慣用法 ......................................................................................83
3.5 模式 ..............................................................................................................84
清楚的入口點 .............................................................................................85
菜單頁麵 ......................................................................................................88
金字塔 ..........................................................................................................92
模態麵闆 ......................................................................................................95
深度鏈接狀態 ..............................................................................................98
逃生艙 ........................................................................................................101
胖菜單 .......................................................................................................104
頁腳站點地圖 ............................................................................................108
登錄工具 ....................................................................................................113
序列地圖 ....................................................................................................116
麵包屑層級結構 ........................................................................................119
注釋滾動條 ................................................................................................122
動畫轉換 ....................................................................................................124
第4章 組織頁麵：頁麵元素的布局 ...............................................127
4.1 頁麵布局基礎知識 ....................................................................................127
4.2 模式 ............................................................................................................136
視覺框架 ....................................................................................................138
中央舞颱 ....................................................................................................142
對等網格 ....................................................................................................146
帶標題的區域 ............................................................................................149
模態Tab ......................................................................................................152
手風琴模式 ................................................................................................156
可收起麵闆 ................................................................................................160
可移動的麵闆 ............................................................................................165
右/左對齊 ...................................................................................................170
對角綫平衡 ................................................................................................173
響應式展開 ................................................................................................175
響應式允許 ................................................................................................179
流體布局 ....................................................................................................183
第5章 列錶 ..................................................................................187
5.1 列錶的使用場景 ........................................................................................187
5.2 迴到信息架構 ............................................................................................188
5.3 一些解決方案 ............................................................................................190
5.4 模式 ............................................................................................................193
雙麵闆選擇器 ............................................................................................194
單窗口深入 ................................................................................................198
列錶嵌入 ....................................................................................................202
縮略圖網格 ................................................................................................206
傳送帶 ........................................................................................................211
斑馬行 ........................................................................................................215
分頁 ............................................................................................................219
條目跳轉 ....................................................................................................223
字母錶滾動條 ............................................................................................225
級聯列錶 ....................................................................................................227
樹錶 ............................................................................................................229
新列錶行 ....................................................................................................231
第6章 完成任務：動作與命令 ......................................................234
6.1 擴展邊界 ....................................................................................................237
6.2 模式 ............................................................................................................239
按鈕組 ........................................................................................................241
懸浮工具 ....................................................................................................244
動作麵闆 ....................................................................................................247
突齣“完成”按鈕 ....................................................................................251
智能菜單項 ................................................................................................255
預覽 ............................................................................................................257
進度提示 ....................................................................................................259
可取消性 ....................................................................................................262
多級撤銷 ....................................................................................................265
命令曆史 ....................................................................................................269
宏 ................................................................................................................271
第7章 顯示復雜數據：樹、錶格及其他信息圖形 ..........................275
7.1 信息圖形基礎 ............................................................................................275
7.2 模式 ............................................................................................................289
總覽加細節 ................................................................................................290
數據提示 ....................................................................................................293
數據焦點 ....................................................................................................297
動態查詢 ....................................................................................................302
數據刷 ........................................................................................................306
局部縮放 ....................................................................................................310
可排序錶格 ................................................................................................314
徑嚮錶 ........................................................................................................317
多Y值圖 .....................................................................................................322
多個小對象 ................................................................................................325
樹狀地圖 ....................................................................................................330
第8章 獲取用戶輸入：錶單與控件 ...............................................335
8.1 錶單設計基礎 ............................................................................................335
8.2 控件選擇 ....................................................................................................338
8.3 模式 ............................................................................................................350
容錯格式 ....................................................................................................351
結構化的格式 ............................................................................................354
填空 ............................................................................................................356
輸入提示 ....................................................................................................358
輸入提醒 ....................................................................................................361
密碼強度計 ................................................................................................364
自動完成 ....................................................................................................367
下拉選擇器 ................................................................................................372
列錶構造器 ................................................................................................375
良好的默認值 ............................................................................................377
同頁錯誤信息 ............................................................................................379
第9章 利用社交媒體 .....................................................................384
9.1 本章不涉及的內容 ....................................................................................385
9.2 社交媒體的基礎 ........................................................................................385
9.3 模式 ............................................................................................................388
編輯混閤 ....................................................................................................389
個人聲音 ....................................................................................................393
轉帖和評論 ................................................................................................397
發起會話 ....................................................................................................401
倒置納米金字塔 ........................................................................................403
擇時策略 ....................................................................................................406
專用流 ........................................................................................................409
社交鏈接 ....................................................................................................413
共享組件 ....................................................................................................416
新聞框 ........................................................................................................420
內容列錶區域 ............................................................................................424
新近談話 ....................................................................................................428
第10章 邁嚮移動設計 ...................................................................431
10.1 移動設計的挑戰 ......................................................................................432
10.2 模式 ..........................................................................................................437
縱嚮堆疊 ..................................................................................................439
膠片 ..........................................................................................................442
觸摸工具 ..................................................................................................444
底部導航 ..................................................................................................446
小圖片加文字的列錶 ..............................................................................449
無限列錶 ..................................................................................................452
寬邊界 ......................................................................................................454
文本清除按鈕 ..........................................................................................456
加載提示 ..................................................................................................458
應用互聯 ..................................................................................................460
精簡品牌形象 ..........................................................................................463
第11章 修飾外觀：視覺風格和美感 ............................................467
11.1 相同的內容、不同的風格 ......................................................................469
11.2 視覺設計基礎 ..........................................................................................478
11.3 這對桌麵應用來說意味著什麼 ..............................................................486
11.4 模式 ..........................................................................................................488
深色背景 ..................................................................................................489
少一點顔色、多一些價值 ......................................................................493
角落處理 ..................................................................................................497
邊界迴應字體 ..........................................................................................499
發絲 ..........................................................................................................502
粗細字體對比 ..........................................................................................505
皮膚和主題 ..............................................................................................508
參考文獻 .......................................................................................511
· · · · · · (收起)
前言 .................................................................................... xvi
第1章 用戶做些什麼 .........................................................................1
1.1 達到某種目的的手段 ....................................................................................2
1.2 用戶研究基礎知識 ........................................................................................4
1.3 用戶的學習動機 ............................................................................................6
1.4 模式 ................................................................................................................8
安全探索 ........................................................................................................9
即時滿足 ......................................................................................................10
滿意即可 ......................................................................................................10
中途變卦 ......................................................................................................11
延後選擇 ......................................................................................................12
遞增構建 ......................................................................................................13
習慣 ..............................................................................................................14
小片時間 ......................................................................................................15
空間記憶 ......................................................................................................16
前瞻記憶 ......................................................................................................17
簡化重復工作 ..............................................................................................19
隻支持鍵盤 ..................................................................................................20
旁人建議 ......................................................................................................21
個性化推薦 ..................................................................................................22
第2章 組織內容：信息架構和應用結構 ..........................................23
2.1 從全局齣發 ..................................................................................................23
2.2 模式 ..............................................................................................................27
主題、搜索和瀏覽 ......................................................................................28
新聞流 ..........................................................................................................32
圖片管理器 ..................................................................................................38
信息闆 ..........................................................................................................43
畫布加調色闆工具條 ..................................................................................48
嚮導 ..............................................................................................................52
設置編輯器 ..................................................................................................57
可選視圖 ......................................................................................................62
多工作空間 ..................................................................................................66
多級幫助 ......................................................................................................69
第3章 到處走走：導航、路標和找路 ..............................................75
3.1 不要迷路 ......................................................................................................75
3.2 導航的代價 ..................................................................................................77
3.3 常見的導航模型 ..........................................................................................78
3.4 網站設計習慣用法 ......................................................................................83
3.5 模式 ..............................................................................................................84
清楚的入口點 .............................................................................................85
菜單頁麵 ......................................................................................................88
金字塔 ..........................................................................................................92
模態麵闆 ......................................................................................................95
深度鏈接狀態 ..............................................................................................98
逃生艙 ........................................................................................................101
胖菜單 .......................................................................................................104
頁腳站點地圖 ............................................................................................108
登錄工具 ....................................................................................................113
序列地圖 ....................................................................................................116
麵包屑層級結構 ........................................................................................119
注釋滾動條 ................................................................................................122
動畫轉換 ....................................................................................................124
第4章 組織頁麵：頁麵元素的布局 ...............................................127
4.1 頁麵布局基礎知識 ....................................................................................127
4.2 模式 ............................................................................................................136
視覺框架 ....................................................................................................138
中央舞颱 ....................................................................................................142
對等網格 ....................................................................................................146
帶標題的區域 ............................................................................................149
模態Tab ......................................................................................................152
手風琴模式 ................................................................................................156
可收起麵闆 ................................................................................................160
可移動的麵闆 ............................................................................................165
右/左對齊 ...................................................................................................170
對角綫平衡 ................................................................................................173
響應式展開 ................................................................................................175
響應式允許 ................................................................................................179
流體布局 ....................................................................................................183
第5章 列錶 ..................................................................................187
5.1 列錶的使用場景 ........................................................................................187
5.2 迴到信息架構 ............................................................................................188
5.3 一些解決方案 ............................................................................................190
5.4 模式 ............................................................................................................193
雙麵闆選擇器 ............................................................................................194
單窗口深入 ................................................................................................198
列錶嵌入 ....................................................................................................202
縮略圖網格 ................................................................................................206
傳送帶 ........................................................................................................211
斑馬行 ........................................................................................................215
分頁 ............................................................................................................219
條目跳轉 ....................................................................................................223
字母錶滾動條 ............................................................................................225
級聯列錶 ....................................................................................................227
樹錶 ............................................................................................................229
新列錶行 ....................................................................................................231
第6章 完成任務：動作與命令 ......................................................234
6.1 擴展邊界 ....................................................................................................237
6.2 模式 ............................................................................................................239
按鈕組 ........................................................................................................241
懸浮工具 ....................................................................................................244
動作麵闆 ....................................................................................................247
突齣“完成”按鈕 ....................................................................................251
智能菜單項 ................................................................................................255
預覽 ............................................................................................................257
進度提示 ....................................................................................................259
可取消性 ....................................................................................................262
多級撤銷 ....................................................................................................265
命令曆史 ....................................................................................................269
宏 ................................................................................................................271
第7章 顯示復雜數據：樹、錶格及其他信息圖形 ..........................275
7.1 信息圖形基礎 ............................................................................................275
7.2 模式 ............................................................................................................289
總覽加細節 ................................................................................................290
數據提示 ....................................................................................................293
數據焦點 ....................................................................................................297
動態查詢 ....................................................................................................302
數據刷 ........................................................................................................306
局部縮放 ....................................................................................................310
可排序錶格 ................................................................................................314
徑嚮錶 ........................................................................................................317
多Y值圖 .....................................................................................................322
多個小對象 ................................................................................................325
樹狀地圖 ....................................................................................................330
第8章 獲取用戶輸入：錶單與控件 ...............................................335
8.1 錶單設計基礎 ............................................................................................335
8.2 控件選擇 ....................................................................................................338
8.3 模式 ............................................................................................................350
容錯格式 ....................................................................................................351
結構化的格式 ............................................................................................354
填空 ............................................................................................................356
輸入提示 ....................................................................................................358
輸入提醒 ....................................................................................................361
密碼強度計 ................................................................................................364
自動完成 ....................................................................................................367
下拉選擇器 ................................................................................................372
列錶構造器 ................................................................................................375
良好的默認值 ............................................................................................377
同頁錯誤信息 ............................................................................................379
第9章 利用社交媒體 .....................................................................384
9.1 本章不涉及的內容 ....................................................................................385
9.2 社交媒體的基礎 ........................................................................................385
9.3 模式 ............................................................................................................388
編輯混閤 ....................................................................................................389
個人聲音 ....................................................................................................393
轉帖和評論 ................................................................................................397
發起會話 ....................................................................................................401
倒置納米金字塔 ........................................................................................403
擇時策略 ....................................................................................................406
專用流 ........................................................................................................409
社交鏈接 ....................................................................................................413
共享組件 ....................................................................................................416
新聞框 ........................................................................................................420
內容列錶區域 ............................................................................................424
新近談話 ....................................................................................................428
第10章 邁嚮移動設計 ...................................................................431
10.1 移動設計的挑戰 ......................................................................................432
10.2 模式 ..........................................................................................................437
縱嚮堆疊 ..................................................................................................439
膠片 ..........................................................................................................442
觸摸工具 ..................................................................................................444
底部導航 ..................................................................................................446
小圖片加文字的列錶 ..............................................................................449
無限列錶 ..................................................................................................452
寬邊界 ......................................................................................................454
文本清除按鈕 ..........................................................................................456
加載提示 ..................................................................................................458
應用互聯 ..................................................................................................460
精簡品牌形象 ..........................................................................................463
第11章 修飾外觀：視覺風格和美感 ............................................467
11.1 相同的內容、不同的風格 ......................................................................469
11.2 視覺設計基礎 ..........................................................................................478
11.3 這對桌麵應用來說意味著什麼 ..............................................................486
11.4 模式 ..........................................................................................................488
深色背景 ..................................................................................................489
少一點顔色、多一些價值 ......................................................................493
角落處理 ..................................................................................................497
邊界迴應字體 ..........................................................................................499
發絲 ..........................................................................................................502
粗細字體對比 ..........................................................................................505
皮膚和主題 ..............................................................................................508
參考文獻 .......................................................................................511
· · · · · · (收起)
讀後感
評分
内容上感觉过于浅显，一些页面模式比如翻页也讲，普通了点。 描述上也有问题，一个界面模式有优点也有缺点，这本书很少提到缺点，或者说很少提到“反模式”。 不过让人惊喜的是书上有提及到UNIX下的命令参数的界面（一般来说这算不上图形界面），显示出作者广阔的视野：界面...
評分看了80多页了，有点看不下去了。感觉远没有《设计模式》那本书经典。该书用词过于罗嗦，不简洁，所列的模式有点老生常谈，不新鲜，不惊奇，即使不看本书，要设计的时候也应该这么设计。 翻译确实有点拗口，许多模式名称应该保持英文，翻译成中文有点怪，比如，面包屑模式。 ...
評分很早就知道这本书了。看到有不少人都有很高的评价，自然心里的期望值也比较高，但是一直没找到书（只有英文电子版，我又不太喜欢看电子版的，而且英文看得要慢一些）。后来在一个偶然的机会在深圳图书馆被我找到了，不尽狂喜，有种如获至宝的感觉。当时还一起借了本Cooper的《...
評分1. 贵 2. 所以跑书城去看 3. 花了3个小时多一点点，只多了一点点 4. 比don't make me think 少用1个小时，虽然后者比前者薄 5. 如果读过后者，个人认为这本书基本可以忽略不计
評分译者序 身处在软件的世界里，一切和现实世界有些相同，又有些不同，例如，用tab页来组织内容，对内容进行快速索引和对空间进行扩展，这和现实中tab标签的使用是几乎完全相同的。而有些方面，例如软件屏幕的布局，和纸质页面的布局，就不尽相同：单拿屏幕尺寸来说，有点象横过...
用戶評價
评分
先讀書再按圖索驥和先實（chao）踐（xi）再讀書的感觸是不一樣的。在親自畫瞭100多個原型之後我再看這本界麵設計模式，首先是産生不少共鳴，另外當個工具書顯得更順手瞭，順便感覺用作和彆人吵架這會是個不錯的武器
评分網站界麵模式的經典，先介紹瞭幾個基本原理，後麵基本介紹常見的模式，很多模式其實在很早之前就有瞭。看瞭之後可以少犯一些常見錯誤。
评分用戶的學習動機模式 組織內容模式： 導航，路標，找路模式 組織頁麵和頁麵元素模式 列錶模式 動作與命令模式 錶格模式 輸入模式 社交模式 移動設計模式 風格模式
评分長假大半的時間都在翻這本書，其實它算是工具書，500多頁看完有（fei）點（chang）纍的，總算是積纍瞭點理（chui）論（xu）知（zi）識（ben）。一到八章寫的都還滿清楚的，包括瞭各個模式的應用場景和示例。最後三章關於social，mobile和visual的，我想說，還是讓專業的來，就一個章節其實也講不清楚。現在看完這本書的一個後遺癥就是看到隨便一個網站都不自覺的要去想一下人傢用瞭哪幾個pattern。。。＝ ＝
评分工具書
相關圖書
本站所有內容均為互聯網搜索引擎提供的公開搜索信息，本站不存儲任何數據與內容，任何內容與數據均與本站無關，如有需要請聯繫相關搜索引擎包括但不限於百度，google,bing,sogou 等
© 2025 book.quotespace.org All Rights Reserved. 小美書屋 版权所有