具体描述
模式意味着重用。
好的模式建立在对人与事物的深刻认知之上。
本书开篇即总结了“与人有关”的各类问题，为读者提供了界面设计总体思路上的指引，帮助读者举一反三。
接下来，本书收集并分析了很多常用的界面设计模式，帮助读者理解在实现级别的各种常用解决方案，将它们灵活地运用到自己的设计中。
同时，随着网络和技术的不断发展，本书在第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下的命令参数的界面（一般来说这算不上图形界面），显示出作者广阔的视野：界面...
评分Designing interface 这本书对一些我们常用的交互工具作者称之为“模式”进行了细致深入的分析，有助与加深我们对这些工具的理解。可以作为一个工具书来用。但如果真想在里面找到一些问题的答案或解决方案，几乎是不可能的。 我的建议可以先通读一下没必要死扣，了解一下作者对...
评分看了这本书，有点难以名状的感觉。 封面非常棒，简约而又独具特色。非常鲜明的工笔鸳鸯，体现了O'Reilly的一贯风格。内页是全彩印的，还在侧边有色条来区分章节。标号和区隔都非常醒目，读起来很舒服。而此前看的《About Face2》完全是素面朝天，甚至一些图片还模糊不...
评分1. 贵 2. 所以跑书城去看 3. 花了3个小时多一点点，只多了一点点 4. 比don't make me think 少用1个小时，虽然后者比前者薄 5. 如果读过后者，个人认为这本书基本可以忽略不计
评分这本书的原文和中文我都看了，也比较过。本书的原版，作者遣词用句似乎过于力求准确，导致阅读起来多少有些拗口。Windy在翻译的时候也没有使用符合中文的语言习惯，所以即使是中文版读起来也是很费力的。 相比起来Windy之前翻的《don't make me think》和《交互设计之路》就远...
用户评价
评分
案例有点老 而且很多是软件界面，描述方式很真空，我读着特别困＝ ＝
评分D1-2: 2018-03-27读。2019-05-17：要是6年前拿到这本书，一定奉为圭臬。《网站交互设计模式》一书以「网站主题」为维度划分模式，本书则以「界面特性」为维度，从组织、导航、布局、列表、操作、数据、表单控件、社交媒体、移动设计和视觉美感10个方面来展开，每个模式包括定义、何时用、为什么、如何用以及案例。同时也强调了「人」的重要性，窃以为这本比前者更加专业有深度。【见书评】
评分用户的学习动机模式 组织内容模式： 导航，路标，找路模式 组织页面和页面元素模式 列表模式 动作与命令模式 表格模式 输入模式 社交模式 移动设计模式 风格模式
评分界面设计的字典，平时设计时使用的各种模式有了参考的依据
评分案例有点老 而且很多是软件界面，描述方式很真空，我读着特别困＝ ＝
相关图书
本站所有内容均为互联网搜索引擎提供的公开搜索信息，本站不存储任何数据与内容，任何内容与数据均与本站无关，如有需要请联系相关搜索引擎包括但不限于百度，google,bing,sogou 等
© 2025 book.quotespace.org All Rights Reserved. 小美书屋 版权所有