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

★21篇精选文章全面讲述设计的各个方面，网易资深设计师诚意奉献，系统讲述如何打造一流的用户体验。
★“由理入道”与“由技入道”并存，将企业实战升华为理论知识，不仅帮助读者掌握技能，更帮助读者更新设计思维。

 

为什么网易云音乐的体验流畅细腻、富有温度？为什么网易严选App的UI设计让人感到温馨、舒适？为什么网易蜗牛读书App的界面设计让用户爱不释手……本书是网易用户体验设计团队对自身过去的设计思考的精心总结，*程度还原了网易产品背后的设计故事，内容涵盖设计基础、设计实践、方法思考、成长指南四章，借助网易产品设计的实际案例具体讲述了设计师日常工作中不可避免的用户引导、色彩搭配、品牌设计、体验设计、信息层级、设计规范等内容。我们相信，做设计是需要“匠心”的。因此，我们细致设计了书中的每一处细节，希望这本反思、总结之书能够给广大UI设计师、视觉设计师、交互设计师、用户体验设计师、产品经理等产品设计相关人员带来启迪，帮助所有从业人员展望未来。

网易用户体验设计中心（User Experience Design Center），简称UEDC，以”不断提升网易产品用户体验，带给用户良好的上网感受”为目标而努力。服务的产品包括网易门户、邮箱、博客、无线、交友、基础产品等，UEDC聚合了100多名优秀的设计师

章 设计基础
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

自序：设计的平衡

经常有人问我：怎样才能做好一个设计？我想提问的人往往都是希望我能从工作经验中，提炼出几个简单的原则，但其实这样的问题我很难回答，虽然这些年我设计过的不少产品都获得了社会的认同，每天也从事着做“好”设计的工作 , 但我还是无法简单地描述出一个设计怎样才能做“好”, 甚至连什么是“好”都不是那么明确。“好”是由几个本质特征综合起来的 , 是无法一概而论的抽象词 , 而我想正是因为它的抽象 , 所以显得特别迷人。

首先，“好”是主观的。不同的用户群会有不同的欣赏标准，有些欣赏标准甚至是互斥的。就好比叛逆的学生留着奇怪的发型，觉得这是彰显个性的表现，他们的审美诉求就是希望能和上一代划清界限，可这在其他人眼里不叫个性，更不是时尚，大众甚至给这种风格起了一个带有贬义的名词：杀马特。再者，群体里面也存在个体的差异，如有人偏爱冷色，有人偏爱暖色等。就像现在年轻的时尚达人们都喜欢极简朴素风，而跳广场舞的阿姨们却偏爱五颜六色、花花绿绿的穿搭。从阿姨的视角来说，她喜欢的就是对的。设计要做的就是迎合某类群体。怎么做？很简单，多去分析他们喜欢的风格就好了，真正困难的是设计一款ToC 产品，设计师面对海量用户的时候要知道该如何取舍用户群。

其次，“好”是多维的。除了好看这个重要指标之外，可用性和对产品的价值贡献等都是衡量好坏的标准。以网易考拉的首页为例，从产品长远的角度来说，建立良好的品牌认知很重要，所以界面应该有“调性”，同时突出品牌印象（红色）；但从眼前迫切的 KPI 压力来说，销售是位的，丰富抢眼的BANNER也非常有必要，七彩的 BANNER 对“调性”和品牌感都有负面影响，这些矛盾我们应该如何取舍是需要考量的。此外，“好”有时候是多目标的，比如在一个 BANNER 的设计之中，目标可能包括品牌推广、产品销售、强推流量转化（标题党）等，这些目标都对 BANNER 上承载的内容有所影响，那么如何取舍才有利呢？

再次，“好”是有成本的，不仅包括研发成本，也包含设计师投入的成本，更重要的是用户的学习理解成本。我们想要给一个产品注入眼前一亮的设计时，要考虑成本的投入，无节制的投入“设计亮点”肯定会遭到反弹，这时如何取舍就非常讲究了。

除了上面提到的，做“好”设计还有很多值得考虑的地方，如果非要我概括的话，我认为好的设计就是“能在复杂的环境中找到平衡点”的设计。所以，更清晰地洞察环境，摸透用户的需要，看懂市场的变化，去获得更丰富的创造力，设计出明智的解决方案，这些就是做“好”设计的方法，也就是所谓的“多看、多学、多想、多试、多练”。

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

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

