《构建跨平台APP：回响式UI设计入门》是2016年7月1日出版的图书，作者是杨旺功、赵荣娇。
基本介绍
- 书名：构建跨平台APP：回响式UI设计入门
- 作者：杨旺功、赵荣娇
- ISBN：9787302437970
- 定价：49元
- 出版时间：2016.07.01
- 印次：1-1
内容简介
基于“回响式内容”的本质，页面应该在任何合理萤幕大小的设备上看上去都很舒服，我们做设计的就应该站在用户的角度考虑，一切设计都应该看上去很美、很实用。本书的回响式设计正是基于这一理念，从小到一个图示，大到完整的页面布局，都从回响式UI设计入手，适合所有回响式设计的入门人员和中小企业的网站搭建人员学习。本书分为3篇共11章，第一篇是回响式设计基础，我们首先介绍清楚到底什幺是回响式设计，然后介绍分解回响式设计页面，包括页面中的元素、页面的布局、导航栏、多媒体等；第二篇是回响式设计框架，详细介绍了目前使用最广泛的Bootstrap框架，包括它的各种样式设计和特效设计；最后一篇是实战，用一个Bootstrap贴吧和HTML 5扁平化公司主页，实践前面所学的内容。
作者简介
杨旺功，男，毕业于重庆邮电大学，硕士。现任北京印刷学院设计艺术学院教师，主要研究方向是信息与互动设计产品创新设计，具有丰富的数字媒体互动产品设计和移动套用UI设计的教学经验。在数位化艺术与设计领域成果显着，发表多篇数位化艺术与设计的论文，对信息与互动设计有深入的研究。
赵荣娇，女，毕业于中国传媒大学，硕士。中国传媒大学新媒体研究院主办《信息科技周刊》总编辑，《新媒体技术动态》发起人。
图书目录
第1章 传说中的回响式设计 1
1.1 支持跨平台设备的回响式设计 1
1.1.1 什幺样的设计是回响式的 1
1.1.2 回响式设计坚守的4大原则 3
1.2 回响式设计与其他页面设计的对比 4
1.2.1 固定布局 5
1.2.2 流式布局 7
1.3 实战：创建一个回响式网页 9
1.3.1 设定HTML文档的Meta标籤 9
1.3.2 设计HTML文档结构 9
1.3.3 使用CSS 3媒介查询 10
1.3.4 运行第一个回响式页面 12
1.4 小结 14
第2章 回响式网页中的元素 15
2.1 文字 15
2.2 表单 18
2.2.1 自定义Radiobox 19
2.2.2 自定义Checkbox动画 21
2.2.3 美化输入框 24
2.2.4 下拉框 27
2.3 框架 28
2.3.1 传统的iFrame框架 29
2.3.2 回响式的iFrame框架 29
2.4 实战：实现一个回响式登录表单 31
2.4.1 设定登录表单的HTML结构 31
2.4.2 设计登录表单的通用样式 33
2.4.3 使用CSS 3媒介查询实现回响式登录表单 35
2.5 小结 37
第3章 回响式布局 38
3.1 布局切换 38
3.2 侧边栏 40
3.3 宽高等比例变化 44
3.4 列表 46
3.4.1 定义列表分级选单 46
3.4.2 列表切换效果 48
3.5 表格 52
3.5.1 简单自适应表格 52
3.5.2 翻转滚动表格 55
3.5.3 隐藏表格栏目 60
3.6 实战：回响式商品展示列表 61
3.7 小结 64
第4章 回响式导航 65
4.1 回响式导航选单设计五大原则 65
4.1.1 按照优先权显示内容 65
4.1.2 用创造力来处理有限的空间 66
4.1.3 下拉选单 66
4.1.4 给导航选单换位置 66
4.1.5 放弃导航选单 66
4.2 导航类型 66
4.2.1 单层导航 67
4.2.2 多层导航 70
4.2.3 麵包屑导航 72
4.3 页码设计 73
4.4 小结 75
第5章 回响式多媒体 76
5.1 图示的回响式 76
5.2 图像 78
5.2.1 可适配的图像 78
5.2.2 图像格线 80
5.3 视频 84
5.3.1 内嵌视频回响式的难点 85
5.3.2 从其他网站中手动嵌入视频 85
5.4 回响式图表 86
5.4.1 一款回响式图表库 86
5.4.2 带Tooltip提示的线形图 88
5.4.3 简单的饼图 91
5.5 小结 93
第6章 Bootstrap入门 94
6.1 初次接触Bootstrap 94
6.1.1 Bootstrap的优势 94
6.1.2 下载Bootstrap 96
6.2 在网站中引入Bootstrap 97
6.3 调用Bootstrap的样式 98
6.4 调用Bootstrap的组件 100
6.5 调用Bootstrap的js特效 101
6.6 实战：一个Bootstrap实现的回响式页面V1.0 102
6.7 小结 104
第7章 Bootstrap的样式设计 105
7.1 字型 105
7.1.1 标题 105
7.1.2 全局字型和段落 106
7.2 表格 107
7.2.1 基本用法 108
7.2.2 表格的附加样式 108
7.2.3 为表格行或单元格添加状态标识 110
7.2.4 回响式表格 112
7.3 表单 112
7.4 按钮 115
7.4.1 按钮的基本样式 115
7.4.2 调节按钮大小 116
7.4.3 块级按钮 117
7.4.4 为按钮设定不可点击样式 118
7.5 图片 118
7.5.1 图片类 118
7.5.2 回响式图片 119
7.6 Bootstrap工具类 119
7.6.1 回响式工具 119
7.6.2 工具类 120
7.7 实战：Bootstrap回响式页面V2.0 122
7.8 小结 123
第8章 Bootstrap的组件设计 124
8.1 下拉选单 124
8.2 按钮组 125
8.2.1 垂直排列的按钮组 126
8.2.2 两端对齐的按钮组 126
8.2.3 嵌套按钮组 127
8.3 input控制项组 128
8.3.1 最常见的搜寻框 128
8.3.2 带提示的搜寻框 128
8.4 导航 129
8.4.1 胶囊式导航 129
8.4.2 麵包屑导航 130
8.4.3 头部导航 130
8.5 列表组 133
8.6 分页 134
8.6.1 普通的分页 134
8.6.2 上一页/下一页 135
8.7 标籤 136
8.8 面板 137
8.9 进度条 139
8.10 缩略图 140
8.11 实战：Bootstrap回响式页面V3.0 142
8.12 小结 143
第9章 Bootstrap的特效设计 144
9.1 模态对话框 144
9.2 标籤页切换 146
9.3 Tootip 147
9.4 弹出框 147
9.5 摺叠 148
9.6 幻灯片 149
9.7 实战：Bootstrap回响式页面V4.0 151
9.8 小结 153
第10章 使用Bootstrap实现一个百度贴吧后台 154
10.1 确定后台管理的需求 154
10.2 设计页面布局 155
10.2.1 引入Bootstrap 3框架 155
10.2.2 实现页面布局代码 156
10.3 设计导航栏 157
10.3.1 构建导航的整体架构 157
10.3.2 设计标题和导航连结 158
10.3.3 实现搜寻框和通知系统 158
10.3.4 实现管理员的登录信息 159
10.3.5 构建回响式导航 160
10.4 设计左侧边栏 162
10.5 设计主功能部分 163
10.5.1 主功能的头部 163
10.5.2 主功能的帖子列表 165
10.6 小结 168
第11章 使用HTML 5设计扁平化的公司主页 169
11.1 回响式设计的关键 169
11.2 导航栏的设计 170
11.2.1 列表的实现 170
11.2.2 弹出式选单的实现 174
11.3 主功能部分的设计 176
11.3.1 什幺是视差滚动效果 176
11.3.2 视差效果的实现 176
11.3.3 图文列表的实现 178
11.4 小结 183
附录 CSS 3选择器使用一览 184
f1.1 标籤选择器 184
f1.2 类选择器 184
f1.3 id选择器 185
f1.4 通配符选择器 186
f1.5 子元素选择器 186
f1.6 后代元素选择器 187
f1.7 相邻元素选择器 187
f1.8 属性选择器 188
f1.9 组选择器 188
f1.10 複合选择器 189
f1.11 结构化伪类 190
f1.12 目标伪类:target 195
f1.13 状态伪类 195
f1.14 否定伪类:not(S) 196