界面设计模式

有经验的设计人员可以把这本界面设计模式指医死年井弦球不植月南作为思想的源货科乎美客最朝维泉，而新手则可以通过它发现一条通往界面和交互设计世界的大道。

• 书名 界面设计模式
• 作者 泰德维尔
• 类别 书籍
• 原作品 【美】泰德维尔(Tidwell,J.)著
• 译者 蒋芳等译

编辑推荐

　　尽管市面上类来自似题材的内容已汗牛充栋，本书的第1版中文版在推出后仍然"技压群芳"而大获好评，一路畅销。究其原因，不外乎:

　　实践出真知

　　作者Jenif画用胜计使按未er Tidwell本人既是交互设计师，360百科又是一名软件工程师;曾在麻省理工学院学习技术，并在马萨诸塞州艺术学院学习设计，从1997年开始就研究用户界面模式，为众多著名公司如Google,Mathworks设计和建立用户界面，很早就开始倡导RIA(Rich Internet Application)技术。

　　扎实深厚的研究功底、多年的实践经验以及常人难以企及的工作氛围，令她得以洞悉交互设计后的复杂人性/心理，以不变应万变，游刃有余地行剂婷比波之苗走在交互设计之路上。

　　本书正是她多年的观察、实践与智慧的升华。清晰的思路，合理的架构，流畅的文笔，让读者不由自主地爱上设计，了解设计并运用模式。

　　食不厌精，脍不压细

　　本书按照设计进程的大致顺序，细致地梳理了交互设计中的模式，每个模式都至少含有一个范例，以方便读者学习。

　　在每个章节的写作中，作者不仅照顾了初学者的需求，提供了上下文的背景，以帮助他们迅速理解并上手;同时也兼顾了深入学习的诉求，提供了进一步学习的主题。

　　在第2版中，新增了社交媒体，移动设计的内容，切实地符合了当下的技术发展潮流。

　　模式意味着重用，它包含眼知苏伯断当超里富始便以下内涵:

　　是具体的，而非泛泛而谈

　　可以有效应用到各类不同的平台和系统中

　　是产品，而非过程

　　关注界面各元素之间的关联，而非孤立地看待单个元素

　　可以根据不同的设计情形而定制

　　……

　　细腻的内容，真实的场景，贴心的培视表达……这一切让本书当之无愧地成为界面设计领域深得人心的力作。

讲设刑检内容提要

　　模式意味着重用。

　　好的模式建立在对人与事物的深刻认知之上们抗把怀生的计。

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

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

　　同时，随着扩粉色缩雷义双网络和技术的不断发展，本书在第1 版的基础上，更新了几乎所有的模式示例和说明，并新增了两章全新的移动应用和社交媒体设计模式，帮助读者在这两个新的领域从更高的起点开始设计。

　　有效的界面设计，从本书开始。

书本目录

来自　　第2版介绍

　　前言

　　第1章 用户做些什么

　　1.1 达到某种目的的手段

　　1.2 用户研究基础知识

　　1.3 用户的学习动机

　　1.4 模式

　　安全探索

　　即时满足

　　满意即可

　　中途变卦

　　延后选择

　　递增构建

　　习惯

　　小片时间

　　空间记忆

　　前瞻记忆

　　简化重复阿原清工作

　　只支持键盘

　　旁人建议

　　个性操案粮究定饭船控伯化推荐

　　第2章 组织内容:信息架构和应用结构

　　2.1 从全局出发

　360百科　2.2 模式

　　主题、搜索和浏览

　　新闻流

　　图片管理器

　　信息板

　　画布加祖石宣提胞有没教每生期调色板工具条

　　向导

　　设置编辑器

　　可选视图

　　多工作空间

　　多级帮助

　　第3章 到处走走:导航、路标和找路

　　3.1 不要迷路

　　3.2 导航的代价

　　3.3 常见的导航模型

　　3.4 网站设计习惯用法

　　3.5 模式

　　清楚的入口点

　　菜单页面

　　金字塔

　　模态面板

　　深度链接状态

　　逃生舱

　　胖菜单

　　页脚站点地图

　　登录工具

　　阶跳神史此严棉棉境所特序列地图

　　面包屑层级款原兵结构

　　注释滚动条

　　动画转换

　　第4章 组织页面:页面元素的布局

　　4.1 页面布局基础知识

　　4.在响汽现右格合核销2 模式

　　视觉框势友客仍史架

　　中央舞台

　　对等网格

　　带标题的区域

　　模态Tab

　　手风琴模式

　　可收起面板

　　可移动的面板

　　右/左对齐

　　对角线平衡

　　响应式展开

　　响应式允许

　　流体布局

　　第5章 列表

　　5.1 列表的使用半凯树政那同旧质场景

　　5.2 回到信息架构

　　5.3 一些解决方案

　　5.4 模式

　　双面板选择器

　　单窗口深入

　　列表随区用例引百嵌入

　　缩略图网格

　　传送带

　　斑马行

　　分页

　　条目跳转

　工片究父右卫客陈越蛋　字母表滚动条

　　级联列表

　　悬浮工具

　　动作面板

　　突出"完成"按钮

　　智能菜单项

　　预览

　　进度提示

　　可取消性

　　多级撤销

　　命令历史

　　宏

　　第7章 显示复杂数据:树、表格及其他信息图形

　　7.1 信息图形基础

　　7.2 模式

　　总览加细节

　　数据提示

　　数据焦点

　　动态查询

　　数源乐世员军据刷

　　局部缩放

　　可排序表格

　　径向表

　　多Y值图

　　多个小对象

　　树状地图

　　地灯宜逐看第8章 获取用户输入:表单与控件

　　8.1 表单设计基础

　　8.2 控件选择

　　8.3 模式

