移动优先与响应式WEB设计
作者:(美)莱夫斯基,(美)马科特 著,司徒卓恒 译
出版时间:2014
内容简介
科技日新月异,设备不断推陈出新,Web设计师需兼顾不同设备——计算机、手机、宽屏电视,而每种设备的屏幕尺寸又各不相同。《移动优先与响应式Web设计》分为两个部分:第一部分为著名的“Mobile First”,解释为何移动网站的设计最为有效,阐述如何简化页面,删去多余功能,满足用户真正需要;第二部分介绍了响应式Web设计,通过利用灵活网格、灵活图像和媒介查询,以令网页可灵活缩放,应付不同的设备及分辨率。移动优先的理念是响应式Web设计的基础,而后者又是实现理念的核心技术。只有深刻理解并掌握这两部分内容,才能切实地为互联网用户带来优秀的体验,从而实现业务目标。《移动优先与响应式Web设计》出自两位资深用户体验专家之手,对整个业界产生了极其深远的影响。对于Web设计师、开发人员,以及任何相关从业人员来说,《移动优先与响应式Web设计》都是移动互联网时代的必读之作。
目录
上册
第1章 增长 2
1.1 变了什么? 4
1.2 设备不同,功能不同 6
1.3 原生应用又如何? 8
1.4 事不宜迟 9
第2章 限制 11
2.1 屏幕大小 11
2.2 速度 15
2.3 时与地 16
2.3.1 地点 16
2.3.2 时间 17
2.4 接受限制 20
第3章 功能 21
3.1 找地铁站 21
3.2 浏览器又如何? 26
3.2.1 定位服务 26
3.2.2 设备置向/加速度计 28
3.2.3 触控 31
3.3 扩充功能 32
3.4 移动优先 32
第4章 组织 34
4.1 配合移动用户的习惯 34
4.2 内容比导航重要 36
4.3 四处浏览 37
4.4 返回 43
4.5 固定置底 44
4.6 保持清晰焦点 46
4.7 组织移动体验 47
第5章 动作 48
5.1 大就是小 49
5.2 触控何处? 52
5.3 学习触控的语言 53
5.4 别怕NUI 57
5.5 填补浮动 58
5.5.1 加至主页 58
5.5.2 轻按或滑动 59
5.5.3 外页 61
5.5.4 干脆移除 61
5.6 不能触 61
5.7 准备,就绪,行动 62
第6章 输入 63
6.1 欢迎输入 63
6.2 问问题 64
6.3 答题 67
6.3.1 太阳城
67
6.3.2 太阳城
以外 68
6.3.3 新太阳城
71
6.4 掩盖困难 73
6.5 铺设选项 75
6.6 表格与输入栏以外 78
6.7 输入大跃进 79
第7章 布局 81
7.1 万物皆变,唯变不变 81
7.2 别他选 82
7.3 流畅灵活的回应 84
7.4 响应式设计 85
7.5 设备体验 87
7.6 删减 89
7.7 布局基石 89
下册
第1章 响应式网页 2
1.1 扣好安全带 5
1.2 响应式建筑 6
1.3 未来方向 8
第2章 灵活网格 11
2.1 灵活排版 14
2.1.1 随境修复 16
2.1.2 从灵活字体到灵活网格 19
2.2 制作灵活网格 19
2.3 弹性外边距和内边距 28
2.3.1 岂能密不透风 28
2.3.2 使用负数 32
2.3.3 灵活地前进 35
第3章 灵活图像 36
3.1 回头,回到标记,标记 36
3.2 灵活图像 39
3.3 这工作从不简单 41
3.3.1 IE里的max-width 41
3.3.2 原来Windows真的恨透了新太阳城 43
3.3.3 AlphaImageLoader是英雄,万岁! 44
3.4 灵活地铺设背景图像 46
3.5 学会喜欢溢出 50
3.6 商讨内容 51
3.7 灵活网格和图像,智慧树之作 53
第4章 媒体查询 54
4.1 开始疗伤 54
4.1.1 着眼点的问题 55
4.1.2 网格细小,问题巨大 56
4.1.3 宽屏烦恼 58
4.2 当前的问题 60
4.3 迈向响应式设计 60
4.3.1 认识媒体类型 60
4.3.2 类型错配 62
4.3.3 媒体查询来了 62
4.3.4 认识功能 63
4.3.5 了解功能 65
4.4 更能响应的机器人 65
4.5 媒体查询实战 68
4.5.1 想小一点 71
4.5.2 调至极限 80
4.6 兼容性事宜 82
4.7 为何要灵活? 85
第5章 实现响应式 89
5.1 周围环境问题 89
5.1.1 了解用户目的 91
5.1.2 认识“移动优先” 93
5.2 响应式工作流程 94
5.2.1 确认断点 95
5.2.2 迭代、协作设计 95
5.2.3 互动地检阅设计 98
5.3 负责任地实现响应式设计 101
5.4 再谈渐进提升 107
5.4.1 加入JavaScript 108
5.4.2 懒惰地(但聪明地)载入内容 112
5.4.3 进一步改善 115
5.5 坐言起行,制作响应式设计 116