您现在的位置:首页 > 知识库 > 电子信息 >移动优先与响应式Web设计 (下册)
移动优先与响应式Web设计 (下册)

移动优先与响应式Web设计 (下册)

资料大小: 13.23 MB
文档格式: PDF文档
资料语言: 简体中文
资料类别: 电子信息
更新日期: 2020-07-28
下载说明:
推荐信息: 司徒   响应   设计   马克   Web

本地下载(30点)  备用下载(30点)

内容简介
移动优先与响应式Web设计 (下册)
出版时间: 2014年版
内容简介
  科技日新月异,设备不断推陈出新,Web设计师需兼顾不同设备——计算机、手机、宽屏电视,而每种设备的屏幕尺寸又各不相同。《移动优先与响应式Web设计》分为两个部分:第一部分为著名的“Mobile First”,解释为何移动网站的设计极为有效,阐述如何简化页面,删去多余功能,满足用户真正需要;第二部分介绍了响应式Web设计,通过利用灵活网格、灵活图像和媒介查询,以令网页可灵活缩放,应付不同的设备及分辨率。移动优先的理念是响应式Web设计的基础,而后者又是实现理念的核心技术。只有深刻理解并掌握这两部分内容,才能切实地为互联网用户带来优秀的体验,从而实现业务目标。
  《移动优先与响应式Web设计》出自两位资深用户体验专家之手,对整个业界产生了极其深远的影响。对于Web设计师、开发人员,以及任何相关从业人员来说,《移动优先与响应式Web设计》都是移动互联网时代的必读之作。
目录
下册

第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