作者：知乎用户
链接：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 库，都是这个定位。

如何评价 React 实现的前端 UI 库 material-ui？的更多相关文章

  1. 移动端前端UI库—Frozen UI、WeUI、SUI Mobile

    [MUI]http://www.dcloud.io/ [Clouda]http://clouda.baidu.com/blend2是百度历时两年共同研发的开源App技术框架,基于Node.js,简单易 ...

  2. 推荐：移动端前端UI库—Frozen UI、WeUI、SUI Mobile

    Frozen UI 自述:简单易用,轻量快捷,为移动端服务的前端框架. 主页:http://frozenui.github.io/ 开发团队:QQVIP FD Team Github:https:// ...

  3. 移动端和web端前端UI库—Frozen UI、WeUI、SUI Mobile

    web http://www.pintuer.com/ 拼图 http://www.h-ui.net/ http://www.layui.com/  很厉害的一个个人产品 http://amazeui ...

  4. Riot - 比 Facebook React 更轻量的 UI 库

    Riot 是一个类似 Facebook React 的用户界面库,只有3.5KB,非常轻量.支持IE8+浏览器的自定义标签,虚拟 DOM,语法简洁.Riot 给前端开发人员提供了除 React 和 P ...

  5. 移动端前端框架UI库（Frozen UI、WeUI、SUI Mobile）

    Frozen UI 自述:简单易用,轻量快捷,为移动端服务的前端框架. 主页:http://frozenui.github.io/ 开发团队:QQVIP FD Team Github:https:// ...

  6. 这 5 个前端组件库，可以让你放弃 jQuery UI

    欢迎大家持续关注葡萄城控件技术团队博客,更多更好的原创文章尽在这里~~ 在建立Web应用时,通常都需要用到一些有用的UI组件.无论应用中需要的是日历,滑块,图形或其它用于提升或简化用户交互的组件,那么 ...

  7. vue常见前端UI库

    vue常见前端UI库 VUE资源汇总:https://github.com/RuMengkai/awesome-vue VUX 项目主页:https://vux.li/#/ github地址:http ...

  8. ElementUI（vue UI库）、iView（vue UI库）、ant design（react UI库）中组件的区别

    ElementUI(vue UI库).iView(vue UI库).ant design(react UI库)中组件的区别: 事项 ElementUI iView ant design 全局加载进度条 ...

  9. 移动端前端框架UI库

    移动端前端框架UI库(Frozen UI.WeUI.SUI Mobile) Frozen UI 自述:简单易用,轻量快捷,为移动端服务的前端框架. 主页:http://frozenui.github. ...

随机推荐

  1. jQuery-二级导航

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  2. ssh简单入门级案例教程

    准备工作:struts2.3.34+spring4.2.2+hibernate3.3.2 导入需要的开发包: struts开发包---注意:javassist-3.18.1-GA.jar包与hiber ...

  3. Python全栈-day14-模块和包

    一.模块 1.模块 1)定义 一系列功能的集合体,在Python中py文件就是一个模块 2)模块的类别 a.使用Python编写的py文件 b.已经被编译成共享库或者DLL的C 或者 C++ 扩展 c ...

  4. Lua 可变参数之arg与select

    function TestFunc(...) local arg = { ... } --Lua .2以后不再支持默认arg参数,{}与...之间要有空格 print("输入的参数个数:&q ...

  5. Must Know Tips/Tricks in Deep Neural Networks (by Xiu-Shen Wei)

    http://lamda.nju.edu.cn/weixs/project/CNNTricks/CNNTricks.html Deep Neural Networks, especially Conv ...

  6. JavaScript--常用的输出方式

       1.alert("要输出的内容"); 在浏览器中弹出一个对话框,然后把要输出的内容展示出来    2.document.write("要输出的内容");  ...

  7. uvalive 3887 Slim Span

    题意: 一棵生成树的苗条度被定义为最长边与最小边的差. 给出一个图,求其中生成树的最小苗条度. 思路: 最开始想用二分,始终想不到二分终止的条件,所以尝试暴力枚举最小边的长度,然后就AC了. 粗略估计 ...

  8. 在lua中从一个字符串中移除空间源码

    /* trim.c - based on http://lua-users.org/lists/lua-l/2009-12/msg00951.html from Sean Conner */ #inc ...

  9. git克隆远程项目并创建本地对应分支

    http://jingyan.baidu.com/article/19192ad83ea879e53e5707ce.html

  10. SoapUI link

    1.      Groovy language: http://docs.groovy-lang.org/latest/html/documentation/index.html http://doc ...