本书集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
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
有人说Google让我们变得更笨,有人说Facebook出卖了我们的隐私,有人说Twitter将我们的注意力碎片化。在你担忧这些社会化媒体让我
《经销商激励》内容简介:结合企业痛点介绍激励经销商常用的方法,包括:经销商激励概论、返利激励、政策激励、经销商销售竞赛、限
《泥土》内容简介:《泥土》将地球的表层土壤作为考察对象,以宏大的视角、深情的笔触,借助丰富的考古与历史资料,讲述了土壤与人
网络的限制边连通度与孤连通度 本书特色 图论是研究互连网络拓扑性能的有效方法,本书对于有关网络可靠性参数的问题提供了一个理论框架。内容包括网络的极大k限制边连通...
科技的發展讓我們的生活變得複雜,連向來簡單的家用電器都被加上繁複的控制面板,更別說家裡堆滿了各式各樣的遙控器。我們必須要
移动环境下高校图书馆用户情景敏感服务模式及平台开发 本书特色 管理科学与工程、情报学、信息管理、图书馆学以及教育管理等专业的高校师生,相关研究人员和科研管理者移...
《人人都来掷骰子:日常生活中的概率与统计》内容简介:概率和统计以各种各样的方式影响着普通百姓的生活——正如《人人都来掷骰子
WEB+DBPRESS是日本主流的计算机技术杂志,旨在帮助程序员更实时、深入地了解前沿技术,扩大视野,提升技能。内容侧重于Web开发的
《优雅人生:格雷斯·霍珀和信息时代的创新》不仅仅是一本人物传记类图书,也是一本计算机编程史的记录本。本书不仅将计算机领域的
《降低税负》内容简介:纳税筹划是纳税人的一项基本权利,而偷税、漏税、抗税、逃税等则是纳税人的非法应对手段。本书立足新的税收
微信公众平台网页开发实战-HTML5+JSSDK混合开发解密 本书特色 2017年,微信已经全面支持公众平台内的网页开发,并且提供了网页开发样式库、JSSDK库...
《Java面向对象编程》内容由浅入深,紧密结合实际,利用大量典型实例,详细讲解Java面向对象的编程思想、编程语法和设计模式,介
《当代中国马克思主义研究(2016)》内容简介:本书收录了2016年当代中国马克思主义论坛的专家发言和优秀征文共29篇。全书主要探讨
暢銷書《如何成為頂尖設計師》是一本實用的設計師指南,對任何想設計出有意義的作品,又不想放棄自己想法的設計師來說,非常有幫
HostYourWebSiteOnTheCloudistheOFFICIALstep-by-stepguidetothisrevolutionaryapproa...
《高频电子线路(第4版)》全书共13章,即:绪论,信号分析,选频网络,高频小信号放大器,非线性电路、时变参量电路和变频器,高频
《社会主义核心价值观·关键词:诚信》内容简介:在一般意义上,“诚”即诚实诚恳,主要指主体真诚的内在道德品质;“信”即信用信
《深入核心的敏捷开发:ThoughtWorks五大关键实践》内容简介:本书介绍了ThoughtWorks是如何实践敏捷开发的,主题包括测试驱动开发
《Matlab R2016a从入门到精通》内容简介:本书讲述的内容是使用MATLAB进行科学研究、系统仿真、数据分析与处理的必备知识。通过全面
豆瓣阅读小雅奖获奖作品豆瓣阅读ZUI热时尚专栏关于时尚穿搭,看这一本就够了曾经的文学译者,现在的专业服装设计师——于晓丹老师