响应式Web设计全流程解析2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

响应式Web设计全流程解析PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 拥抱变化1

1.1精美设计稿的诞生2

1.2静态设计稿舒适区4

1.3专家的入侵5

1.4我们都是交互设计师8

1.5跳出瀑布模型8

1.6压死骆驼的稻草9

1.7屋里的大象10

1.8这并非福音书11

1.9这是个挑战11

第2章 从内容开始13

2.1微结构VS.模块化结构14

2.2懒人的内容清单16

2.3通用的例子：本书网站16

2.4渐进的设计原则：零界面17

2.5创建内容清单示例18

2.6试试看21

第3章 内容参考线框图23

3.1别把线框图复杂化25

3.2第一步：创建低保真的、基于网络的设计稿26

3.2.1创建基础HTM L27

3.2.2形成基本样式30

3.2.3移动优先版线框图33

3.2.4添加导航35

3.2.5为大尺寸屏幕创造变量37

3.3打破神话43

3.3.1交互设计师应该做线框图43

3.3.2线框图应该详细44

3.3.3内容参考线框图是否限制了设计选择？44

3.3.4现在就考虑布局是不是有点太早了？45

3.3.5我应该做什么样的线框图？45

3.3.6我应何时让客户参与？（或者说“我的漂亮的交付品在哪儿？”）46

3.4动手试试46

第4章 基于文本而设计49

4.1内容为王50

4.2标记纯文本53

4.2.1用Markdown来处理图书页面的内容54

4.2.2这个阶段修改的意义56

4.2.3思考很重要58

4.3将纯文本转换为HTML59

4.3.1使用命令行60

4.3.2转化为HTM L65

第5章 线性设计67

5.1开发一种设计语言68

5.1.1使用设计漏斗70

5.1.2 在实际设备中运行设计72

5.2 增强结构化内容74

5.2.1 模板介绍76

5.2.2 目前你的项目文件夹79

5.2.3 思考和画草图80

5.2.4 多尝试字体和颜色81

5.2.5 暂时不要做太多85

第6章 断点图87

6.1 文档断点89

6.1.1 剖析断点90

6.1.2 可视化断点92

6.1.3 断点图组件93

6.2 创建简单的断点图95

6.3 主次断点97

6.4 添加更多东西98

6.5 总结102

第7章 为断点而设计103

7.1 首先，关于草图的一点点东西104

7.1.1 如何素描105

7.1.2 在设备上素描109

7.1.3 养成素描的习惯111

7.2 专注于主断点112

7.3 素描的时候仔细思考内容114

7.3.1 文本114

7.3.2 导航115

7.3.3表格116

7.4当你没有灵感的时候怎么办119

第8章 创建Web设计模型121

8.1跨越障碍123

8.1.1客户不关心123

8.1.2其他的人124

8.1.3你自己125

8.1.4展示你的模型127

8.2开始实践128

8.3从静态页面到静态网站生成器133

8.3.1模板133

8.3.2选择一个静态站点生成器134

8.3.3关于Dexy135

8.3.4安装Dexy136

8.3.5你积累的资源140

8.3.6添加样式140

8.3.7添加内容142

8.3.8给内容分组142

8.3.9 Dexy控制中心：dexy.yamI文件146

8.3.10使用CSS完成Web设计模型148

8.3.11多个页面148

8.4总结150

第9章 截屏151

9.1为什么不直接在网页上进行展示？152

9.1.1演示／现实的平衡153

9.1.2截屏：从Web设计模型回到图像154

9.2如何截屏157

9.2.1手动截屏157

9.2.2自动截屏159

9.3展示截屏164

第10章 成果展示：浏览器体验167

10.1你会在你的设计中发现很多的bug168

10.2沟通与协作169

10.3怎样去展示你的交互原型171

10.3.1用设备来让你的设计更有说服力171

10.3.2解释你的设计172

10.4测试和客户审阅173

10.4.1客户审阅175

10.4.2做好笔记176

10.4.3使用笔记去修改设计182

第11章 创建设计手册185

11.1网页设计规范187

11.2设计手册的内容与结构189

11.3我心仪的规范设计软件191

11.4创建设计文档193

11.4.1动手写文档194

11.4.2添加各种形式的示例196

11.4.3生成截图197

11.4.4配置Dexy199

11.4.5测试整个Dexy项目200

11.4.6捕获特定元素的屏幕截图201

11.4.7引入能渲染出效果的HTML204

11.4.8包含高亮的代码207

11.4.9动手做一个你自己的文档210

11.5写在末尾的话211