作者：知乎用户
链接：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. mybatis3 date 的处理

    <if test="startTime!=null and startTime!=''"> <![CDATA[ and DATE_FORMAT(create_ti ...

  2. Hessian---java远程通讯 (zhuan)

    http://blog.csdn.net/harderxin/article/details/22669383 (zhuan)

  3. 学习笔记<1>技术体系结构

    Android的系统架构采用了分层架构的思想,如上图所示.从上层到底层共包括四层,分别是   1.应用程序程序层   2.应用框架层   3.系统库和Android运行时 4.Linux内核.   每 ...

  4. Yii2开发小技巧

    工作中或多或少会用到的关于 Yii2 的小技巧的一个总结,包括model.controller.view或者配置文件的一些写法. 模型相关 获取查询SQL $query = User::find()- ...

  5. C# & ASP.NET Core 入门官方资料汇总

    借助给公司实习生培训事宜,整理了一些微软官方的适合新同学入门的资料,这里分享一下: 工具: Visual Studio 2017 Community 版本下载地址:https://www.visual ...

  6. Spark学习之路 （四）Spark的广播变量和累加器

    一.概述 在spark程序中,当一个传递给Spark操作(例如map和reduce)的函数在远程节点上面运行时,Spark操作实际上操作的是这个函数所用变量的一个独立副本.这些变量会被复制到每台机器上 ...

  7. DNN模型训练词向量原理

    转自:https://blog.csdn.net/fendouaini/article/details/79821852 1 词向量 在NLP里,最细的粒度是词语,由词语再组成句子,段落,文章.所以处 ...

  8. 给定一个正整数,实现一个方法求出离该整数最近的大于自身的 换位数 <把一个整数各个数位进行全排列>

    """给定一个正整数,实现一个方法求出离该整数最近的大于自身的 换位数 -> 把一个整数各个数位进行全排列""" # 使用 permu ...

  9. Collections集合工具类的方法

    addAll & shuffle: 返回类型为boolean类型,执行完操作不接收也行: 其中,静态方法,与对象无关,类名点方法名直接调用: 点点点为可变参数,随便填写几个参数都可以: sor ...

  10. Windows以及Linux系统文件、文件夹命名规则

    在实际开发中又是会碰到"文件名.目录名或卷标语法不正确."这样的错误信息,基本就是由于文件命名出现问题. 在Windows下: 1.文件名或文件夹名可以由1-256个西文字符或12 ...