Ant Design

撰写人：黄文政 创建时间：4月26日
对齐
在知觉过程中人们往往倾向于使知觉对象的直线继续成为直线，使曲线继续成为曲线。在界面设计中，将元素进行对齐，既符合用户的认知特性，也能引导视觉流向，让用户更流畅地接收信息。
文案类对齐

正确案例。标题和正文左对齐，使用了一个视觉起点。

错误示例。标题和正文使用了两个视觉起点，不推荐该种对齐方式，除非刻意强调两者区别。
如果页面的字段或段落较短、较散时，需要确定一个统一的视觉起点。
表单类对齐

冒号对齐示例
冒号对齐（右对齐）能让内123、、容锁定在一蓄势定范围内，让用户眼球顺着冒号的视觉流，就能找到所有填写项，从而提高填写效率。
数字类对齐

正确示例

错误示例
为了快速对比数值大小，建议所有数值取相同有效位数，并且右对齐。
简化交互
交互按钮使用简洁的语言来描述以及能让人一眼看出这是什么东西的icon来描绘。
亲密性
如果信息之间关联性越高，它们之间的距离就应该越接近，也越像一个视觉单元；反之，则它们的距离就应该越远，也越像多个视觉单元。亲密性的根本目的是实现组织性，让用户对页面结构和信息层次一目了然
字号
字号大小不能差距过大，一般情况下网页上最大号字体与最小号字体相差不能超过十号。字号差距过大会影响用户的阅读体验。
中性色板
中性色包含了黑、白、灰三种颜色。合理的选择中性色能够令页面信息具备良好的主次关系，助力阅读体验。原型图就是使用这三种颜色制作的。
功能色
功能色代表了明确的信息以及状态，比如成功、出错、失败、提醒、链接等。功能色的选取需要遵守用户对色彩的基本认知。红色代表失败、出错；绿色代表成功；黄色代表提醒；蓝色代表链接。