本书集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
《世界经典火炮TOP10》内容简介:火炮是陆军武器的重要组成部分和主要火力突击力量。本书以火炮发展的重要节点划分历史时期,纵向回
《电信市场经营分析方法与案例》包括基础理论(1-3章)、分析实战(4-8章)和分析工具(9-11章)三大部分。第1章经营分析概述。界
《报业转型与图片资源开发》内容简介:报业集团肩负着时代发展的重任,报业的转型是时代的风向标,是社会转型的温度计,是文化转型
Helveticaisasans-seriftypeface.Itissimpleandclean,andcommonlyseeninadvertising,s...
《UML2面向对象分析与设计(第2版)》内容简介:分析和设计是软件开发中至关重要的一环,面向对象的方法是主流的软件开发方法,UML
《WCDMA关键技术详解》全面、深入地介绍了WCDMA系统核心技术的各个方面。《WCDMA关键技术详解》所涉及的技术细节分析包括:系统结
在网络技术和电子商务飞速发展的今天,Web应用安全面临着前所未有的挑战。所有安全技术人员有必要掌握当今黑客们的武器和思维过程
AutoCAD实用教程-(第3版)-(2010中文版) 本书特色 本教程主要包括实用教程和上机操作指导两部分。另外,每章的习题有助于弄清基本概念,*后还有模拟试...
《Word/Excel 2010办公应用实战从入门到精通(超值版)》内容简介:本书通过精选案例引导读者深入学习,系统地介绍了Word 2010和Ex
Ifyoureawebsitedesigner,intranetmanagerorsomeonewithoutmuchInformationArchitectu...
《科学、技术与社会》丛书是我国学者经过多年研究所取得的一项重大的创新性成果。它不仅系统地探索和建构了独到的STS学科体系,而
本书是Java语言的经典教材,畅销多年不衰。本书全面整合了Java的特性,采用“先讲基础”的教学方式,循序渐进地介绍了程序设计基
本书是数字图像处理领域的一本新著,是1977年问世的《数字图像处理(第一版)》的重要修订与扩充。较上一版,啬了关于小波变换、
数据库技术教程(三级) 内容简介 本书根据教育部考试中心制订的《全国计算机等级考试 考试大纲(2004年版)》中的“三级(数据库技术)考试大纲”编写,内容包括:...
《Python入门很轻松:微课超值版》内容简介:本书是针对零基础读者研发的Python入门教材。该书侧重实战,结合流行、有趣的热点案例
本书分为四个部分,每个部分都围绕一个总的主题进行详细讨论。第一部分:网页设计入门,提供了人们在开始学习网页设计时经常碰到
《任弼时风采》内容简介:任弼时(1904—1950),伟大的马克思主义者,无产阶级革命家、政治家、组织家,党的第一代领导集体的重要
《近代安徽族田研究》内容简介:本书对近代安徽族田进行较为系统全面的研究,主要是从清代、民国时期政府族田政策的变迁和族田助学
本书系统地讨论了数字信号处理的基本原理、主要分析方法及相应的实践途径。书中前三章是数字信号处理的基础,其中包括了时间离散
ThisbookpresentsguidelinesforprofessionalWebdevelopment,includingcommunicatingwi...