zoukankan      html  css  js  c++  java
  • 如何评价 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 库,都是这个定位。

  • 相关阅读:
    如何计算两个日期之间相差天数
    解决并发问题的小技巧
    Linq实现下拉框绑定
    No DataType in DataTemplate in Windows Phone(二)
    使用TOAD操作oracle初步
    使用log4net记录server Log
    尘世一场烟火
    No DataType in DataTemplate in Windows Phone(—)
    MVC设置初始页时发生的无法找到资源的简单错误
    oracle 使用in的灵异事件
  • 原文地址:https://www.cnblogs.com/xiongwei/p/10621282.html
Copyright © 2011-2022 走看看