设计之下，搜狐新闻客户端的用户体验设计

内容简介

形而上者谓之道，形而下者谓之器。匠者，器也。处身平凡的匠人不断追求向上的设计之道。本书没有华丽的辞藻和长篇大论的理论，作者是搜狐一线的设计团队，写作过程中他们尽力还原真实的工作场景，并总结出了一些实用的经验和方法。

《设计之下》共三部分，全面讲解了用户体验设计的流程和方法。第一部分为“交互设计”，阐述了从项目启动、解析需求到原型设计的过程，并且总结了交互设计的要点：大局观、操作流程简捷、形式新颖且统一、各种特殊情况等。第二部分为“视觉设计”，阐述了界面、颜色、图标、质感、动画、切图等具体方法，以及如何与开发/测试工程师们合作、寻找平衡设计与技术的方法。第三部分为“他们眼中的优秀设计师”，通过产品经理、程序员、运营、市场经理的视角，阐述了如何成为一名优秀的设计师。

《设计之下》适合交互设计师、视觉设计师、用户体验从业人员参考阅读，亦可作为设计类专业学生的参考用书。

作者简介

搜狐新闻客户端UED团队隶属于搜狐新媒体中心，成立于2012年，专门负责搜狐新闻客户端产品的体验设计。工作内容围绕移动平台，包括视觉体验、交互设计、渠道运营、PC官网及自媒体后台支持。团队始终致力于提升搜狐新闻客户端的用户体验，改善阅读及获取资讯的方式。六人团队小而弥坚，个人与团队共同成长。我们的生存面貌、发展方式体现了当下多数从业者的生存状态，希望通过这本书能和您分享一些案例思考和感悟。

目录

第一部分 交互设计 DESIGN FOR THE UNCONSCIOUS

第 1 章 项目启动

1.1 从想法到项目5

1.2 什么是项目 5

1.3 项目启动会 6

第 2 章 解析需求

2.1 交互设计的“五要素” 14

2.2 阅读产品文档 15

2.3 交互模型 17

2.4 功能系统 23

2.5 信息架构 26

2.6 工具和方法 30

2.7 小结 31

第 3 章 原型设计

3.1 概念设计 35

3.2 低保真原型 36

3.3 高保真原型 48

第 4 章 交互设计师有话要说

4.1 大局观 66

4.2 操作流程简捷 68

4.3 交互形式新颖且统一 75

4.4 反馈提示 81

4.5 动画的重要引导作用 91

4.6 考虑到各种特殊情况 100

4.7 尊重平台特性 了解技术限制 106

第二部分 视觉设计 BEAUTY IS ORDER

第 1 章 准备

1.1 工欲善其事 必先利其器 113

1.2 UI设计师的伴侣——Photoshop 115

1.3 开始前要做的功课 120

第 2 章 界面设计

2.1 风格 131

2.2 布局 134

2.3 被放大的标题 134

2.4 不同平台的特殊区分 135

2.5 同类之间的归纳 136

第 3 章 你的界面是什么颜色

3.1 颜色和情感 140

3.2 主色和辅助色 141

3.3 乱花渐欲迷人眼 142

3.4 那些微妙的渐变色 143

3.5 强调色的适当运用 145

3.6 界面上的特殊色 149

3.7 小结 151

第 4 章 优美的图标

4.1 哪些地方可以运用图标 154

4.2 风格鲜明的图标 159

4.3 表意 161

4.4 我们要做什么样的图标 167

4.5 实例 184

第 5 章 界面质感

5.1 拟物 194

5.2 扁平 198

5.3 质感 198

5.4 小结 199

第 6 章 锦上添花的 UI 动画

6.1 辅助建立完整的层级关系 203

6.2 让操作变得更有趣 206

6.3 指示性的动效 208

6.4 画龙点睛 210

6.5 平台区别 212

6.6 小结 212

第 7 章 切图

7.1 平台的不同特性 214

7.2 寻找自己高效的切图方法 219

7.3 标注文件 227

7.4 小结 228

第 8 章 开发与测试工程师们的建议和看法

8.1 共同推动梦想的实现 230

8.2 确保实现品质 232

8.3 最终的取舍 233

第 9 章 给设计点灵魂

9.1 优雅的等待 236

9.2 隐藏的情怀 239

第 10 章 关于品牌的二三事

10.1 无形的价值 243

10.2 脚踏实地 243

10.3 实践出真知 252

10.4 小结 258

第三部分 他们眼中的设计师 MAGICIAN

第 1 章 产品经理有话说 260

第 2 章 设计在上开发在下 264

第 3 章 运营眼中的 UED 271

第 4 章 一个市场人的自白 274