　　容错格式

　　结构化的格式

　　填空

　　输入提示

　　输入提醒

　　密码强度计

　　自动完成

　　下拉选择器

　　列了依却表构造器

　　良好的永核备想默认值

　　同页错误信息

　　第9章 利用社交媒体

　　9离农散扩.1 本章不涉及的内容

　阶上成财创步搞讨　9.2 社交媒体的基础

　　9.3 模式

　　编辑混合

　　个人声音

　　转帖和评论

　　发起会话

　　倒置纳米金字穿黄保草最病参持塔

　　择时策略

　　专用流

　　社交链接

　　共享组件

　　新闻框

　　内容列表区域

　　新近谈话

　　第货脱突计掌爱根哥器在多10章 迈向移动设计

　　10.1 移动设计的挑战

　　10.2 模式

　　纵向堆叠

　　胶片

　　触摸工具

　　底部导航

　　小图片加文字的列表

　　无限列表

　　宽边界

　　文本清除按钮

　　加载提示

　　应用互联

　　精简品牌形象

　　第11章 修饰外观:视觉风格和美感

　　11.1 相同的内容、不同的风格

　　11.2 视觉设计基础

　　11.3 这对桌面应用来说意味着什么

　　……

　　参考文献

作者简介

作者介绍

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

译者介绍

　　Windy(蒋芳)

　　交互设计和用户体验咨询师，拥有多年专业经验，以及发展更简洁、效率更高的用户测试方法，同时，Windy 也是《点石成金》一书译者。

　　方舟

　　用户体验设计师、IT 专业图书译者，译有《交互设计沉思录》等。涉猎广泛，曾任用户体验经理、创意总监、产品开发经理、编辑、软件工程师、UI 设计师等。

　　任发科

　　亦名常新居士。喜阅读思考，虽未及文理兼通，但极客之气绰绰。混迹软件企业多年，然痴迷技术之心未怠。不尚空谈，希冀躬耕实践，以技术改变生活。

　　罗景文

　　多年来专注于软件工程及交互式设计，对人机交互技术非常感兴趣。曾任职于IBM developerWorks 中国网站、IvarJacobson 博士在中国开办的雅各布森软件(北京)有限公司，以及CSDN《程序员》杂志。

前言

　　第2版介绍

　　自本书第一版出版五年以来，这个世界发生了很多变化。

　　绝大部分的用户界面设计师都在进行网络设计，虽然他们的角色可能是用户体验设计师、交互设计师、信息架构师或者拥有其他几种类似的头衔。同时，数不清的网站、网络服务、网络软件、博客，以及各种电子商务网站都需要良好的设计，而且这些产品和服务的实现也变得越来越快了。它们中的大部分都具有高度的交互性，同时，甚至那些传统网站也开始使用动态的交互性的内容，例如视频播放器和社交网络模块，它们以前多数只拥有静态的内容。因此，有很多设计工作正在进行。.

　　和几年前相比，为桌面应用所做的设计工作少多了。当然，我们所有的技术用户都仍然需要安装在台式机或笔记本上的复杂桌面软件。我们的邮件客户端、浏览器、文本编辑器、各个领域的专业软件，以及操作系统仍然是我们日益网络化的生活中不可或缺的部分。但是这些软件的很多界面都已经趋于稳定。因此，从2000 年早期开始，设计书籍的读者群已经从桌面设计转向了基于互联网的设计。

　　还有另一个变化，那就是移动设计，它在2005 年的时候还很青涩，但随着iPhone 和其他复杂移动设备的普及，已经达到了百花齐放的程度，移动设备把整个互联网都放到了我们的口袋里，因此，很多设计师都需要面对移动设计特有的问题。移动方面的考虑将给设计(特别是移动互联网)带来什么样的变化?这个问题我们还在收集答案，不过整个设计界已经学到了一些可行的方法和技术。

　　还有，设计师们也不能忽视在线社交网络的影响。当处在项目的早期设计阶段时，我需要去思考它与博客、Twitter、Facebook、各种评论、论坛及所有其他人们可能会在网上谈到和讨论它的地方的连接。如果不这么做，我的设计可能就会不称职了。用户们会花上很多时间进行在线交往，而且熟练用户会理所当然地期待社交网络支持。要找到一个和某个社交服务没关系的网站已经非常罕见了，通常，它们会连接到好几个社交服务。.

　　不过，等等，要说的还有很多!自从这本书第一次出版以来，用户体验设计领域已经发现了模式的价值，也出现了其他很多和用户体验相关的模式集合。其中很多都非常不错。有一些直接从本书里采用一些模式，然后进行加工、修改，根据新的习惯用法或它们呈现的全新信息来命名。还有一些则创造了一些本书没有提到的模式，特别是在社交网络、移动领域、搜索，还有RIA 风格的界面。(我已经在前言的参考资料一节，以及在各个模式本身的描述中，列出了一些上述方面最好的模式集合。)

　　那么，这些2005 年写就的模式是不是仍然适用呢?

　　总的来说，还是适用的。人类的思维方式没什么变化--视觉层次结构仍然适用、渐进展开仍然适用，移动的事物也还是会受到我们大脑本能的注意。那些基于基本设计原则的良好模式现在也还和5 年、10 年、20 年以前一样有效。但是其他一些模式没有那么坚实的基础，就可能已经落后了。于是，本书的第2 版让我有了一种后知后觉:我可以用这段时间来衡量这些模式的持久性，并进行总结。果然，真的，有一小部分模式从这本书里剔除了。

　　不过大部分模式仍然留下来了，因为它们仍然适用。我给它们增加了新鲜的例子，还为一些模式的有效性补充了新的研究资料。还有，我新写了(或者借用了)一些新的模式来反映这五年来的变化。