作者	泰德维尔 (Jenifer Tidwell)
豆瓣评分	8.6

书系统地总结了用户界面的常用控件模式，优缺、使用方法，有点类似百科全书性质。让人对界面设计有了更系统的把握。而且就这本书详细地讲了各种模式，专业度很高。这是一本强大的关于常见界面设计模式的介绍，特别适合初中阶设计师的学习。整本书主次分明、条理清晰

内容简介  

模式意味着重用。

好的模式建立在对人与事物的深刻认知之上。

本书开篇即总结了“与人有关”的各类问题，为读者提供了界面设计总体思路上的指引，帮助读者举一反三。

接下来，本书收集并分析了很多常用的界面设计模式，帮助读者理解在实现级别的各种常用解决方案，将它们灵活地运用到自己的设计中。

同时，随着网络和技术的不断发展，本书在第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