UED List

• 2021-Visual design rules you can safely follow every time: You do not have to follow these rules every time. If you have a good reason to break any of them, do. But they are safe to follow every time.

Atomic Design

• 2017-Atomic Design with React: That was the moment in which we paused to rethink our architecture and how we could set the components in a more distributed and organized way.

• 2019-Design Systems and Front-End Architecture: Design Systems are so hot right now, in this talk I will discuss the various parts that make up one and offer various takeaways to help you start or continue your current system.

Web Design

• 2018-Stop building websites with infinite scroll!: In this article, we will explain why you need to stop building websites with infinite scroll.

1.《设计心理学》

这本书能够让人对于设计有一个全新的认识，尤其是对传统固化的思维方式有一个颠覆性的认识。你会开始观察你身边的一切，思考你身边的一切，当你不知道该怎么使用一个东西的时候你不会再开始埋怨自己不够聪明，而是开始思考设计这个产品的人是否是“沙碧亚”，或者有没有更适合的方式。《设计心理学》豆瓣

2.《启示录》

这本书算不上是入门的书，但是如果你学习产品有了一段时间，同时又特别反感用户体验这个坑爹词的话，你看这本书能够让你清楚产品经理核心工作内容，会让你从此脱离用户体验这个很空虚的词汇，扎根进入土壤吸取不同方面的知识，你会认识到产品是很重要的，同时你的团队每个人都是重要的。《启示录》豆瓣

3.《浪潮之巅》

隆重介绍一下子这本书，原因在于这本书涉及到了很多的方面。不仅仅只有 IT，还有商业、风投、技术环境历史以及财务分析，而这些都是一个优秀的产品经理或者说优秀的创业者所必须要了解的知识。作者吴军是我非常佩服的人，能够将事情讲得如此深入浅出，国内无出其右了。《浪潮之巅》豆瓣

4.《计算机科学概论——第 10 版》

我认为一个产品不懂技术是正常的事情，但是我认为如果一个好的产品必须要对于技术有一个非常全面的了解，能够听懂程序员的语言，能够尝试用程序员的思维来进行沟通，那么双方的沟通会变得比较顺畅。这样子使得产品能够更好的把握产品节奏，并且好的技术代表了更高的社会生产力，流行的技术很多时候能够改变产品的形态。所有学习这本书，能够让你听懂程序员的语言，让你更了解程序员的思维。《计算机科学概论——第 10 版》豆瓣

5.《统计数字会说谎》

这本书是对于互联网上面各种虚假数据的一个响亮的耳光，虽然这本书已经出版很多年了，但是它的价值非常的大。产品经理需要浏览互联网上面大量的信息，如何甄别其中真实的数据信息是有很大的难度的，因为信息不对称或者信息虚假会导致产品发展方向的判断会出现错误。这本书的价值就已经很好的体现出来了。《统计数字会说谎》豆瓣

6.《巴菲特教你分析财报》

还是针对互联网上面各种虚假数据的，其实很多公司最真实的数据来自于企业的财报。与其听互联网上面评论家各种喷水，还不如切实的分析大公司的财务，从而得出你自己想要的信息，这样子才能够更好的把握互联网公司的一个脉络。一个好的产品经理，起码得了解一定的财务知识，学习吴军分析财报的方法。这本书相当基础，但是相当适合。《巴菲特教你分析财报》豆瓣

7.《06~13 的杂志》

这个也是针对目前的互联网信息来源说明的。很多新入职的产品助理以及产品爱好者喜欢引用网上的文章来佐证自己的观点的正确性，但是这种做法是错误的。因为那个文章是有问题的，毕竟互联网上发表的文章并没有论文制，也没有 PR 值对它进行评判，同样的问题在于你说观点仅仅只是片面的，毕竟你只是从产品的角度进行理解，但是一个公司包含了商业、市场、管理等多个方面，并且你针对的言论也仅仅只是一时的。这样子会出现认知上的偏差，如同盲人模象，都是片面的。最好的办法就是在互联网多干几年，市场经验以及行业经验都会有，但是对于新人，我自己的办法就是阅读旧杂志。

原因在于

第一：杂志很多时候都是帮你把信息给过滤集合成的一个精选内容，天然帮你规避了不少无用的文章以及信息，毕竟现在互联网的信息爆炸，虚假、伪原创实在太多。虽然会信息漏掉很多，但是这个行业的大事基本上是不会缺少的，只要脉络在，一切好说。

第二、读一两年的旧杂志没有什么作用，但是想想如果你将 06 年到 13 年的旧杂志全部看一遍，那么这个行业如何发展如何衍化，自己心中自然有数。那时候就会拥有一定的大局观以及市场观念，做什么事情都会变得不那么草率，毕竟做产品的自己要思考得很清楚。

第三、可以印证当下发生的事情。

PS：（06~13 年的旧杂志只是笼统的，老杂志比较好的推荐 IT 经理人世界以及互联网周刊，０９年开始看新的看商业价值）

8.伊达千内的《色彩、文字、版式设计原理》三本书

