Ant Design

Ant Design，这是一款主打UI设计的软件，为小伙伴提供更强大的设计工具，帮助小伙伴制作出自己满意的作品，还有诸多的设计制作功能，帮助小伙伴更深入的完善UI的细节，制作出最佳的UI效果图片!

Ant Design说明

Ant Design是一款操作非常简单的企业级UI设计语言和React组件库，这款软件是使用TypeScript构建，可以为你提供非常完整的类型定义文件，软件采用企业级中后台的产品交互语言，功能非常强大，有需要的小伙伴快点下载尝试一下吧!

Ant Design特色

提炼自企业级中后台产品的交互语言和视觉风格。

开箱即用的高质量 React 组件。

使用 TypeScript 开发，提供完整的类型定义文件。

全链路开发和设计工具体系。

数十个国际化语言支持。

深入每个细节的主题定制能力。

Ant Design优势

1、更加专注内容：试想一下，我们在电影院看电影时，为什么要全场关灯?甚至有些 APP，在影片的下方也会有一个模拟关灯效果的操作，来让整个手机屏幕变黑，只剩下视频画面的部分，这都帮助我们可以更专注、更沉浸在当前的内容下。

2、在暗光环境下更加适用：如今社会我们身处黑夜使用手机、电脑、ipad等设备的次数越来越多，环境光与屏幕亮度的明暗差距在夜间会被放大 ，亮度对比带来视觉刺激也更加明显，使用暗色模式可以缩小屏幕显示内容与环境光强度的差距，同时也可以为设备的续航带来积极影响，可以保证使用者在暗光环境下使用 OLED 设备的舒适度

3、大众喜爱：黑色一直以来就可以给人以高级、神秘的语义象征，相比于浅色模式，暗色模式藏着更多可能性

Ant Design常见问题

如何修改 Ant Design 组件的默认样式?

你可以覆盖它们的样式，但是我们不推荐这么做。antd 是一系列 React 组件，但同样是一套设计规范。

如何使用 Day.js 替换 Moment.js 来减小打包大小?

可以参考替换 Moment.js。

当我动态改变 defaultValue 的时候它并没有生效。

Input/Select 等的 defaultXxxx(例如 defaultValue)只有在第一次渲染的时候有效，这是 React 的规范，请阅读 React 的文档。

为什么修改组件传入的对象或数组属性组件不会更新?

antd 内部会对 props 进行浅比较实现性能优化。当状态变更，你总是应该传递一个新的对象。具体请参考React 的文档

当我设置了 Input/Select 等的 value 时它就无法修改了。

尝试使用 defaultValue 或 onChange 来改变 value，请参考 React 的文档。

多个组件放一排时没有垂直对齐怎么办?

尝试使用 Space 组件来使他们对齐。

antd 覆盖了我的全局样式!

是的，antd 在设计的时候就是用来开发一个完整的应用的，为了方便，我们覆盖了一些全局样式，现在还不能移除，

Ant Design评测

Ant Design，为用户提供更便捷的ui设计功能，非常好用!