第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 L 27
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将纯文本转换为HTML 59
4.3.1使用命令行 60
4.3.2转化为HTM L 65
第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关于Dexy 135
8.3.4安装Dexy 136
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你会在你的设计中发现很多的bug 168
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配置Dexy 199
11.4.5测试整个Dexy项目 200
11.4.6捕获特定元素的屏幕截图 201
11.4.7引入能渲染出效果的HTML 204
11.4.8包含高亮的代码 207
11.4.9动手做一个你自己的文档 210
11.5写在末尾的话 211