Web界面设计

出版者:电子工业出版社

作者:Bill Scott

页数:340

译者:李松峰

出版时间:2015-3

价格:108.00

装帧:平装

isbn号码:9787121254444

具体描述

当前的Web已经进入崭新的时代！《Web界面设计》涵盖了在基于独一无二的Web环境下、在创建丰富体验的过程中设计Web界面的最佳实践、模式和原理。UI专家Bill Scott和Theresa Neil在他们多年实践经验和不懈探索的基础上，总结提炼出了Web界面设 计的六大原理——直截了当、简化交互、足不出户、提供邀请、巧用变换和即时反应，并以这六大原理为依托，以当今Web上各类开风气之先的流行网站为示例，向读者展示了超过75种基于富交互构建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是一位居住在美国得克萨斯州奥斯汀市的用户体验咨询师，她的职业是为创业型公司和财富500强公司设计互联网应用程序。访问www.designgenie.org可以欣赏她的设计作品。

目录信息

序....................................................v
前言..............................................vii
原理一：直截了当
第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
· · · · · · (收起)

读后感

1.在互联网上尽量不要有割裂感，即在哪里输入，就要让用户在哪里输出。 2.页面要直接地响应用户的操作，接下来的3章来讨论这些模式。 1.页内编辑 2.利用拖放 提供邀请 静态邀请 巧用变换 变换的目的  

挺不错的，但是呢，对于我这种新手来说就只能观摩了，里面很详尽的说明各种界面使用方式，就是怎么去设计让人感觉到好，却没有制作这种操作的详细方法，可能是我接触还不够多，总觉得里面的东西要实现出来，以我的水平还很有限，不过是一本不错的参考书  

好想看，大家觉得这个数咋样，如果评论涉及电影和小说的结局和关键情节，请勾选“有关键情节透露”。豆瓣将显示提示，以免没有看过的人扫兴。如果评论涉及电影和小说的结局和关键情节，请勾选“有关键情节透露”。豆瓣将显示提示，以免没有看过的人扫兴。如果评论涉及电影和小...  

住院期间读完了整本书，可以说是非常喜欢，理论清晰明确，样本案例解释的很彻底。结合自己平时所遇到的问题，可以说是给出了很多解答或者提示。 不同于那些讲了很多空泛概念的书，本书更适合想要具体明确交互设计和界面设计的人来读。读完之后不会晕头转向，不会不知所云。 ...  

好想看，大家觉得这个数咋样，如果评论涉及电影和小说的结局和关键情节，请勾选“有关键情节透露”。豆瓣将显示提示，以免没有看过的人扫兴。如果评论涉及电影和小说的结局和关键情节，请勾选“有关键情节透露”。豆瓣将显示提示，以免没有看过的人扫兴。如果评论涉及电影和小...  

用户评价

这本书真的是让我对“美”有了全新的理解。以前，我觉得设计就是把东西堆砌得漂漂亮亮，颜色鲜艳，字体醒目。但读了《Web界面设计》之后，我才意识到，真正的美，在于它的功能性，在于它如何巧妙地引导用户，在于它如何用最简洁的元素传递最丰富的信息。书里有大量的案例分析，不是那种“照着做”的教程，而是深入剖析了为什么某个设计会被用户喜爱，为什么某个按钮会被用户轻松找到。我特别喜欢其中关于“留白”的章节，以前总觉得留白是浪费空间，现在才明白，它是让内容呼吸、让用户眼睛休息、从而提升整体阅读体验的关键。还有关于“信息层级”的讲解，把复杂的页面拆解开来，层层递进，让我们看到一个清晰、有逻辑的结构是多么重要。它不像一些技术类的书籍那样枯燥乏味，而是充满了人文关怀，让我觉得设计不仅仅是技术，更是一门与人沟通的艺术。读完之后，我再看任何网站，都会不自觉地去分析它的布局、色彩搭配、甚至是动效的运用，仿佛打开了一个全新的视角，让我看到了隐藏在像素背后的思考。

