对Ant Design产品的认识

（作者：黄海浪，撰写时间：2019年5月4日）
Ant Design这款企业级产品是一个庞大且复杂的体系。这类产品不仅量级巨大且功能复杂，而且变动和并发频繁，常常需要设计与开发能够快速的做出响应。同时这类产品中有存在很多类似的页面以及组件，可以通过抽象得到一些稳定且高复用性的内容。这些是关于它的基础介绍。
首先来给大家看看Ant Design这个产品首页是什么样的（如图所示）：

Ant Design的首页图
这个产品的首页就让人感觉很有意思，有一种科技感的风格，那么我来带大家走进里面，我要讲的是它视觉内容中的色彩认识，色彩在制作东西的过程中都很重要，色彩也是大家最常见的，生活中处处都是色彩，Ant Design这款产品就将色彩体系解读成两个层面：系统级色彩体系和产品级色彩体系，系统级色彩体系主要定义了蚂蚁中台设计中的基础色板、中性色板和数据可视化色板；产品级色彩体系则是在具体设计过程中，基于系统色彩进一步定义符合产品调性以及功能诉求的颜色。这些是Ant Design产品中简单的色彩介绍，在Ant Design产品中色彩讲解最主要的是系统级色彩体系和产品级色彩体系，而这两个体系中还有许多的色板介绍与符合产品调性以及功能诉求的颜色介绍。其次最重要的还是系统级色彩体系，因为产品级色彩体系是在系统级色彩体系的基础上进行整理与更改，进一步的调节出符合产品的颜色。Ant Design中的系统级色彩体系同样源于『自然』的设计价值观。设计师通过对自然场景的抽象捕捉，结合蚂蚁的技术基因，形成了特有的 12 色。进一步又通过大量的观察，捕捉不同色彩在自然光下的变化规律，借助美术中素描的思路，对 12 个颜色进行了衍生。在中性色板的定义上，则是平衡了可读性、美感以及可用性得出的。这是Ant Design产品中对系统级色彩体系进一步的介绍，Ant Design产品中的系统级色彩体系是由设计师们精心设计出来的，首先通过设计师们的场景抽象捕捉，再结合产品里的技术基因制作出特有的12色，再对12色进行衍生，使得这12个颜色更加完美及拥有可用性。Ant Design产品中的基础色板共计 120 个颜色，包含 12 个主色以及衍生色。这些颜色基本可以满足中后台设计中对于颜色的需求。基础色板中的颜色足以满足制作后台网页中的颜色需求，Ant Design产品中的色板还具备着拓展的能力，经过设计师与程序员的精心调制下结合出了色彩自然变化的规律，就这样慢慢地更改与调制得到了一系列的完整衍生色。我来给你们看看后台网页的颜色搭配（如图所示）：

后台网页图片
这些就是我对Ant Design这个产品的认识与产品中的色彩介绍，这些色彩介绍内容只是基础的。