作者：知乎用户
链接：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. python中的list的*运算使用过程中遇到的问题

    目的: 想生成一个[[],[],[]] 这样的列表, 所以就 [[]]*3 这样做了,但是这样做会有问题,这样list中的三个list其实是同一个list. 例如:a=[[]]*3,然后a[0].ap ...

  2. [17]Windows的启动过程

    一.内核的引导 在intel x86系统上,windows操作系统获得控制首先从硬盘的主引导记录(MBR,Master Boot Record)开始,windows setup程序在安装windows ...

  3. uva 1322 Minimizing Maximizer

    题意: 有n个数,m个排序器,每个排序器可以把区间ai到bi的数从小到大排序.这m个排序器的输出就是m个排序之后的第n个数. 现在发现有些排序器是多余的.问至少需要多少个排序器可以使得输出不变.排序器 ...

  4. copy on write，代理模式

    StringBuilder 内部用了代理的技术实现, 是可变字符串的代理 .net设计模式实例之代理模式(Proxy Pattern) 一.代理模式简介(Brief Introduction) 代理模 ...

  5. 【Elasticsearch学习之一】Elasticsearch

    环境 虚拟机:VMware 10 Linux版本:CentOS-6.5-x86_64 客户端:Xshell4 FTP:Xftp4 jdk8 一.概念ElasticSearch: 基于Lucene全文搜 ...

  6. 【Linux学习六】用户管理

    环境 虚拟机:VMware 10 Linux版本:CentOS-6.5-x86_64 客户端:Xshell4 FTP:Xftp4 一.增加删除用户或组新增用户useradd scott修改用户密码pa ...

  7. python pandas简单使用处理csv文件

    这里jira.csv是个大文件 1) >>> import pandas >>> jir=pandas.read_csv(r'C:\Temp\jira.csv') ...

  8. Linux：CPU使用率100%排查方法

    Linux作为一个多任务操作系统,将每个CPU的时间划分为很短的时间片,再通过调度器轮流分配给各个任务使用,因此造成多任务同时运行的错觉. CPU使用率 Linux作为一个多任务操作系统,将每个CPU ...

  9. webstorm's interpreter

    下载node.js 地址:http://nodejs.cn/ next——> Node interpreter: ……/……/node.exe

  10. 写出优质Java代码的4个技巧

    我们平时的编程任务不外乎就是将相同的技术套件应用到不同的项目中去,对于大多数情况来说,这些技术都是可以满足目标的.然而,有的项目可能需要用到一些特别的技术,因此工程师们得深入研究,去寻找那些最简单但最 ...