基本信息·出版社：电子工业出版社 ·页码：309 页 ·出版日期：2009年08月 ·ISBN：7121091674/9787121091674 ·条形码：9787121091674 ·版本：第1版 · ...
| 商家名称 |
信用等级 |
购买信息 |
订购本书 |
|
|
 |
Web界面设计（全彩） |
 |
|
|
Web界面设计（全彩） |
|
基本信息·出版社：电子工业出版社
·页码：309 页
·出版日期：2009年08月
·ISBN：7121091674/9787121091674
·条形码：9787121091674
·版本：第1版
·装帧：平装
·正文语种：中文
·外文书名：Designing Web Interfaces
内容简介 《Web界面设计》：当前的Web已经进入崭新的时代！本书涵盖了在基于独一无二的Web环境下、在创建丰富体验的过程中设计Web界面的最佳实践、模式和原理。UI专家Bill Scott和Theresa Neil在他们多年实践经验和不懈探索的基础上，总结提炼出了Web界面设计的六大原理——直截了当、简化交互、足不出户、提供邀请、使用变换和即时反应，并以这六大原理为依托，以当今Web上各类开风气之先的流行网站为示例，向读者展示了超过75种基于富交互构建Web界面的模式，并以简单明了的语言，阐明了数以百计行之有效的最佳实践。同时，书中还给出诸多反模式，即在Web界面设计过程中应该避免的做法。本书是迄今为止一部专注于富Web界面设计的经典之作。
本书既是一本Web界面设计指南，又是一本Web界面实例参考，适合Web界面设计、开发、研究人员、爱好者，以及Web项目管理人员阅读。
作者简介 Bill Scott居住在美国加利福尼亚州洛斯盖多斯，目前是Netflix公司的UI工程总监，他在这个职位上发挥着自己在界面工程和设计方面的专长。此前，他是雅虎公司的Ajax技术推广专家，并负责管理Yahoo! Design Pattern Library（Yahoo!设计模式库）。
Bill的IT从业经历漫长而耐人寻味，他对设计可用性产品的技术和创意具有独到的见解。Theresa Neil是一位居住在美国得克萨斯州奥斯汀市的用户体验咨询师，她的职业是为创业型公司和财富500强公司设计互联网应用程序。
编辑推荐 ? 《Web界面设计》：业界顶尖专家Bill Scott和Theresa Neil 30年软件设计开发经验积累
? 涵盖现代Web界面设计的普遍规则和最佳实践
? 现代Web界面设计权威指南
? 综述流行网站界面设计的六大原理
目录 序..................................................................................................................................................I
前言............................................................................................................................................III
原理一：直截了当
第1章：页内编辑........................................................................................................................3
1.1 单字段行内编辑 ..........................................................................................................4
1.2 多字段行内编辑 ..........................................................................................................8
1.3 覆盖层编辑 ................................................................................................................11
1.4 表格编辑 ....................................................................................................................15
1.5 群组编辑 ....................................................................................................................18
1.6 模块配置 ....................................................................................................................21
1.7 选择编辑模式的原则 ................................................................................................23
第2章：利用拖放 .....................................................................................................................25
2.1 趣味瞬间 ....................................................................................................................26
2.2 拖放的用途 ................................................................................................................29
2.3 拖放模块 ....................................................................................................................30
2.4 拖放列表 ....................................................................................................................40
2.5 拖放对象 ....................................................................................................................46
2.6 拖放操作 ....................................................................................................................52
2.7 拖放集合 ....................................................................................................................57
2.8 实现拖放的挑战 ........................................................................................................59
第3章：直接选择......................................................................................................................61
3.1 切换选择 ....................................................................................................................62
3.2 集合选择 ....................................................................................................................67
3.3 对象选择 ....................................................................................................................70
3.4 混合选择 ....................................................................................................................72
原理二：简化交互
第4章：上下文工具..................................................................................................................79
4.1 上下文交互 ................................................................................................................79
4.2 费茨定律 ....................................................................................................................80
4.3 上下文工具 ................................................................................................................81
4.4 实时可见工具 ............................................................................................................81
4.5 悬停即现工具 ............................................................................................................85
4.6 开关显示工具 ............................................................................................................91
4.7 级联递进工具 ............................................................................................................93
4.8 二级菜单 ....................................................................................................................98
原理三：足不出户
第5章：覆盖层........................................................................................................................105
5.1 对话框覆盖层 ..........................................................................................................107
5.2 详情覆盖层 ..............................................................................................................112
5.3 输入覆盖层 ..............................................................................................................119
第6章：嵌入层........................................................................................................................123
6.1 对话框嵌入层 ..........................................................................................................123
6.2 列表嵌入层 ..............................................................................................................127
6.3 详情嵌入层 ..............................................................................................................132
6.4 标签页 ......................................................................................................................134
6.5 嵌入层与覆盖层 ......................................................................................................136
第7章：虚拟页面....................................................................................................................137
7.1 虚拟滚动 ..................................................................................................................137
7.2 内置分页 ..................................................................................................................142
7.3 滚动分页：传送带 ..................................................................................................147
7.4 虚拟摇摄 ..................................................................................................................149
7.5 伸缩式用户界面 ......................................................................................................151
7.6 分页与滚动 ..............................................................................................................155
第8章：流程处理....................................................................................................................157
8.1 Google Blogger.........................................................................................................157
8.2 魔法原理 ..................................................................................................................158
8.3 交互式单页 ..............................................................................................................160
8.4 嵌入式部件 ..............................................................................................................164
8.5 对话框覆盖层 ..........................................................................................................168
8.6 配置程序 ..................................................................................................................171
8.7 静态单页 ..................................................................................................................174
原理四：提供邀请
第9章：静态邀请....................................................................................................................181
9.1 引导操作邀请 ..........................................................................................................181
9.2 漫游探索邀请 ..........................................................................................................185
第10章：动态邀请..................................................................................................................191
10.1 悬停邀请 ................................................................................................................191
10.2 预期功能邀请 ........................................................................................................196
10.3 拖放邀请 ................................................................................................................200
10.4 推论邀请 ................................................................................................................209
10.5 更多内容邀请 ........................................................................................................210
10.6 邀请的优点 ............................................................................................................213
原理五：巧用变换
第11章：变换模式..................................................................................................................217
11.1 加亮和减暗 ............................................................................................................217
11.2 扩展与折叠 ............................................................................................................222
11.3 自恢复式淡出 ........................................................................................................227
11.4 动画效果 ................................................................................................................228
11.5 聚光灯效果 ............................................................................................................231
第12章：变换的目的 .............................................................................................................233
12.1 增添魅力 ................................................................................................................233
12.2 增进沟通 ................................................................................................................234
原理六：即时反应
第13章：查询模式..................................................................................................................253
13.1 自动完成 ................................................................................................................253
13.2 实时建议 ................................................................................................................257
13.3 实时搜索 ................................................................................................................262
13.4 微调搜索 ................................................................................................................268
第14章：反馈模式..................................................................................................................275
14.1 实时预览 ................................................................................................................275
14.2 渐进展现 ................................................................................................................284
14.3 进度指示 ................................................................................................................286
14.4 定时刷新 ................................................................................................................292
尾声：富交互的原理和模式..................................................................................................295
索引.........................................................................................................................................297
……
序言 序
构想（parti）是建筑学中的一个基础性概念。它指的是要建造一组与跨学科协作趋势契合的学院派建筑，还是要建造一座足以适应各类观众审美取向的大剧院？为了把特定的构想变为现实，建筑师不仅要规划好建筑的基本功能，还必须懂得如何协调最终会影响建筑进程的种种复杂因素。
设计原理是建筑师提出构想的指导方针，它定义了建筑物的关键特征，能够在建筑相关各方（包括委托人、承建方、城市规划部门和工程师）之间起到沟通的作用。设计原理清晰地表达了基本目标，是作任何决定的依据，也有助于保证工程的各个组成部分最终合成为一个整体。但是，要完成一幢建筑物，只有设计原理还是不够的。
无论是修筑小小的阁楼，还是建造禅宗花园，建筑的主题思想或构想随时都可能面临修改，或者遇到无法逾越的障碍。可能的因素包括标准尺寸（standard dimension）、空间容量、审美观、物料限制，等等。希望把头脑中的构想变为现实的建筑师，必须全面、深入地掌握设计过程中的诸多因素，唯有如此，才能根据现实的条件作出最佳选择。
在这个组合中，上方是设计原理，下方是设计注意事项，而中间则是建筑师构思的各种用途的、能够满足人们或组织交流、通信及工作需要的具体结构。
对于读者来说，你们想把自己的构想变成活力四射的富Web应用程序（rich web applications）。同样，由设计原理和种种注意事项组合成的框架，也将是迷雾中为你引航的灯塔。本书作者Bill Scott和Theresa Neil是这座灯塔的建造者。长达30年的软件设计开发经历，成就了Bill和Theresa这样跨越多个领域的顶尖专家。不管是对术语的命名，还是对例子的阐述，乃至对细节的剖析，无一不映射出他们对成功及失败的富交互设计的深切体悟。
两位作者经历过的不计其数的案例为他们提供了独一无二的视角，让他们能够洞悉当今最成功的富Web交互站点背后的设计原理。本书第1至第6部分给出的原理，是用来衡量富交互能否为你的Web应用程序带来价值的圭臬。Bill和Theresa为每个原理提炼的注意事项和最佳实践，是作出可靠决策的重要依据。工程师、项目经理、市场营销人员，当然还有设计人员，应该反复领会并时常参照这些原理和注意事项，以确保每个人都能基于同一套标准来评估设计决策的影响。
在富Web交互的组合中，上方是设计原理，下方是设计注意事项，而中间则是Web设计师构思的各种用途的、能够满足人们或组织交流、通信及工作需要的应用程序。正如殊途同归的建筑设计。
想把活力四射的富Web应用程序的大胆构想变为现实吗？那么从现在开始，先通过本书迅速掌握Web界面设计必备的知识和技巧吧！
——Yahoo!公司产品构思及设计部门高级总监Luke Wroblewski
著有畅销书《Web Form Design: Filling in the Blanks》（Rosenfeld Media）和
《Site-Seeing: A Visual Approach to Web Usability》（Wiley）
七、译者序
2005 年，一组前端技术的组合由于被命名为Ajax 而广为人知。此后，随着Ajax 应用的迅速普及，新Web 时代的帷幕也徐徐拉开。仅几年间，各种“桌面般的”Web 应用程序和新Web 应用平台层出不穷。从Google Maps、Flickr、Netflix 到Google Docs、Yahoo! Mail、Gmail，再到Twitter、Facebook、Digg……。在21 世纪第一个10 年临近尾声之际，现代Web 发展的成果已经蔚为大观。
界面，不仅是现代Web 应用程序与传统Web 应用程序的分水岭，也是曾经横亘于传统Web应用程序与桌面应用程序之间的一道难以逾越的“鸿沟”。然而，Ajax 及其框架技术突飞猛进的发展，不仅让一个或少数几个HTML 页面中容纳整个Web 应用程序（或复杂功能组件）成为可能，而且也让现代Web 应用程序的界面展示了堪与桌面应用程序媲美的耀眼风姿。
读者手中拿的这本书，是两位出色的UI 设计专家Bill Scott 和Theresa Neil 在他们多年潜心研究、深入实践的基础上，结合现代认知心理学的最新发展成果和流行Web 应用程序的界面设计实例，以六大设计原理为依托，以最佳设计实践为着眼点，奉献给我们的一本精彩绝伦的现代Web 界面设计权威指南。
从译者的角度来看，本书既是一本Web 界面设计手册，又是一本Web 界面实例参考，它基本上涵盖了现代Web 界面设计的普遍规则和最佳实践。Web 界面设计人员通过阅读本书，可以迅速在当前或将来的项目中发现最合适的应用场景；开发人员通过阅读本书，能够轻松地将丰富的示例映射为自己头脑中的编码要点；Web 项目的管理人员通过阅读本书，就有了在与客户商讨界面设计方案时的“共同语言”。哪怕你购买本书只是出于对其中漂亮Web 界面的好奇，甚或只是想通过本书了解目前最流行的Web 站点，相信在阅读本书之后，你会发现本书为你揭开了现代Web 应用程序为什么如此令人着迷的奥秘。
感谢金照林、柳安意对本书中耕时付出的努力，感谢徐定翔为译者翻译本书提供支持，感谢本书编辑陈元玉指出或纠正本书译稿中存在的问题。翻译本书的过程中，译者尽最大努力确保术语统一、准确，也尽最大努力以简洁、地道的中文为读者重现原书的意境和风貌。但是，囿于个人的水平，书中的问题和疏漏之处在所难免，敬请读者朋友给予批评指正。译者邮箱是lsf.email@gmail.com，个人网站是http://www.cn-cuckoo.com。
李松峰
2009 年6 月于北京
