好书推荐 好书速递 排行榜 读书文摘

界面设计模式

界面设计模式
作者:[美]泰德维尔(Tidwell,J.)
译者:蒋芳
出版社:电子工业出版社
出版年:2013-09
ISBN:9787121204067
行业:计算机
浏览数:26

内容简介

模式意味着重用。

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

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

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

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

......(更多)

读书文摘

设计师与市场人员的区别在于,作为一名设计师,你试图了解软件的使用者,而一名市场专家希望尽可能了解软件的购买者。

像 Youtube 和 Flickr 那样的公共服务有时候会把整个首页都设计成浏览界面。这样的网站常常会面临一种有趣的选择:当一个自己有内容的登录用户来到首页的时候,她应该看到她自己的内容还是其他人能看到的特色内容?或者两者俱备?

......(更多)

猜你喜欢

点击查看