如何评价 React 实现的前端 UI 库 material-ui?

作者:知乎用户
链接:https://www.zhihu.com/question/51040975/answer/208582603
来源:知乎
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

有关 Material Design 的 UI 库我用过一些,在用 Material-UI 之前用的是 Google 官方的 Material Design Lite,这是一个纯前端库,非 React 库。

在我用过的库里 Material-UI 还是不错的,可以满足简单需求。其定位是 Material Design 标准组件的实现(而不是 Material Design 的实现),所以如果你需要一些更个性化的组件或交互,就要自己想办法「组合」或者自造了。

这个问题在移动端不突出,但对 web 端来说有点明显。毕竟 Material Design 首先是一套视觉设计规范。真正要用好 Material Design,不能简单套用组件样式,而是要学习其「Design」。

这个问题我觉得目前还是挺普遍的,多少号称 Material Design 的网站基本就是摆一个导航栏,右下角一个 FAB,主界面摊一堆卡片了事。即使说不上丑,也只能评价为「简陋」。反观 Google 就有很多运用 Material Design 做得非常漂亮的网站,每次看的时候都会想,「啊,原来还可以这样」。

所以我现在基本是在一些生存期不长,样式基础,交互简单的独立页面上用 Material-UI。更正式一些的产品还是需要好好做设计的——好好做 Material Design 的设计。

如果目标是拿一套现成库来做出东西,不在设计上投入,那你最好先仔细评估一下 Material-UI 提供的组件是否能满足你的需要,如果是,那么请放心大胆地用。如果答案不是确定的,建议还是去看看 Bootstrap 或 Semantic UI 或 Ant Design(后台系统推荐)。

从实现 Material Design 标准组件这个角度来说,Material-UI 毫无疑问是成熟可靠的(不过也有一些瑕疵,比如其 GridList 的实现就很有问题)。但请把 Material Design 的标准组件看作 Microsoft Word 中的五号宋体——只能作为起点。目前几乎所有的 Material 库,都是这个定位。

posted @ 2019-03-29 14:58  飞雪飘鸿  阅读(1251)  评论(0编辑  收藏  举报
https://damo.alibaba.com/ https://tianchi.aliyun.com/course?spm=5176.21206777.J_3941670930.5.87dc17c9BZNvLL