一、Ant Design 是什么？
Ant Design 是基于React的前端UI组件库。
效果预览.gif
二、Ant Design 能解决什么？
现阶段很多互联网公司都会建设大量的前/中/后台系统，然而现状却是大多数中后台系统都无设计介入，或者有设计但控件体验感差、基础组件操作不便、风格杂乱等问题，又没有时间或能力去建设统一高效的样式库；针对这些问题Ant Design来了！
三、Ant Design 优缺点？
优点：
1、Ant Design语言支持js 和 ts
2、提供各种体验感很好的UI组件：各种图表，分页、菜单、弹框、选择器 手机版也有组件库，效果还不错，包含列表刷新效果，弹窗选择器，tab标签等...
3、有专门的版本和主流开发框架联合使用：
（1）Angular（谷歌维护的前端开发框架）
（2）Vue（构建用户界面的渐进式框架）
（3）针对各自企业的自主框架，Ant Design开放了设计规范，方便用户能更好的实现自己技术栈的版本
4、提供移动端版本：Ant Design Mobile 一个基于 Preact / React / React Native 的 UI 组件库
缺点：
原始文档仅提供中文版，当然其社区提供了良好的翻译服务（网友反馈）
四、（重点）非前端开发者能学到什么？
1、Ant Design 4.0 系列 — 言之有序
摘要：通过宜家商场的动线设计引申到系统交互及控件布局上，根据信息复杂度、
信息关联性来更好的进行页面交互设计。
2、Ant Design 4.0 系列 — 整齐划一？不如错落有致。
摘要：为了界面布局的整齐，我们往往在表单类布局上设置相同宽高，以达到整齐的效果，
这篇文章告诉我们怎么样规划布局，能让页面更加美观，用户体验正好
3、Ant Design 4.0 系列 — “表里不一”的设计资产
摘要：产出列表的设计，我们应该如何提高通用性和覆盖度
4、Ant Design 4.0 系列 — 我的按钮究竟该放哪儿？
摘要：最常用的按钮到底怎么在不同场景下摆放才最合理？教你不同含义、
不同风险等级、不同顺序的按钮怎么样摆放用户体验会更好
以上这几篇文章对其他端的开发者或产品设计上都有帮助！！！
网友评论