以匠心，致设计：网易 UEDC 用户体验设计

为什么网易云音乐的体验流畅细腻、富有温度？为什么网易严选App的UI设计让人感到温馨、舒适？为什么网易蜗牛读书App的界面设计让用户爱不释手……

本书是网易用户体验设计团队对自身过去的设计思考的精心总结，最大程度还原了网易产品背后的设计故事，内容涵盖设计基础、设计实践、方法思考、成长指南四章，借助网易产品设计的实际案例具体讲述了设计师日常工作中不可避免的用户引导、色彩搭配、品牌设计、体验设计、信息层级、设计规范等内容。

我们相信，做设计是需要“匠心”的。因此，我们细致设计了书中的每一处细节，希望这本反思、总结之书能够给广大UI设计师、视觉设计师、交互设计师、用户体验设计师、产品经理等产品设计相关人员带来启迪，帮助所有从业人员展望未来。

网易用户体验设计中心（User Experience Design Center），简称“UEDC”，成立于2008年年底，主要为网易杭州研究院在研发各种互联网产品的流程中提供优质的用户体验设计，让海量用户可以轻松使用产品，并保持愉悦体验。同时，UEDC还面向全网易公司的所有互联网产品提供设计规范，以统一体验标准，降低用户学习成本和企业研发成本，为提升网易所有产品的用户体验发挥了关键作用。UEDC成功设计出网易云音乐、易信等亿级用户产品，以及网易蜗牛读书、LOFTER等口碑优秀的产品。目前，UEDC设计的作品覆盖了网易金融、网易星球、网易宝、网易有钱、网易考拉、易信、网易漫画、网易云阅读、网易蜗牛阅读、LOFTER、极客少年、网易云、网易云信、网易云商服、网易易盾等60余款产品。

★21篇精选文章全面讲述设计的各个方面，网易资深设计师诚意奉献，系统讲述如何打造一流的用户体验。

★“由理入道”与“由技入道”并存，将企业实战升华为理论知识，不仅帮助读者掌握技能，更帮助读者更新设计思维。

自序一：设计的平衡

经常有人问我：什么是好的设计？我想提问的人往往是希望我能从工作中提炼出几个简单的原则。但其实这样的问题并不是那么容易回答，虽然这些年我负责的一些产品能获得社会上的认同，同时每天也不停地在从事做“好”设计的工作，但越是深入了解，越能体会到设计的复杂性。设计给我最大的启发就是设计的好坏并没有一个绝对值，当你的设计往一边倾斜的时候，必然带来这个定位的优点和缺点。所以一个好的设计应该是权衡所有的利弊之后，选择的一个最优的平衡点。

往大了说，做某个产品的品牌设计，你可以把它设计得非常有个性，但如果风格太过超前，可能就只有少数头部用户才能领略到设计的精髓，对于海量的长尾用户来说，这样的设计是脱节的，他们没办法理解，这时，产品就变得小众，很难被广泛接受。如果风格过于保守，没有亮点，产品就会石沉大海。怎么把握平衡点对产品的成功有很大的影响。

往小了说，一个界面、一个流程或者一个控件的设计，往往也都面临着众多选择，在某些条件下，效率、认知、记忆、情感等体验要素会存在互斥关系。比如电商产品的首页，商品图形越大，每屏商品的信息量就越低；而商品图形越小，商品的识别效果越差，这同样影响信息的有效传递。光是图片的大小要怎么平衡，背后就有一套方法论。

所以一个好的设计，通常不是因为技术有多么强大，而是在大量设计决策中总是能把握最优的平衡点。能做出优秀决策的前提是你对市场、用户、产品了解的深度。正如原研哉的一句话：“设计不是一种技能，而是捕捉事物本质的感觉能力和洞察能力。”那么，如何获得这些能力呢？我的建议是“多看、多学、多想、多试、多练”。

本书包含了网易众多项目的设计实践经验和设计思路、设计方法，无论你当前的设计水平如何，这本书都能激发起你挖掘生活中的设计灵感。本书见解丰富，寓教于乐，所以，不妨拉来一把舒服的椅子坐下，尽情沉浸其中吧！

——郭冠敏（小草），网易设计总监

第一章 设计基础

01 用户引导——让设计不再“小透明” 003

02 从案例中学习如何突破设计中的固有思维 025

03 你不知道的色彩密码 037

04 图表设计——远不止“好看”这么简单 061

05 如何绘制一份交互稿 077

第二章 设计实践

06 网易严选 App 品牌设计 091

07 网易蜗牛读书品牌体验设计 103

08 视觉设计师的进化 129

09 如何用“十字法”构建页面中的信息层级 147

10 从 0 到 1：论网易严选营销线的交互设计 161

11 小屏幕下的大数据 173

12 心理学小策略帮你引导用户决策 191

13 设计打动人心的瞬间 199

第三章 方法思考

14 用体验设计思维做官网：B 端产品官网设计实践 215

15 控制感，为用户体验加分 235

16 结构化思维初体验：猛犸平台优化实战 247

17 对制作交互规范的思考 259

第四章 成长指南

18 在工作中，交互设计师应学会的“僭越” 279

19 UI 设计师如何自我提升设计力 291

20 设计师的自我管理 311

21 设计师如何提高产品思维 323