界面設(shè)計(jì)模式（第2版）

內(nèi)容概要

模式意味著重用。
好的模式建立在對(duì)人與事物的深刻認(rèn)知之上。
本書開篇即總結(jié)了“與人有關(guān)”的各類問題，為讀者提供了界面設(shè)計(jì)總體思路上的指引，幫助讀者舉一反三。
接下來，本書收集并分析了很多常用的界面設(shè)計(jì)模式，幫助讀者理解在實(shí)現(xiàn)級(jí)別的各種常用解決方案，將它們靈活地運(yùn)用到自己的設(shè)計(jì)中。
同時(shí)，隨著網(wǎng)絡(luò)和技術(shù)的不斷發(fā)展，本書在第1 版的基礎(chǔ)上，更新了幾乎所有的模式示例和說明，并新增了兩章全新的移動(dòng)應(yīng)用和社交媒體設(shè)計(jì)模式，幫助讀者在這兩個(gè)新的領(lǐng)域從更高的起點(diǎn)開始設(shè)計(jì)。
有效的界面設(shè)計(jì)，從本書開始。

作者簡(jiǎn)介

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

書籍目錄

第2版介紹 ............................................................................ xii
前言 .................................................................................... xvi
第1章 用戶做些什么 .........................................................................1
1.1 達(dá)到某種目的的手段 ....................................................................................2
1.2 用戶研究基礎(chǔ)知識(shí) ........................................................................................4
1.3 用戶的學(xué)習(xí)動(dòng)機(jī) ............................................................................................6
1.4 模式 ................................................................................................................8
安全探索 ........................................................................................................9
即時(shí)滿足 ......................................................................................................10
滿意即可 ......................................................................................................10
中途變卦 ......................................................................................................11
延后選擇 ......................................................................................................12
遞增構(gòu)建 ......................................................................................................13
習(xí)慣 ..............................................................................................................14
小片時(shí)間 ......................................................................................................15
空間記憶 ......................................................................................................16
前瞻記憶 ......................................................................................................17
簡(jiǎn)化重復(fù)工作 ..............................................................................................19
只支持鍵盤 ..................................................................................................20
旁人建議 ......................................................................................................21
個(gè)性化推薦 ..................................................................................................22
第2章 組織內(nèi)容：信息架構(gòu)和應(yīng)用結(jié)構(gòu) ..........................................23
2.1 從全局出發(fā) ..................................................................................................23
2.2 模式 ..............................................................................................................27
主題、搜索和瀏覽 ......................................................................................28
新聞流 ..........................................................................................................32
圖片管理器 ..................................................................................................38
信息板 ..........................................................................................................43
畫布加調(diào)色板工具條 ..................................................................................48
向?qū)?..............................................................................................................52
設(shè)置編輯器 ..................................................................................................57
可選視圖 ......................................................................................................62
多工作空間 ..................................................................................................66
多級(jí)幫助 ......................................................................................................69
第3章 到處走走：導(dǎo)航、路標(biāo)和找路 ..............................................75
3.1 不要迷路 ......................................................................................................75
3.2 導(dǎo)航的代價(jià) ..................................................................................................77
3.3 常見的導(dǎo)航模型 ..........................................................................................78
3.4 網(wǎng)站設(shè)計(jì)習(xí)慣用法 ......................................................................................83
3.5 模式 ..............................................................................................................84
清楚的入口點(diǎn) .............................................................................................85
菜單頁面 ......................................................................................................88
金字塔 ..........................................................................................................92
模態(tài)面板 ......................................................................................................95
深度鏈接狀態(tài) ..............................................................................................98
逃生艙 ........................................................................................................101
胖菜單 .......................................................................................................104
頁腳站點(diǎn)地圖 ............................................................................................108
登錄工具 ....................................................................................................113
序列地圖 ....................................................................................................116
面包屑層級(jí)結(jié)構(gòu) ........................................................................................119
注釋滾動(dòng)條 ................................................................................................122
動(dòng)畫轉(zhuǎn)換 ....................................................................................................124
第4章 組織頁面：頁面元素的布局 ...............................................127
4.1 頁面布局基礎(chǔ)知識(shí) ....................................................................................127
4.2 模式 ............................................................................................................136
視覺框架 ....................................................................................................138
中央舞臺(tái) ....................................................................................................142
對(duì)等網(wǎng)格 ....................................................................................................146
帶標(biāo)題的區(qū)域 ............................................................................................149
模態(tài)Tab ......................................................................................................152
手風(fēng)琴模式 ................................................................................................156
可收起面板 ................................................................................................160
可移動(dòng)的面板 ............................................................................................165
右/左對(duì)齊 ...................................................................................................170
對(duì)角線平衡 ................................................................................................173
響應(yīng)式展開 ................................................................................................175
響應(yīng)式允許 ................................................................................................179
流體布局 ....................................................................................................183
第5章 列表 ..................................................................................187
5.1 列表的使用場(chǎng)景 ........................................................................................187
5.2 回到信息架構(gòu) ............................................................................................188
5.3 一些解決方案 ............................................................................................190
5.4 模式 ............................................................................................................193
雙面板選擇器 ............................................................................................194
單窗口深入 ................................................................................................198
列表嵌入 ....................................................................................................202
縮略圖網(wǎng)格 ................................................................................................206
傳送帶 ........................................................................................................211
斑馬行 ........................................................................................................215
分頁 ............................................................................................................219
條目跳轉(zhuǎn) ....................................................................................................223
字母表滾動(dòng)條 ............................................................................................225
級(jí)聯(lián)列表 ....................................................................................................227
樹表 ............................................................................................................229
新列表行 ....................................................................................................231
第6章 完成任務(wù)：動(dòng)作與命令 ......................................................234
6.1 擴(kuò)展邊界 ....................................................................................................237
6.2 模式 ............................................................................................................239
按鈕組 ........................................................................................................241
懸浮工具 ....................................................................................................244
動(dòng)作面板 ....................................................................................................247
突出“完成”按鈕 ....................................................................................251
智能菜單項(xiàng) ................................................................................................255
預(yù)覽 ............................................................................................................257
進(jìn)度提示 ....................................................................................................259
可取消性 ....................................................................................................262
多級(jí)撤銷 ....................................................................................................265
命令歷史 ....................................................................................................269
宏 ................................................................................................................271
第7章 顯示復(fù)雜數(shù)據(jù)：樹、表格及其他信息圖形 ..........................275
7.1 信息圖形基礎(chǔ) ............................................................................................275
7.2 模式 ............................................................................................................289
總覽加細(xì)節(jié) ................................................................................................290
數(shù)據(jù)提示 ....................................................................................................293
數(shù)據(jù)焦點(diǎn) ....................................................................................................297
動(dòng)態(tài)查詢 ....................................................................................................302
數(shù)據(jù)刷 ........................................................................................................306
局部縮放 ....................................................................................................310
可排序表格 ................................................................................................314
徑向表 ........................................................................................................317
多Y值圖 .....................................................................................................322
多個(gè)小對(duì)象 ................................................................................................325
樹狀地圖 ....................................................................................................330
第8章 獲取用戶輸入：表單與控件 ...............................................335
8.1 表單設(shè)計(jì)基礎(chǔ) ............................................................................................335
8.2 控件選擇 ....................................................................................................338
8.3 模式 ............................................................................................................350
容錯(cuò)格式 ....................................................................................................351
結(jié)構(gòu)化的格式 ............................................................................................354
填空 ............................................................................................................356
輸入提示 ....................................................................................................358
輸入提醒 ....................................................................................................361
密碼強(qiáng)度計(jì) ................................................................................................364
自動(dòng)完成 ....................................................................................................367
下拉選擇器 ................................................................................................372
列表構(gòu)造器 ................................................................................................375
良好的默認(rèn)值 ............................................................................................377
同頁錯(cuò)誤信息 ............................................................................................379
第9章 利用社交媒體 .....................................................................384
9.1 本章不涉及的內(nèi)容 ....................................................................................385
9.2 社交媒體的基礎(chǔ) ........................................................................................385
9.3 模式 ............................................................................................................388
編輯混合 ....................................................................................................389
個(gè)人聲音 ....................................................................................................393
轉(zhuǎn)帖和評(píng)論 ................................................................................................397
發(fā)起會(huì)話 ....................................................................................................401
倒置納米金字塔 ........................................................................................403
擇時(shí)策略 ....................................................................................................406
專用流 ........................................................................................................409
社交鏈接 ....................................................................................................413
共享組件 ....................................................................................................416
新聞框 ........................................................................................................420
內(nèi)容列表區(qū)域 ............................................................................................424
新近談話 ....................................................................................................428
第10章 邁向移動(dòng)設(shè)計(jì) ...................................................................431
10.1 移動(dòng)設(shè)計(jì)的挑戰(zhàn) ......................................................................................432
10.2 模式 ..........................................................................................................437
縱向堆疊 ..................................................................................................439
膠片 ..........................................................................................................442
觸摸工具 ..................................................................................................444
底部導(dǎo)航 ..................................................................................................446
小圖片加文字的列表 ..............................................................................449
無限列表 ..................................................................................................452
寬邊界 ......................................................................................................454
文本清除按鈕 ..........................................................................................456
加載提示 ..................................................................................................458
應(yīng)用互聯(lián) ..................................................................................................460
精簡(jiǎn)品牌形象 ..........................................................................................463
第11章 修飾外觀：視覺風(fēng)格和美感 ............................................467
11.1 相同的內(nèi)容、不同的風(fēng)格 ......................................................................469
11.2 視覺設(shè)計(jì)基礎(chǔ) ..........................................................................................478
11.3 這對(duì)桌面應(yīng)用來說意味著什么 ..............................................................486
11.4 模式 ..........................................................................................................488
深色背景 ..................................................................................................489
少一點(diǎn)顏色、多一些價(jià)值 ......................................................................493
角落處理 ..................................................................................................497
邊界回應(yīng)字體 ..........................................................................................499
發(fā)絲 ..........................................................................................................502
粗細(xì)字體對(duì)比 ..........................................................................................505
皮膚和主題 ..............................................................................................508
參考文獻(xiàn) .......................................................................................511

圖書封面

圖書標(biāo)簽Tags

無

評(píng)論、評(píng)分、閱讀與下載

---

    界面設(shè)計(jì)模式（第2版） PDF格式下載

---