具体描述
本书集Web 2.0的发展及特点、Web 2.0界面设计模式基本理论、实际模式实践及代码实现等诸多内容于一身,具有很强的实用性。这些内容不是简单的顺序堆砌,而是以Web 2.0界面设计模式和应用为主线,其中完美地穿插了各种与之相关的Web 2.0设计理念、用户行为模式、用户体验及基于Dojo的实现方式等相关知识,真正做到将Web 2.0界面设计模式所需要的方方面面的知识有机地融为一个整体。实现不需要多少界面设计、交互设计和Web实现基础就能够深入学习Web 2.0界面设计模式并上手开发Web 2.0界面的目的。
全书语言生动,插图形象,实例丰富,精心安排的知识铺垫能帮助读者循序渐进地了解Web 2.0界面设计模式,丰富的实例将设计原理、开发实现及应用构建成一个整体,非常适合Web设计和开发工程师使用,本书将会是您“拨云见日”的有益参考书。
作者简介
目录信息
1.1 Web界面演化史 1
1.1.1 传统Web界面的发展 1
1.1.2 Web 2.0所引导的用户体验革新 2
1.2 Web 2.0界面设计模式 3
1.2.1 Web 2.0界面设计模式的特征 3
1.2.2 Web 2.0界面设计模式的应用 5
1.3 优秀的Web 2.0站点 6
1.3.1 Quora 6
1.3.2 Vimeo 9
1.3.3 Evernote 12
1.4 小结 14
第2章 页面布局设计模式 15
2.1 边界布局 15
2.2 网格布局 21
2.3 浮动式布局 25
2.4 标签页布局 29
2.5 手风琴布局 33
2.6 伸缩式布局 37
2.7 混合布局 41
2.8 小结 44
第3章 内容导航的设计模式 45
3.1 按内容组织导航 45
3.1.1 菜单(主导航) 45
3.1.2 目录导航 49
3.1.3 网站地图 52
3.2 路径导航 53
3.2.1 面包屑导航 53
3.2.2 分步导航 61
3.2.3 分页导航 63
3.2.4 树状导航 68
3.2.5 滚动列表 73
3.3 预览式导航(图像导航) 75
3.3.1 图标导航 75
3.3.2 滚动式菜单 78
3.3.3 内容预览导航 81
3.3.4 自动翻页 83
3.4 热点内容导航 86
3.4.1 标签云导航 86
3.4.2 标签列导航 90
3.5 地图导航 93
3.6 小结 95
第4章 数据呈现的设计模式 96
4.1 信息提示 96
4.1.1 信息更新提示 96
4.1.2 确认、警告及报错对话框 98
4.1.3 烤面包机模式 99
4.2 表格数据呈现 101
4.2.1 普通表格 101
4.2.2 列锁定表格 103
4.2.3 可编辑单元格 106
4.2.4 合并单元格 108
4.2.5 树状表格 111
4.3 按需加载和呈现 114
4.3.1 分页加载 114
4.3.2 虚拟滚动加载 115
4.3.3 显示滚动加载 118
4.4 数据可视化 119
4.4.1 折线图 120
4.4.2 条形图 123
4.4.3 烛柱图 129
4.4.4 饼图 133
4.4.5 雷达图 137
4.5 小结 142
第5章 数据交互设计模式 143
5.1 实时检测 143
5.1.1 输入后检测 144
5.1.2 输入时检测 147
5.2 数据选择 149
5.2.1 日历模式 149
5.2.2 时间选择模式 151
5.2.3 表格的间接选择模式 153
5.2.4 多层联动选择模式 154
5.2.5 导航式多级选择模式 155
5.2.6 旋转木马模式 157
5.3 实时内容过滤 159
5.3.1 下拉框内容过滤 159
5.3.2 表格内容过滤 162
5.3.3 树状内容过滤 165
5.3.4 精确内容过滤 169
5.3.5 模糊内容过滤 173
5.4 输入提示模式 176
5.4.1 输入占位符 176
5.4.2 自动完成 178
5.4.3 示例输入 180
5.5 输入向导模式 180
5.6 自动保存模式 182
5.6.1 客户端自动保存 182
5.6.2 服务器端自动保存 185
5.7 拖曳移动模式 188
5.7.1 自由移动模式 188
5.7.2 拖放模式 191
5.8 小结 193
第6章 Web 2.0动画与特效 194
6.1 Web动画与特效的使用场景 194
6.2 Web动画与特效的演化 197
6.2.1 静态HTML 197
6.2.2 Flash动画 198
6.2.3 JavaScript与CSS动画特效 198
6.2.4 HTML 5、CSS 3与Canvas特效 199
6.2.5 代码示例 199
6.2.6 Web 2.0 站点特效 200
6.3 常见Web 2.0站点使用的动画与特效 201
6.3.1 淡入与淡出 201
6.3.2 滑动 205
6.3.3 擦入/擦出效果 210
6.3.4 使用动画增强高亮效果 211
6.3.5 鱼眼特效 213
6.3.6 进度提示动画 215
6.3.7 启动画面 217
6.4 小结 219
第7章 应用案例 220
7.1 需求分析 220
7.1.1 微博的发展史 220
7.1.2 微博的特点 221
7.2 设计实践 222
7.2.1 了解目标用户 222
7.2.2 原型设计与模式应用 224
7.3 原型实现 229
7.3.1 “按需出现/消失”模式 229
7.3.2 “面板展开收起”模式 231
7.3.3 标签页布局模式 233
7.3.4 菜单导航模式 234
7.3.5 表格数据模式 235
7.3.6 线状图表模式 237
7.3.7 柱状图表模式 239
7.3.8 实时检测模式 240
7.3.9 淡入淡出动画效果模式 242
7.3.10 擦入/擦出动画效果模式 243
7.3.11 鱼眼效果模式 243
7.4 小结 245
· · · · · · (收起)
读后感
用户评价
坦白说,《Web 2.0界面设计模式》这本书的出现,恰好解决了我在实际工作中遇到的一些困惑。我一直在琢磨,如何才能设计出既符合Web 2.0的时代精神,又能真正解决用户痛点的界面。我特别期待书中对“信息可视化”和“数据驱动设计”的探讨。在如今大数据时代,如何将复杂的数据以直观、易懂的方式呈现给用户,让他们能够快速获取信息并做出决策,这是非常关键的。我希望书中能够提供一些创新的信息可视化方法和案例,帮助我更好地理解和应用这些设计模式。同时,我也对书中关于“持续迭代”和“用户反馈”的章节充满了期待。Web 2.0的设计不是一成不变的,而是需要不断地根据用户反馈进行优化和调整。我希望能在这本书里找到关于如何建立有效的用户反馈机制,以及如何利用这些反馈来指导设计迭代的实用方法。它不仅仅是一本“学习”的书,更是一本“实践”的书,能指导我如何在实际项目中不断提升设计质量。
哇,拿到这本《Web 2.0界面设计模式》真是太惊喜了!我一直对用户体验和界面设计有着浓厚的兴趣,特别是Web 2.0时代带来的那些交互式、社交化的设计理念,总觉得里面蕴含着无穷的魅力。这本书的封面设计就很有现代感,简洁明了,又透露着一种对未来设计的探索感。我迫不及待地翻开来,里面的排版布局也很舒服,文字清晰,图片和图示都恰到好处,不会让人觉得信息过载。我最期待的是书中能够深入剖析那些经典的Web 2.0设计模式,比如“信息流”、“动态内容更新”、“用户生成内容”等等,不只是简单地罗列,而是能有深刻的解读,告诉我这些模式为什么有效,它们在不同的场景下如何应用,又有哪些需要注意的细节。我希望这本书能够像一个经验丰富的向导,带领我穿越Web 2.0设计的迷宫,理解那些让用户欲罢不能的交互背后隐藏的逻辑。我还在想象,书中会不会有案例分析,通过实际的网站或应用来印证那些设计模式的强大之处,甚至会探讨一些不同平台(PC端、移动端)的设计差异。总之,我对这本书充满了好奇和期待,相信它能为我的设计思维注入新的活力。
这本书《Web 2.0界面设计模式》给我的第一印象是它的深度。我之前接触过不少关于UI/UX的书籍,但很多都停留在操作层面的讲解。这本书却从更宏观的角度,探讨了Web 2.0时代设计模式的演进和背后的驱动力。我特别喜欢其中关于“响应式设计”的论述,它不仅仅是关于如何在不同屏幕尺寸下保证界面的美观,更是关于如何在信息架构、导航设计等方面做出适应性调整,以提供最佳的用户体验。我一直在思考,在移动互联网如此普及的今天,如何设计出能够无缝适应各种设备和场景的界面,这本书应该能为我提供很多宝贵的思路。此外,我也非常关注书中对“可访问性”的强调。优秀的设计不仅要美观,更要包容,让所有用户,无论他们的能力如何,都能方便地使用产品。我希望书中能够详细介绍如何将可访问性原则融入到Web 2.0的设计模式中,让我们的产品更加普惠。
自从我拿到《Web 2.0界面设计模式》这本书以来,我总觉得它像是一位沉默但充满智慧的导师,在默默地引导着我。我尤其对书中关于“协作式设计”和“社区化互动”的章节产生了浓厚的兴趣。Web 2.0的精髓就在于它的开放性和用户参与感,而如何通过界面设计来鼓励用户之间的互动,构建一个活跃的社区,这其中的学问可不小。我期待这本书能够深入剖析那些成功的社交平台是如何利用界面设计来促进用户生成内容、激发用户参与的。比如,评论区的排版、点赞/分享按钮的设置、用户资料页的设计等等,这些看似微小的细节,却能对用户行为产生巨大的影响。我希望能在这本书里找到关于这些“微交互”的精妙之处,以及它们背后的设计哲学。同时,我也很好奇书中是否会探讨“游戏化”的设计元素在Web 2.0界面设计中的应用。如何将游戏中的趣味性、挑战性和奖励机制融入到非游戏类的应用中,提升用户的粘性和活跃度,这绝对是一个值得深入研究的课题。
说实话,我拿到《Web 2.0界面设计模式》这本书的时候,并没有抱太大的期望,毕竟市面上关于设计模式的书籍很多,很容易流于表面。但当我翻阅了几页之后,我的看法就完全改变了。作者的笔触非常细腻,对Web 2.0时代的设计理念有着独到的见解。我特别欣赏书中对“情感化设计”的探讨,它不仅仅是关于视觉的美观,更是关于如何通过界面设计来触动用户的情感,建立起一种深层次的连接。我一直觉得,优秀的设计应该是有温度的,它能够让用户在使用过程中感受到愉悦、便利,甚至是一种归属感。这本书在这方面给了我很多启发。另外,我也很关注书中关于“个性化”和“定制化”的章节,在如今信息爆炸的时代,用户越来越希望获得属于自己的独特体验,而如何通过界面设计来实现这种个性化,是每个设计师都应该思考的问题。我希望书中能提供一些行之有效的策略和方法,帮助我更好地理解和实践这些理念。它不仅仅是一本关于“怎么做”的书,更是一本关于“为什么这么做”的书,引导我去思考设计的本质和用户需求。