Ant Design

Ant Design / 2015– / 风格 / 平台界面语言

一套以可复用组件和页面模式让企业 Web 应用保持低熵的设计系统。自然、确定、有意义与生长这四项价值,把表格、表单、层级与状态系统化,却不降低信息密度。

Ant Design — AI 生成的诠释图像 1
AI 生成的诠释图像(并非参考作品)
Ant Design — AI 生成的诠释图像 2
AI 生成的诠释图像(并非参考作品)
Ant Design — AI 生成的诠释图像 3
AI 生成的诠释图像(并非参考作品)

快速判断

视觉特征

  • 小字号与细线组成的密集表格
  • 蓝色主要操作与含义明确的状态色
  • 表单、分页、树形结构与表格保持一致
  • 靠对齐和重复建立可读性,而不是依赖宽松留白

适用场景

  • Enterprise admin screens with many tables, forms, permissions and states
  • Standardizing component behavior and exceptions in international products

使用这一风格

把简短指引带入项目,或将结构化规格交给AI工具。

详细方法与出处制作规则、真实案例、比较、研究与引用格式

辞典词条

字体
Keep body text compact and separate labels, values and help text through weight and color.
版面
Set table and form columns first; show relationships through alignment rather than extra space.
材料
Start with white, fine borders and a blue primary action; hold every state color to one meaning.
注意
A component catalog dropped onto a page can look orderly while leaving the actual workflow undesigned.
延伸阅读
Natural, Certain, Meaningful and Growing / Enterprise-class component patterns / Theming and internationalization

相关词条

继续浏览平台界面语言

从平台界面语言中按共同感受优先推荐以下词条。

查看平台界面语言全部词条

引用此条目

这部辞典就是用来被链接的。请取用适合你写作场合的那一种形式。

Link
https://indexstyle.org/zh/styles/ant-design
Markdown
[Ant Design — IndexStyle](https://indexstyle.org/zh/styles/ant-design)
HTML
<a href="https://indexstyle.org/zh/styles/ant-design">Ant Design — IndexStyle</a>

返回索引中的位置