黄玮《Web 2.0界面设计模式》
书刊介绍
内容简介
本书集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
相关推荐
-
![[日] 三谷龙二《木之匙》](http://oss.shudanhao.com/caiji/chazidian/2023/37307.jpg)
[日] 三谷龙二《木之匙》
《木之匙》是日本木艺大师三谷龙二的第一本散文集，也是他最具代表性的作品。在这本散文集当中，三谷龙二讲述了木器与人的关系。
-
![[德] smashing magazine《众妙之门——网页排版设计制胜秘诀》](http://oss.shudanhao.com/caiji/chazidian/2023/2634.jpg)
[德] smashing magazine《众妙之门——网页排版设计制胜秘诀》
《众妙之门——网页排版设计制胜秘诀》是SmashingMagazine网站的精选文章合辑，旨在帮助读者提升网页版式设计水平。《众妙之门—
-
家庭农场经营的理论与实践
《家庭农场经营的理论与实践》内容简介：本书致力于帮助人们认识家庭农场这一新生事物在我国现代农业建设中的主力军作用；致力于帮
-
张一南北大国文课
《张一南北大国文课》内容简介：本书源自作者在北京大学教授的“大学国文”通识课讲义，解读了先秦、六朝、唐宋三个时期具有代表性
-
经营的逻辑
《经营的逻辑》内容简介：本书主要是对企业到底如何经营、如何管理、有无可循的逻辑等问题展开阐述。作为企业经营管理者，他们日常
-
John Bird《Electrical and Electronic Principles and Technology》
Theauthorintroduceselectricalprinciplesandtechnologythroughexamplesratherthanthe...
-
![[美] Adobe公司《Adobe Dreamweaver CS5中文版经典教程》](http://oss.shudanhao.com/caiji/chazidian/2023/2006.jpg)
[美] Adobe公司《Adobe Dreamweaver CS5中文版经典教程》
《AdobeDreamweaverCS5中文版经典教程》由Adobe公司的专家编写，是AdobeDreamweavelCS5软件的官方指定培训教材。全书共分为1...
-
领导要干好3件事
《领导要干好3件事》内容简介：领导者想要把工作做得卓有成效，需要做好三件事：抓要害、办实事、管住人。在组织中，领导者只要在这
-
![[美] Lara Callender Hogan《速度与激情》](http://oss.shudanhao.com/caiji/chazidian/2023/2834.jpg)
[美] Lara Callender Hogan《速度与激情》
本书探讨如何提升网站性能，分8章详细介绍性能提升所需的工具、软件、方法，主要内容包括：页面加载速度的基础知识，图片的格式和
-
![[美] Jon Raasch《JavaScript编程实战》](http://oss.shudanhao.com/caiji/chazidian/2023/3442.jpg)
[美] Jon Raasch《JavaScript编程实战》
JavaScript的快速演进带来了更新更快的JavaScript虚拟机以及各种框架，不仅使得它在服务器端的Web程序开发中日益普及，同时也推动
-
通用软件服装CAD
通用软件服装CAD 内容简介 《通用软件服装CAD》是一部计算机软件应用技术专著，本书既可用于高等学校服装专业教学，也可以指导服装设计与生产。本书详细研究探讨了...
-
小顾聊中国画
《小顾聊中国画》内容简介：★一场有梗有料又新潮的国画艺术脱口秀，一本图文并茂、妙趣横生的中国画通史，让你忍不住爱上中国画。
-
斯泽《计算机病毒防范艺术》
《计算机病毒防范艺术》作者是赛门铁克（Symantec）公司安全响应中心首席安全架构师，他根据自己设计和改进NortonAntiVirus系统产
-
竹简《文子》研究之回顾与反思
《竹简《文子》研究之回顾与反思》内容简介：本书共分五个章节，依次为：一、竹简《文子》研究；二、竹简《文字》成书年代反思；三
-
陈吕洲《Arduino程序设计基础》
Arduino不仅仅是全球最流行的开源硬件，也是一个优秀的硬件开发平台，更是硬件开发的趋势。Arduino简单的开发方式使得开发者更关
-
斗而不破：中美博弈与世界再平衡
《斗而不破：中美博弈与世界再平衡》内容简介：作为当今世界最复杂也最重要的双边关系，中美关系决定了未来的世界格局。2016年是美
-
好心好人生
《好心好人生》内容简介：本书围绕麝香保心丸在冠心病临床防治中的具体应用，阐明了麝香保心丸对冠心病患者具有扩张冠状动脉、保护
-
《拿破崙的鈕釦》书籍《拿破崙的鈕釦》
錫製鈕釦在低溫時會崩解成粉末狀，西元一八一二年拿破崙對俄軍戰役的大潰敗，是否就是俄羅斯的冰天雪地讓這支堪稱史上最大軍旅因
-
符德恩|郭纯《UI功夫——PC和APP界面设计全流程图解》
本书由腾讯公司视觉设计师编写，针对UI设计方向，从基础的知识出发，首先介绍了成为一名UI设计师需要做哪些方面准备工作。接下来
-
优势成长
《优势成长》内容简介：这是一本帮你锁定并提升个人核心竞争力的实用类的图书。活着的每一天，都是为了超越昨天的自己。给努力多一
