本书集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
TRIZ(发明问题解决理论)属于苏联的国家机密,在军事、工业、航空航天等领域均发挥了巨大作用,成为创新的“点金术”,让西方发达
《中华传统节日诗词故事:清明·端午》内容简介:节日诗词,把民间习俗和文人意趣结合在一起,很好地体现了中华文化源远流长、丰富
《崧泽之光》内容简介:以古文化和水文化为特色的青浦,有着丰厚的历史文化底蕴。早在六千多年前,上海最早的外来移民来到了境内的
AlongwithMySQLspopularityhascomeafloodofquestionsaboutsolvingspecificproblems,an...
《谭其骧历史地理十讲》内容简介:都说巍巍汉唐,汉朝、唐朝的版图究竟有多大?历史上的中国范围如何划定、依据什么标准?七大古都
IfyourereadytocreatewebpagesmorecomplexthanthoseyoucanbuildwithHTMLandCSS,HeadFi...
《大型网站系统与Java中间件实践》内容简介:本书围绕大型网站和支撑大型网站架构的Java中间件的实践展开介绍。从分布式系统的知识
Excel 实战应用大全 内容简介 Excel 2007是微软公司推出的*新版本的电子表格处理软件,与之前的Excel版本相比,界面变化很大,在实用性方面也有很...
Linux 驱动程序开发实例-第2版 本书特色 Linux设备驱动程序是高级应用程序与硬件设备之间的桥梁。驱动程序开发是软硬件相互结合的技术。本书是一本专门介绍...
快学快用电脑上网技巧1088招附光盘 内容简介 本书全面介绍了电脑上网的操作技能和应用技巧,帮助读者全面、快速地掌握电脑上网的方法,提高工作效率,成为网上冲浪高...
我的Photoshop学习手记 内容简介 本书以photoshopcs5为技术平台,精心设计了80多个案例,内容涵盖鼠绘、色彩调整、图像合成、特效制作、创意、抠...
《中东问题研究》内容简介:《中东问题研究》为国内唯一一本专门以中东地区为研究对象的学术辑刊,内容涉及中东历史、经济、政治、
《Oracle9i&10g编程艺术:深入数据库体系结构》是讲述Oracle数据库公证的权威指南,凝聚了世界顶尖的Oracle专家ThomasKyte数十年的
你早该掌握的办公技能-Word/Excel/PowerPoint案例与技巧一本通-含DVD光盘1张 本书特色 《你早该掌握的办公技能--Word\\Excel\...
《过去的工作》内容简介:《过去的工作》收入周作人在抗战胜利前后(一九四五年四月至十二月)所作文章十五篇。文章延续四十年代以
本书系统全面地介绍了SNS的概念和理论基础、SNS的发展和现状、SNS热点产品及其设计、开放平台、APP应用开发、SNS网站的运营、SNS
要在当今不断变化、不可预知的市场中获得成功,企业需要重新全面地考虑、架构自己的战略。抛弃从内而外的研发新产品,企业需要开
《Oracle 18c 必须掌握的新特性:管理与实战》内容简介:在Oracle 12c版本之前,数据库版本的迭代中基本架构都没有非常明显的变化,
《创新设计:TRIZ发明问题解决理论》认为发明问题解决理论(TRIZ)对“创新”有明确的定义、有较完整且可操作的原理,很适合我国企
《卑鄙的圣人:曹操10》内容简介:曹操不可避免地步入暮年,统一天下的目标依旧遥遥无期。大瘟疫毁灭生灵无数、南征孙权再度无功而