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设计功能,非常好用!