UI 设计的主要工作都包括进去了，如果能够将这三本书很好的看完，你也会了解ＵＩ设计师的工作了，沟通自然也会顺畅。色彩、文字以及板式都是信息传达的方式。产品入门者很多都会告诉 UI 设计师，我要一种颜色能够让大多数人喜欢？你觉得会被喷，你应该这么说，我需要传递给用户一种安全、值得信赖的感觉。金山、知乎的主色调都是蓝色，你看完书就会明白。

色彩设计的原理 豆瓣

版面设计的原理 豆瓣

文字设计的原理 豆瓣

9.《学会提问——批判性思维指南》

我觉得这本书能够帮助一个人理清自己的思路，尤其是在思绪乱麻的时候，并且这种习惯能够帮助一个人更好的抓住重点。《学会提问》豆瓣

10.《乌合之众——大众心理学》

这本书是正在看，感觉非常不错。能够更好的认知大众心理，虽然这本书是法国资产阶级革命的时候写的，但是对于群体心理的描述真实入木三分，真心值得好好的研究。乌合之众

11.《About Face3 交互设计精髓》

是一本数字产品和系统的交互设计指南，全面系统地讲述了交互设计过程、原理和方法，涉及的产品和系统有个人计算机上的个人和商务软件、Web 应用、手持设备、信息亭、数字医疗系统、数字工业系统等。运用《About Face3 交互设计精髓(经典再现软精装版)》的交互设计过程和方法，有助于了解使用者和产品之间的交互行为，进而更好地设计出更具吸引力和更具市场竞争力的产品。《About Face3 交互设计精髓》豆瓣

12.《瞬间之美》

本书通过重现用户面对 Web 应用时由始至终的完整情境，主要针对 Web 应用中几乎所有相关元素，例如 Search、Screencast、Blog、Wizard、RSS、Rate、TagCloud 以及 Form 的布局、交互甚至客服等都提出了值得借鉴的解决方案。具体通过 30 多个故事轻松自然地带领读者领会设计者如何百分之百地用心传达以创造美好的用户体验。《瞬间之美》豆瓣

13.《微交互·细节设计成就卓越产品》

平庸的产品与伟大的产品差就差在细节上。作者 Dan Saffer 将通过这本书展示怎么设计微交互，即位于功能之内或周边的那些交互细节。你的手机怎么静音？你怎么知道有新邮件了？怎么修改应用的设置？诸如此类的交互细节，既可以毁掉一个产品，也可以成就一个产品。高效而有趣的微交互，涉及触发器、规则、循环和模式，还有反馈。透过书中生动、真实的设备及应用示例，读者将理解微交互对于塑造产品个性、赋予产品卖点的重要意义。《微交互·细节设计成就卓越产品》豆瓣

14.《用户体验百家谈(十周年纪念辑)》

文章包括行业经验分享、研究工具探索、总结项目实践、设计管理心得、预测发展趋势，以及理论研究与探讨，其中既有当今行业国内外资深专家或教授的专题撰写，也有往年 UXPA 文集中的精选佳作，更有行业最前沿的投稿评选精品。《用户体验百家谈》

Typology（排版）

• 一条视频告诉你：排版的重要性

• 赫蹏 : 赫蹏（hètí）是专为中文内容展示设计的排版样式增强。它基于通行的中文排版规范而来，可以为网站的读者带来更好的文章阅读体验。

Enterprise Design（商业设计）

• 2018-How white space killed an enterprise app (and why data density matters)

• 2014-Steve-Don’t Make Me Think, Revisited》📚: A Common Sense Approach to Web Usability.

• 2017-The Design of Everyday Things》📚: This is a starter kit for good design. It is intended to be enjoyable and informative for everyone: everyday people, technical people, designers, and nondesigners.

色彩搭配

• 2020-How to pick more beautiful colors for your data visualizations: Common color mistakes and how to avoid them.

Design Patterns

• Cloudscape Design: Patterns are reusable combinations of components that solve common user problems. Our best practice solutions help users achieve their goals and ensure consistency across experiences.

• Ant Design: 随着商业化的趋势，越来越多的企业级产品对更好的用户体验有了进一步的要求。带着这样的一个终极目标，我们（蚂蚁集团体验技术部）经过大量项目实践和总结，逐步打磨出一个服务于企业级产品的设计体系 —— Ant Design。基于「自然」、「确定性」、「意义感」、「生长性」四大设计价值观，通过模块化解决方案，降低冗余的生产成本，让设计者专注于更好的用户体验。

1. 平面设计: 《超赞！设计师完全自学指南》
2. 交互设计: 《交互设计师修炼指南！教你从零开始成为优秀交互设计师》
3. UI 设计: 《超实用新手指南！零基础如何自学 UI 设计？》
4. 前端开发: 《天猫高手来教你！零基础如何系统地学习前端开发？》
5. 抠图技巧: 《从菜鸟到高手！PHOTOSHOP 抠图全方位攻略》
6. 配色方案: 《色彩搭配速成！3 个实用方法帮你全面搞定配色》
7. DPI 指南: 《基础知识学起来！为设计师量身打造的 DPI 指南》
8. 交互设计自学路径图: 《零基础入门！给非科班生的自学路径图之交互设计篇》

• 2018-7 Practical Tips for Cheating at Design: Improving your designs with tactics instead of talent.

• 2017-Froala Design Blocks: All blocks are based on the Bootstrap Library, and they are the building blocks for beautiful websites.