文章目录
Ant Design 是阿里巴巴集团推出的开源企业级 UI 设计语言和 React 组件库,其核心价值在于统一的设计体系、高质量的代码实现和丰富的工程化生态。它通过设计原则驱动开发,结合开箱即用的组件与灵活的定制能力,成为中后台系统开发的事实标准。
一、核心设计体系
1. 设计价值观驱动
- 四大价值观:
- 自然:交互符合直觉(如表单校验提示即时反馈)。
- 确定:视觉层次清晰(如明确的按钮优先级)。
- 意义感:通过微动效增强用户感知(如加载动画)。
- 生长:支持业务灵活扩展(如动态主题配置)。
- 设计语言标准化:
- 定义色彩系统(如品牌色
#1890ff
)、间距规则(8px 基准网格)、动效规范(缓动曲线ease-in-out
)。
- 定义色彩系统(如品牌色
2. 主题定制能力
- 动态主题:
- 通过
@ant-design/c
- 通过