一个人的产品：写给非设计师的设计书

内容概要

Erik Klimczak 是一名交互设计师和软件开发者，立志创造产品和提供服务以改善人们生活，对设计中认知行为、艺术及技术的融合有着极大的热情。Erik 目前是芝加哥一家设计团队的负责人，他独特的沟通技巧为设计团队和技术团队之间架起了桥梁，而他自己也从中获得了大量的新知识。Erik的工作跨越了创意和技术的范畴，服务于娱乐、金融、保健、消费和零售领域。工作之余，他也会花很多时间在自己爱好的摄影和音乐上，你可以通过Twitter 联系他：@eklimcz。

书籍目录

第一部分　规划 1

第1章 研究 3

什么是用户研究 4

用户研究不等于可用性 5

设计术语：人种志 5

从用户的角度开始 6

案例研究：快速结账 10

让发现更有意义 15

总结 18

第2章 灵感 19

像艺术家一样偷师学艺 20

如果以上方法都行不通…… 33

总结 36

第二部分　设计思维 37

第3章 绘制草图 39

设计思维——开发者式的设计 40

绘制草图——一切设计由此开始 40

草图的优点  41

何时绘图  42

绘制草图的工具  42

应用流的基础  48

创建一个应用流  50

故事板的作用  58

何时使用故事板  60

创建故事板  60

不知道从何处入手？从模板开始吧  61

总结 63

第4章 信息架构 65

究竟什么是信息架构 67

可用性的成本  68

信息架构设计的交付物 69

角色、用户场景和故事板  69

内容模型  70

应用流  70

线框图  71

手势库  72

信息架构的一切都与内容相关 73

让一切更有意义  73

信息架构设计的五个步骤 75

步骤1 ：定义主题、目标和需求  76

步骤2 ：选择一种版式  77

步骤3 ：为相似项目分组  89

步骤4 ：保持一致  90

步骤5 ：精简  91

总结 93

第5章 线框图 95

了解线框图 96

线框图101 97

应该在什么时候创建线框图  98

解析线框图  98

你是在说线框图吗  100

注意事项  103

好用的线框图工具  107

线框图技巧  113

线框图技巧#1 ：创建基本的线框图  114

线框图技巧#2 ：采用灰度图和一种颜色  115

线框图技巧#3 ：采用逐帧表达法  118

线框图技巧#4 ：使用气泡  118

线框图技巧#5 ：放大细节  119

总结 120

第6章 原型设计 121

什么时候需要原型 122

交流新想法  123

验证概念  123

进行基本可用性测试  123

决定创意是否值得投资  123

什么是有效的原型 124

用聪明的方法进行伪造  127

“小赌”一把 127

好用的原型设计工具 128

微软的SketchFlow  128

Adobe Edge  130

Adobe After Effects  131

Keynote 与PowerPoint  132

HTML /JavaScript/ CSS3  133

Axure RP  134

Arduino、Openframeworks 与Processing  135

原型设计方法 136

方法#1 ：纸面原型  136

方法#2 ：交互式线框图  137

方法#3 ：视频设计原型  142

总结 147

第三部分　视觉设计 149

第7章 颜色 151

颜色的基本理论 152

颜色的相关术语  152

颜色模型  154

冷暖色  159

颜色心理学  160

对比度  164

应用颜色：一些经验法则 166

只使用两到三种颜色  166

以纯色开始，然后转为渐变色  167

使用暗色的色调  167

绿色意味着可行  168

如何创作一个好调色板 168

灰度图  169

五种调色板，你不能用错 171

颜色的技巧 174

颜色技巧#1 ：用照片生成一个调色板  174

颜色技巧 #2 ：利用代码生成颜色  177

颜色技巧 #3 ：使用Photoshop  179

我私藏的颜色技巧：使用算法来找到平均颜色  182

总结 184

第8章 数字化排版设计 185

重中之重 186

字体排版基础知识 187

理解样式术语  187

字体和字型有什么不同 192

字体的分类 193

衬线字体  193

无衬线字体  195

8种方法改善你的字体 198

1. 选择了一种字体比例后就坚持用下去  198

2. 使用一致的间距  199

3. 一致的行宽  200

4. 稍做变换就能分出视觉层次  201

5. 选择合适的正文字体  202

6. 使用一个字体族群  205

7. 组合使用两到三种字体  205

8. 使用好看的“&”符号  210

总结  211

第9章 视觉传达 213

没那么简单 214

1. 就像在为自己而设计  215

2. 保持一致  215

五种方式阐明你的设计 216

1. 使用一个适合的网格  216

2. 建立层次  224

3. 删除无用的东西  228

4. 检查并行性  234

5. 建立清晰的功能可见性  236

总结 241

第10章 动作 243

动画看起来很酷，但是它们真的能让应用更好吗 244

过渡、动画和时机原则 245

动画和过渡之间有什么区别  245

不要太快，不要太慢，也不要太多  246

什么时候需要使用动作  247

什么时候应该避免动作  247

渐隐、滑动和缩放——动画的超级工具 248

渐隐  249

滑动  249

缩放  250

动作的原则 251

慢进和慢出  251

挤压和伸展  252

预期  253

跟随和重叠  254

弧线  255

缓动函数  256

高级运动技术 259

跟随  260

认知错觉  260

总结 261

第四部分　交互设计 263

第11章 交互设计的原则 265

交互设计的介绍 266

沉入心流 267

促进心流的方法  268

易学性 vs. 易用性 275

可用性设计  275

易学性设计  277

人体工程学 278

肌肉疲劳  279

视野和周边视觉  281

环境和光照条件  282

最优的触摸目标  283

遮挡  285

总结 287

第12章 设计模式 289

为什么使用设计模式 290

其他设计模式资源  291

模式 294

自动对焦  294

拖放  295

自动保存  296

空白状态  297

进度指示器  298

选用合适的目标尺寸  299

按钮就是按钮  300

如非必要，避免使用模态声明  301

直接操作  302

为相似项目分组  303

连续滚动  304

根据重要性调整元素的尺寸  305

全景仪表盘  306

防错控件  307

退出方式  308

居左/ 右对齐  309

超级搜索  310

简单任务用简单UI，复杂任务用复杂UI  311

同步位置  312

利用字体反差  313

总结 314

作者简介

在用户体验被提升到决定产品生死高度的时代，非设计人员最好也懂点设计知识。《一个人的产品：写给非设计师的设计书》讲述从产品创意直至产品原型整个过程中所涉及的设计方面的理论和方法，本着实用、有效、通用的原则，为缺乏设计背景的人" 补课”，教他们如何攻克软件设计中的各种难关。一旦掌握了这些设计知识，你的工作内容就能极大地拓展，因为它们对于任何工作和职位都是有帮助的，无论是设计师、开发者、产品经理，甚至CEO。有了这些设计知识，你甚至能凭一己之力完成产品的开发。

对于初入行的设计师、产品经理、与产品设计相关的人员，对产品设计感兴趣的开发者等，《一个人的产品：写给非设计师的设计书》都适合阅读。

 一个人的产品：写给非设计师的设计书下载