图书和文章推荐
Simple and Usable Web,Mobile,and Interaction Design ，中文版译名为《简约至上》
Designing with the Mind in Mind: Simple Guide to Understanding User Interface Design Rules ，中文版译名为《认知与设计：理解 UI 设计准则》
Designing Interfaces: Patterns for Effective Interaction Design ，中文版译名为《界面设计模式》
The Psychology Principles Every UI/UX Designer Needs to Know
18 designers predict UI/UX trends for 2018
The Evolution of UI/UX Designers Into Product Designers
原子设计（Atomic Design）
Atomic Design 原子设计┃构建科学规范的设计系统
网页设计：Atomic Design 简介及工作实例
电子书：Atomic Design by Brad Frost 是布拉德·弗罗斯特写的一本书。
博 客：Atomic Design 是布拉德·弗罗斯特的博客。
实验室：Pattern lab 是布拉德·弗罗斯特依照这个设计系统所建立的一套工具，可以前往 Pattern Lab 的 GitHub 来试试 Atomic design。
接下来是关于这个设计方法和 React.js 框架的几篇文章。 Atomic Design with React Atomic Components: Managing Dynamic React Components using Atomic Design
设计语言和设计系统
Fluent Design System
What’s new and coming for Windows UI: XAML and composition
Introducing Fluent Design
Fluent Design: Evolving our Design System : Build 2018
Microsoft Build 2018 - Fluent Design System Demo
Microsoft Build 2018 - Fluent Design System Evolution
Fluent Design System inside of Microsoft: Office : Build 2018
Material Design
Material Design 于 2014 年的 Google I/O 大会上发布（参看 Google I/O 2014 - Material witness: How Android material applications work）
Material Design Lite ，这是 Google 官方的框架，简单易用。
Materialize ，一组类似于 Bootstrap 的前端 UI 框架。
Material-UI 是基于 Google Material Design 的 React 组件实现。
MUI 是一个轻量级的 CSS 框架，遵循 Google 的 Material Design 设计方针。
其它公司
苹果公司的设计指南，在这个网站有苹果的各种设备的设计规范和指导，一方面可以让你的 App 能和苹果的 UI 融合在一起，另一方面，你也可以从中看到苹果的审美和思维方式。
IBM 公司的设计语言 ，我们总觉得 IBM 公司是一家比较传统的没有新意的公司，但是并不是这样的。IBM 公司的这个设计语言的确比较出众。所以，在这里推荐一下。
Salesforce 公司的 Lightning Design System ，是在 Salesforce 生态系统中用于创建统一 UI 的设计模式、组件和指南的集合，是一个企业级的产品。
Facebook Design - What’s on our mind? ，Facebook 的设计师们收集的一系列的文章、视频和资源。很不错哦。
动画效果设计
CodePen
Understand the 12 principles of animation
6 Animation Guidelines for UX Design。这是 Prototypr 公司的一个指南，其中主要指出，动画效果不是为了炫配，而是能让你的 UI/UX 能活起来，自然，不消耗时间，并且是生动故事型的动画效果。其中还推荐了如下几篇很不错的文章。
Transitional Interfaces
UI Animation and UX: A Not-So-Secret Friendship
Invisible animation
Creating Usability with Motion: The UX in Motion Manifesto
Designing Interface Animation ，这篇文章同样说明，任何一个小动画都是要讲一个微故事的，而且这些微故事会和你的品牌和产品理念相融合。动画会给人更深的印象，让人们更容易记住你。这篇文章主要是讲品牌动画。
Animation principles in motion design ，这篇文章有点像设计模式，给了一些动画效果的套路和演示。
Creating Usability with Motion: The UX in Motion Manifesto
Integrating Animation into a Design System
Great UI/UX Animations 是设计师丹尼尔（Daniel）收集的一些很不错的动画，可以给你一些灵感。 Great UI/UX Animations 第一组 Great UI/UX Animations 第二组
文章资源
Web Designer News ，一个文章聚合的网站。除此之外，还有两个文章聚合网站，你也可以订阅。一个是Designer News ，另一个是 Reddit Web Design。
Marvel Blog ，Marvel 团队的博客。
The Next Web ，内容主要涵盖国际技术新闻、商业和文化等多个方面。
Medium - Design ，Medium 现在已经成为一个好文章的集散地了，这个地方必去。
Smashing Magazine ，这个地方是给专业的 Web 设计师和程序员的。不但有设计还有 HTML、CSS 和 JavaScript 等各种资源。
Sitepoint ，这个网站上也有很多不错的给 Web 前端程序员和设计师看的文章（当然，给程序员看的有点简单了，我觉得更像是让设计师来学写程序的网站）。
设计收集
Awwwards ，这个网站给一些设计得不错网站的评分，在这里你可以看到很多设计不错的网站。
One Page Love ，就是一个单页的网页设计的收集。
Inspired UI ，移动 App 的设计模式。
Behance，这个地言有很不错的很有创意的作品。
Dribbble ，这应该是设计师都知道也都爱去的网站。除了你可以看到一些很不错的作品外，你还可以在这里看到很多不错的设计师。
UI Movement ，也是个设计的收集网站，上面有很多很不错的 UI 设计，大量的动画。虽说会像抖音一样，让你不知不觉就看了好几小时，但是它比抖音让你的收获大多了。
