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



快速判断
视觉特征
- 小字号与细线组成的密集表格
- 蓝色主要操作与含义明确的状态色
- 表单、分页、树形结构与表格保持一致
- 靠对齐和重复建立可读性,而不是依赖宽松留白
适用场景
- 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
相关词条
- GitHub Primer (GitHub Primer)同属平台界面语言。比较Ant Design与GitHub Primer
- Fluent 2 (フルーエント2)共同感受:Trust / Technique。比较Ant Design与Fluent 2
继续浏览平台界面语言
从平台界面语言中按共同感受优先推荐以下词条。
- Motif (モチーフ)共同感受:Technique / Trust。
- OPEN LOOK (オープンルック)共同感受:Technique / Trust。
- Adwaita (アドワイタ)共同感受:Technique / Trust。
引用此条目
这部辞典就是用来被链接的。请取用适合你写作场合的那一种形式。
- 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>