具体描述
模式意味着重用。
好的模式建立在对人与事物的深刻认知之上。
本书开篇即总结了“与人有关”的各类问题，为读者提供了界面设计总体思路上的指引，帮助读者举一反三。
接下来，本书收集并分析了很多常用的界面设计模式，帮助读者理解在实现级别的各种常用解决方案，将它们灵活地运用到自己的设计中。
同时，随着网络和技术的不断发展，本书在第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
· · · · · · (收起)
读后感
评分
译者序 身处在软件的世界里，一切和现实世界有些相同，又有些不同，例如，用tab页来组织内容，对内容进行快速索引和对空间进行扩展，这和现实中tab标签的使用是几乎完全相同的。而有些方面，例如软件屏幕的布局，和纸质页面的布局，就不尽相同：单拿屏幕尺寸来说，有点象横过...
评分Designing interface 这本书对一些我们常用的交互工具作者称之为“模式”进行了细致深入的分析，有助与加深我们对这些工具的理解。可以作为一个工具书来用。但如果真想在里面找到一些问题的答案或解决方案，几乎是不可能的。 我的建议可以先通读一下没必要死扣，了解一下作者对...
评分这本书就属于那种，新手应该放在手边常查阅的东西，作者把搜集来的案例汇集起来，结构化分门别类，不同的模式分别介绍它是什么、什么时候用、怎么用，实在是非常良心的。虽然可能不全面，但是还是很好用 废话不多说，我这周末顺着作者的意做了个思维导图， 把每个模式都附上简...
评分这本书很不错的。英文版没有读过，我读的是中文版。书中的思想和思路非常清晰，每一章讲解还是很详尽的。整体结构的设计很吸引人，可以说这本书的交互设计就做的很不错。 只可惜翻译的时候词汇并不是那么很专业。一开始看的时候有点别扭，例如”需要时展示“，可以翻译成”按需...
评分看了这本书，有点难以名状的感觉。 封面非常棒，简约而又独具特色。非常鲜明的工笔鸳鸯，体现了O'Reilly的一贯风格。内页是全彩印的，还在侧边有色条来区分章节。标号和区隔都非常醒目，读起来很舒服。而此前看的《About Face2》完全是素面朝天，甚至一些图片还模糊不...
用户评价
评分
很适合自学
评分界面设计的字典，平时设计时使用的各种模式有了参考的依据
评分就是设计原型的字典，设计的时候根据需求查然后再套用就好噜！
评分比第一版可读性好多了，第一版的渣翻译，还有恶心的铜版纸
评分大杂烩，入门级
相关图书
本站所有内容均为互联网搜索引擎提供的公开搜索信息，本站不存储任何数据与内容，任何内容与数据均与本站无关，如有需要请联系相关搜索引擎包括但不限于百度，google,bing,sogou 等
© 2025 book.quotespace.org All Rights Reserved. 小美书屋 版权所有