网易 UEDC 团队自创建以来，一直是我心目中国内*专注的体验设计团队之一。十年里，他们以匠心精神为网易产品设计赋能，打造了满足并超越用户预期的体验。《以匠心，致设计：网易 UEDC 用户体验设计》浓缩了十年思想与实战的精华，充分体现了网易设计团队对专业的执着与专注。期待网易体验设计团队在下一个十年持续为用户创造惊喜！
黄峰 唐硕创始人，UXPA 中国联合创始人，同济大学设计与创意学院客座教授

以设计，致创新！网易用户体验设计中心的专家们透过设计驱动创新的方式精心打磨了一款又一款令人尖叫的互联网产品，以匠人的设计思维，呈现趋于完美的用户体验。在消费升级的趋势下，网易设计成为中国互联网行业用户体验设计的风向标，引领了中国互联网行业的设计思潮。其在社区平台、新闻门户、移动阅读、电子邮件、游戏竞技、社交娱乐、电子商务等多个类别的产品领先于同行。这本书凝聚了网易人的设计精髓，透过实际案例通过设计基础、设计实践、方法思考、成长指南四章讲述了设计师日常工作中不可避免的用户引导、色彩搭配、品牌设计、体验设计、信息层级、设计规范等内容。要了解网易设计师，这本书呈现了网易设计思维！要了解网易产品，这本书深入讲述了网易产品背后的故事！要了解网易用户体验设计的成功，这本书是一个*渠道！
胡晓 国际用户体验设计专业组织（IXDC）创始人

《以匠心，致设计：网易 UEDC 用户体验设计》写的很“帅”。这本书表现了网易用户体验设计中心这个团队在设计实践中对用户体验的深度解读。这本书也让我们看到了因为用户体验，设计是如何思考的。大道至简，有了以用户为中心的理念，我相信，我们的产品会越来越酷。我向广大的读者这本书，希望有越来越多的设计能够体现用户体验的精髓。
葛列众 教授，博士生导师，浙江大学心理科学研究中心副主任，
中国心理学会工程心理学专业委员会主任委员，中国用户体验联盟（UXACN）副主席

网易辛勤耕耘互联网 20 余年，推出了众多优秀产品，超前的理念和优秀的设计都得到了市场的认可。《以匠心，致设计：网易 UEDC 用户体验设计》一书记录了网易设计的心路历程，相信对用户体验行业的从业者会有很好的启发。
何人可 教授，博士生导师，湖南大学设计艺术学院院长，全国教学名师，
高等学校工业设计专业教学指导分委员会主任委员

在唯快不破的互联网时代，网易始终秉持慢工出细活的风格，打磨产品体验，为人乐道。打磨背后沉淀的思考、经验、案例都在本书中得以呈现，于学界、业界都不可多得，一读，值得细嚼。
王昀 教授，博士生导师，中国美术学院文创设计制造业协同创新中心主任

艺术与设计不仅仅是一门职业，不是正襟危坐的一门门课程，而是一种态度、一种眼光、一种体验，甚至是一种生活方式 ，这也是“匠心”的本质。
王中 教授，博士生导师，中央美术学院城市设计学院院长

 “匠”的意思是手艺人，是一个很接地气的词。这本书也是一本很接地气的书，原原本本、实实在在地介绍了网易的设计实践经验，这种谦逊的态度和无私的分享精神实在难能可贵。
王国胜 清华大学美术学院艺术与科学中心设计管理研究所副所长，
SDN 国际服务设计联盟中国区主席

近些年，中国互联网空前繁荣，用户体验起到了尤为重要的作用。网易作为中国互联网*早的一批先行者，至今仍保持旺盛的生命力，同样得益于对用户体验的“匠心般坚持”。这本书从实处起笔，介绍了良多网易的一线设计经验，诚意可贵，值得细读。
张凌浩 教授，博士生导师，江南大学设计学院院长，青年长江学者

纵观行业，网易产品的影响力是巨大的，本书集中展示了这些年网易众多优秀产品的设计历程，也凝聚了设计者宝贵的设计方法与经验。如果你对如何做出简明而优秀的设计感兴趣，这本书会让你受益良多。
朱印 小米首席设计

*早一批起步、耐得住寂寞、又持续有优秀产品产生的网易，是互联网公司中的“异类”，这样的公司文化也体现在网易产品的用户体验设计中，当得上“匠心”二字。本书给有志于产品与用户体验的设计师们提供了一个独特的学习视角。
吴卓浩 创新工场 AI 工程院 VP，前 Google 中国用户体验团队负责人