天呐，这本书简直是我前端开发生涯中的一盏明灯！我一直觉得我只是一个代码的搬运工，能实现功能就行。但《Web界面设计》彻底颠覆了我的想法。它让我明白了，一个优秀的前端工程师，不仅仅要懂代码，更要懂用户，懂如何用代码去创造一种愉悦的使用体验。书里关于“响应式设计”的讲解，简直是茅塞顿开。我之前一直纠结于如何在不同设备上适配，这本书给出了系统性的解决方案，从网格系统到断点设置，再到媒体查询的运用，都讲解得非常到位。最让我惊喜的是，它还涉及了一些用户心理学的内容，比如“认知负荷”和“视觉引导”，这些都让我大开眼界，原来用户在使用网站时的每一个细微反应，背后都有深刻的设计原理。我甚至开始尝试自己去思考，为什么某个交互方式更受欢迎，为什么某个颜色的组合能激发用户的某种情感。这本书就像一个经验丰富的导师，循循善诱，让我从一个单纯的代码实现者，逐渐成长为一个能够站在用户角度思考的“体验构建者”。

我一直觉得自己在视觉审美方面还不错，但《Web界面设计》却让我意识到，好的界面设计远不止于此。这本书让我看到，设计是一门严谨的学科，它需要理论的支撑，需要数据来验证，需要不断地迭代和优化。我特别喜欢它关于“情感化设计”的探讨，让我明白了为什么有些网站能让用户产生情感共鸣，而有些却让人感到冰冷。它不仅仅是关于“好不好看”，更是关于“好不好用”、“好不好玩”、“好不好用”。书里还深入讲解了“A/B测试”的重要性，让我明白，很多设计决策不能凭感觉，而是需要通过实际的数据来验证。我甚至开始尝试在自己的项目中运用一些书中提到的研究方法，去了解用户的真实需求和偏好。这本书的深度和广度都让我感到非常震撼，它就像一个宝库，让我不断地从中挖掘出新的知识和灵感。它让我明白，优秀的设计，是用户和产品之间最美好的连接。

老实说，我一开始对这本书的期望并不高，以为只是市面上那种泛泛而谈的设计指南。但《Web界面设计》给我带来了巨大的惊喜。它没有空洞的理论，而是充满了实操性的建议和精辟的见解。我尤其欣赏它关于“可访问性”的讨论，这部分内容在很多设计书中都被忽略了，但这本书却把它放在了相当重要的位置，让我深刻认识到，一个优秀的设计，应该是普惠的，应该让所有人都能轻松使用。书里还谈到了“微交互”的力量，那些细微的动效，比如按钮按下时的反馈，或者加载过程中的提示，原来它们在提升用户满意度方面起着如此关键的作用。我甚至开始反思自己过去在项目中的一些设计决策，觉得很多地方可以做得更好。这本书的内容非常丰富，涵盖了从色彩理论到排版技巧，再到用户研究的方方面面，但它的语言却非常通俗易懂，没有那些晦涩难懂的专业术语。读这本书的过程，就像在和一位经验丰富的设计师进行一次深入的对话，让我受益匪浅。

这本《Web界面设计》完全颠覆了我对“用户友好”的理解。以前我以为只要按钮大一点，字体清晰一点，就是用户友好了。但这本书让我明白，真正的用户友好，是深入骨髓的，是从用户需求出发，从用户行为出发，去设计每一个细节。书里关于“导航设计”的章节，让我彻底改变了对菜单和链接的看法。它不再是简单地罗列信息，而是如何巧妙地组织信息，让用户在第一时间就能找到他们想要的东西。还有关于“表单设计”的讲解，让我意识到，一个看似简单的表单，背后却蕴含着那么多让用户填写更顺畅、更不容易出错的技巧。它教会我如何减少用户的输入负担，如何提供清晰的错误提示，如何让用户在填写过程中感到安心。我甚至开始用书中的方法去审视自己正在使用的各种App和网站，从中找到了很多可以改进的地方。这本书不仅仅是一本关于设计的书，更是一本关于“同理心”的书，它教会我如何站在用户的角度去思考问题，如何用设计去解决用户的问题。