作者：知乎用户
链接：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. JAVA8方法引用

    方法引用:若Lambda方法体已经实现,我们可以使用方法引用* 主要有三种语法格式:* 对象::实例方法名* 类::实例方法名* 类::静态方法名** 注意:Lambda体中调用的方法的参数列表与返回 ...

  2. 安装redis脚本

    #!/bin/bash#Function: Install redis#Author: DengYong#Date: 20151126 cd /root/packagewget http://down ...

  3. HTML5特效收录-不定时更新

    在工作中,我们可能会用到各种交互效果.而这些效果在平常翻看文章的时候碰到很多,但是一时半会又想不起来在哪,所以养成知识整理的习惯是很有必要的.希望能给大大家启发,并且学习. HTML5 Canvas粒 ...

  4. python socket编程笔记

    用python实现一个简单的socket网络聊天通讯 (Linux --py2.7平台与windows--py3.6平台) 人生苦短之我用Python篇(socket编程) python之路 sock ...

  5. Vue系列之 => 自定义全局指定让文本框自动获取焦点

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  6. hdu2262 高斯消元

    题目:有一个地图,一个人从某个点出发,问走到花园的期望步数为多少 设某点的期望步数为Ei. 那么目标的Ei=0. Ei=(Enext1+Enext2……Enextk)/k+1. 为什么是这个公式 因为 ...

  7. Redis的key和value大小限制

    Redis的key和value大小限制        今天研究了下将java bean序列化到redis中存储起来,突然脑袋灵光一闪,对象大小会不会超过redis限制?不管怎么着,还是搞清楚一下比较好 ...

  8. hive 将一个分区表数据全部插入另外一个分区表

    假如现在hive有个分区表A,分区字段为dt 需求是:需要将A表中的数据全部插入到分区表B中 具体步骤如下: 1.create B like A: 2.插入数据 set hive.exec.dynam ...

  9. vue-i18n国际化插件

    vue-i18n国际化插件 安装,到项目目录下执行:npm install vue-i18n 配置在src\main.js里面引入vue-i18n // 语言包插件import VueI18n fro ...

  10. golang学习笔记5 用bee工具创建项目 bee工具简介

    golang学习笔记5 用bee工具创建项目 bee工具简介 Bee 工具的使用 - beego: 简约 & 强大并存的 Go 应用框架https://beego.me/docs/instal ...