网易出品的产品设计一贯优雅、沉稳、恰到好处。我好奇在什么样的品牌文化与团队影响下能够孕育如此之多优秀的设计，想必在这背后 UEDC 付出了巨大努力。虽然无法确认这本书能否直接告诉我答案，但是相信本书的细枝末节中一定会对答案有所体现。由浅及深，由点到面，不论是老手，还是新人，带着这个问题开始应该都能从中获益。
董宇（NOS） 陌陌设计副总裁

以初心对待每个设计，以匠心铸就好的产品。
朱君 UI 中国联合创始人，小米生态链创意中心总监

网易的产品一直深受用户的喜爱，在海量用户和丰富的产品中积累了多年经验，这些精髓都在本书中得以体现。希望读者通过众多的案例分享对网易的设计理念、流程、方法论有更深入的认知。设计师在成长中不仅要低头看地，也需要抬头看天，充分吸取养分来让自身有更快地成长。相信此书一定不会辜负你的期待。
赵天翔 滴滴 CDX（用户体验与创意设计部）设计总监

本书是期待已久的网易体验设计领域的专业沉淀。有幸在网易工作期间经历了网易 UEDC 从无到有的过程，时过八载，网易设计一直秉承精益求精的设计精神，无论是网易严选、网易云音乐，还是网易云阅读，都能看到网易人切实深入用户场景打磨体验。无论是在视觉传达，还是在流程体验，都能看到网易每个产品独有的魅力和个性，这点在当代的互联网环境难能可贵，本书充分体现了网易设计团队在体验设计领域对匠心的追求。希望大家能通过此书收获良多。
卢锟 腾讯 QQ 设计总监

有人说今天的设计相较于十年前变得更简单了，因为已经有很多成熟的方法论。其实，在消费升级和 AI爆发的今天，任何行业对设计的要求都要明显高于以往任何时期，今天的设计是理性和感性高度结合的产物，同时会更加带有设计师个人或设计团队的属性，每一次跨行业或跨团队的学习机会都是对自己能力模型的重要补充。网易 UEDC 团队的《以匠心，致设计：网易 UEDC 用户体验设计》是一本设计工具书，更是 UEDC 团队在日常工作中沉淀下来的心得，书中会用朴素的设计师语言、专业的方法论和网易多款经典产品的设计案例来告诉你他们是如何思考，如何来诠释网易的设计的。
曲佳 百度金融 FDC 团队负责人

《以匠心，致设计：网易 UEDC 用户体验设计》这本书真实反映了网易产品的不同之处，虽不张扬，但在用户中的口碑都非常优异。这反映出网易设计团队是真正用专业做设计、用匠心做体验。本书涵盖交互、UI、品牌设计，有方法、有案例、范畴宽，实为业内不可多得的堪比教科书的专业书籍，强力！
贾云 大众点评平台总经理，大众点评首席体验官
感谢网易用户体验设计中心给设计师群体提交了一份这么圆满的答卷！以工匠之心，致敬设计初衷，从基础到实践再到设计思考，本书给设计师提供了非常优秀的成长指南，充分体现了网易用户体验的专业性及其乐于分享的精神，这是一本非常值得拥有的设计书籍。祝大卖。
原雪梅 360 用户体验设计总监近年来进入用户体验行业的设计师越来越多，有很多还是在摸着石头过河。网易 UEDC 将几年的经验汇集成册，从基础到进阶，从设计思维到设计实践，用真实的项目经历和总结，细致地讲述了在工作实践中所用到的各种设计方法。比如视觉设计师如何运用情感设计，交互设计师如何运用营销策略，设计师如何自我管理、自我提升，相信这对很多遇到瓶颈的设计师有不小的助推作用！
董景博 UI 中国创始人、CEO

网易云音乐、网易严选、网易蜗牛读书……为什么网易的产品都那么独特又让人爱不释手？这背后网易UEDC 功不可没。这本《以匠心，致设计：网易 UEDC 用户体验设计》将会带领你学到怎样把“设计师的匠心”从口号变成真实的产品力。
梁耀明 站酷创始人、CEO

网易的产品与设计一直在国内的互联网公司中独树一帜，相信在这样的风格和成就之下，一定有着一群设计师在以自己的方式坚持着独特的理念。而在这本书中，我们会看到那些不为人知的秘密，这是记录，更是价值，值得我们去一探究竟。
相辉 林Caroline 绘麟社创始人，插画家