界面设计模式(第2版)

书名:界面设计模式(第2版)
作者:泰德维尔(JeniferTidwell)
译者:蒋芳
ISBN:9787121204067
出版社:电子工业出版社
出版时间:2013-9-1
格式:epub/mobi/azw3/pdf
页数:514
豆瓣评分: 8.7

书籍简介:

模式意味着重用。 好的模式建立在对人与事物的深刻认知之上。 本书开篇即总结了“与人有关”的各类问题,为读者提供了界面设计总体思路上的指引,帮助读者举一反三。 接下来,本书收集并分析了很多常用的界面设计模式,帮助读者理解在实现级别的各种常用解决方案,将它们灵活地运用到自己的设计中。 同时,随着网络和技术的不断发展,本书在第1 版的基础上,更新了几乎所有的模式示例和说明,并新增了两章全新的移动应用和社交媒体设计模式,帮助读者在这两个新的领域从更高的起点开始设计。 有效的界面设计,从本书开始。

作者简介:

Jenifer Tidwell是一位交互设计、信息架构和设计前期分析方面的咨询师和作家。她曾经为很多著名的公司(如Google和MathWorks)设计和建立用户界面。

书友短评:

@ 豆友71477174 工具书 @ 勇气炼乳茶 就是设计原型的字典,设计的时候根据需求查然后再套用就好噜! @ _西瓜太甜‘ D1-2: 用户的学习动机模式组织内容模式:导航,路标,找路模式组织页面和页面元素模式列表模式动作与命令模式表格模式输入模式社交模式移动设计模式风格模式 @ Wensy 翻译不太行,案例比较老,但看了还是有所收获。

书籍目录

第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
· · · · · ·

  • 设计师与市场人员的区别在于,作为一名设计师,你试图了解软件的使用者,而一名市场专家希望尽可能了解软件的购买者。
    —— 引自第7页
  • 像 Youtube 和 Flickr 那样的公共服务有时候会把整个首页都设计成浏览界面。这样的网站常常会面临一种有趣的选择:当一个自己有内容的登录用户来到首页的时候,她应该看到她自己的内容还是其他人能看到的特色内容?或者两者俱备?
    —— 引自第40页
  • 添加微信公众号:好书天下获取

    添加微信公众号:“好书天下”获取书籍好书天下 » 界面设计模式(第2版)
    分享到: 更多 (0)

    评论 抢沙发

    评论前必须登录!

     

    添加微信公众号:“好书天下”获取书籍

    添加微信公众号:“好书天下”获取书籍添加微信公众号:“好书天下”获取书籍