antdesign设计规范（ant design modal）

Ant Design 设计规范

简介

Ant Design 是蚂蚁集团开发的一套企业级 UI 设计语言，为 Web、移动和桌面应用程序提供一套全面的、高效的设计体系。其设计规范旨在指导用户界面（UI）的一致性和可用性，以确保用户获得顺畅和直观的体验。

构建块

栅格系统：

使用 24 列栅格系统来组织布局，确保元素在不同屏幕尺寸上保持一致。

配色方案：

基于「Less is More」原则，采用中性色调和关键色调，营造简约而优雅的视觉效果。

版式：

遵循清晰、易读的版式规则，使用无衬线字体、适当的字号和行高。

图标：

提供了一套全面的图标，以直观的方式传达信息。

组件库：

包括各种 UI 组件，如按钮、输入框、表单、表格和对话框，以满足各种应用程序需求。

交互原则

反馈：

通过视觉和声音提示提供清晰的反馈，让用户了解他们的操作结果。

一致性：

在所有组件和交互中保持一致性，减少认知负荷。

可访问性：

考虑到不同能力的用户，通过遵循 WCAG 准则，确保界面易于访问。

效率：

优化交互设计，减少不必要的步骤和认知负荷。

布局和组织

导航：

采用清晰的导航结构，包括顶部导航栏、侧边栏和面包屑。

布局：

使用栅格系统和版式原则，创建井然有序且易于扫描的界面。

空白：

留出足够的空白，改善可读性和视觉清晰度。

响应式设计：

确保界面在所有设备（台式机、笔记本电脑、手机和平板电脑）上自适应和响应。

内容和风格

内容优先：

优先考虑内容的可读性和可理解性，使用清晰简洁的语言。

视觉层次：

通过使用标题、段落、列表和视觉元素建立视觉层次，指导用户关注重点内容。

品牌化：

允许企业定制配色方案、徽标和字体，以创建独一无二的品牌体验。

不断迭代

Ant Design 设计规范不断迭代，以跟上技术和用户需求的变化。社区反馈和研究被用于改进规范，确保它仍然是企业级 UI 设计的行业标准。