Web界面设计(china-pub首发)(综述流行网站界面设计的六大原理)(全彩印刷)

　　当前的web已经进入崭新的时代！本书涵盖了在基于独一无二的web环境下、在创建丰富体验的过程中设计web界面的最佳实践、模式和原理。ui专家bill scott和theresa neil在他们多年实践经验和不懈探索的基础上，总结提炼出了web界面设计的六大原理——直截了当、简化交互、足不出户、提供邀请、使用变换和即时反应，并以这六大原理为依托，以当今web上各类开风气之先的流行网站为示例，向读者展示了超过75种基于富交互构建web界面的模式，并以简单明了的语言，阐明了数以百计行之有效的最佳实践。同时，书中还给出诸多反模式，即在web界面设计过程中应该避免的做法。本书是迄今为止一部专注于富web界面设计的经典之作。.
　　 本书既是一本web界面设计指南，又是一本web界面实例参考，适合web界面设计、开发、研究人员、爱好者，以及web项目管理人员阅读。...

序.i
前言iii
原理一：直截了当
第1章：页内编辑3
1.1 单字段行内编辑4
1.2 多字段行内编辑8
1.3 覆盖层编辑11
1.4 表格编辑 15
1.5 群组编辑 18
16 模块配置 21
1.7 选择编辑模式的原则 23
第2章：利用拖放 25
2.1 趣味瞬间 26
2.2 拖放的用途29
2.3 拖放模块 30
2.4 拖放列表 40
2.5 拖放对象 46
26 拖放操作 52
2.7 拖放集合 57
2.8 实现拖放的挑战 59

　　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 月于北京
　　

　　构想（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）