Web界面设计(china-pub首发)(综述流行网站界面设计的六大原理)(全彩印刷)
基本信息
- 原书名: Designing Web Interfaces: Principles and Patterns for Rich Interactions
- 原出版社: O'Reilly Media, Inc.
- 作者: Bill Scott Theresa Neil [作译者介绍]
- 译者: 李松峰
- 出版社:电子工业出版社
- ISBN:9787121091674
- 上架时间:2009-8-14
- 出版日期:2009 年7月
- 开本:16开
- 页码:309
- 版次:1-1
- 所属分类:
计算机 > 数码/设计 > 网页设计综合
编辑推荐
业界顶尖专家Bill Scott和Theresa Neil 30年软件设计开发经验积累.
涵盖现代Web界面设计的普遍规则和最佳实践..
现代Web界面设计权威指南...
推荐阅读
内容简介回到顶部↑
当前的web已经进入崭新的时代!本书涵盖了在基于独一无二的web环境下、在创建丰富体验的过程中设计web界面的最佳实践、模式和原理。ui专家bill scott和theresa neil在他们多年实践经验和不懈探索的基础上,总结提炼出了web界面设计的六大原理——直截了当、简化交互、足不出户、提供邀请、使用变换和即时反应,并以这六大原理为依托,以当今web上各类开风气之先的流行网站为示例,向读者展示了超过75种基于富交互构建web界面的模式,并以简单明了的语言,阐明了数以百计行之有效的最佳实践。同时,书中还给出诸多反模式,即在web界面设计过程中应该避免的做法。本书是迄今为止一部专注于富web界面设计的经典之作。.
本书既是一本web界面设计指南,又是一本web界面实例参考,适合web界面设计、开发、研究人员、爱好者,以及web项目管理人员阅读。...
本书既是一本web界面设计指南,又是一本web界面实例参考,适合web界面设计、开发、研究人员、爱好者,以及web项目管理人员阅读。...
作译者回到顶部↑
本书提供作译者介绍
Bill Scott居住在美国加利福尼亚州洛斯盖多斯,目前是Netflix公司的UI工程总监,他在这个职位上发挥着自己在界面工程和设计方面的专长。此前,他是雅虎公司的Ajax技术推广专家,并负责管理Yahoo! Design Pattern Library(Yahoo!设计模式库)。.
Bill的IT从业经历漫长而耐人寻味,他对设计可用性产品的技术和创意具有独到的见解。通过www. looksgoodworkswell.com可以了解他广泛的爱好和思想发展脉络。..
Theresa Neil是一位居住在美国得克萨斯州奥斯汀市的用户体验咨询师,她的职业是为.. << 查看详细
Bill的IT从业经历漫长而耐人寻味,他对设计可用性产品的技术和创意具有独到的见解。通过www. looksgoodworkswell.com可以了解他广泛的爱好和思想发展脉络。..
Theresa Neil是一位居住在美国得克萨斯州奥斯汀市的用户体验咨询师,她的职业是为.. << 查看详细
目录回到顶部↑
序.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
前言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 月于北京
界面,不仅是现代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)
设计原理是建筑师提出构想的指导方针,它定义了建筑物的关键特征,能够在建筑相关各方(包括委托人、承建方、城市规划部门和工程师)之间起到沟通的作用。设计原理清晰地表达了基本目标,是作任何决定的依据,也有助于保证工程的各个组成部分最终合成为一个整体。但是,要完成一幢建筑物,只有设计原理还是不够的。
无论是修筑小小的阁楼,还是建造禅宗花园,建筑的主题思想或构想随时都可能面临修改,或者遇到无法逾越的障碍。可能的因素包括标准尺寸(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)


点击看大图





加载中...