当前位置: 首页 > 知识库问答 >
问题:

谷歌设计指南|材料设计的来源在哪里

夏侯和韵
2023-03-14

我已经学习了Google设计指南。

我好好看看http://www.google.com/design/spec/material-design/introduction.html.

在web初学者工具包的github源代码中。但是,会有什么来源吗http://www.google.com/design/spec/material-design/introduction.html?

共有2个答案

西门骁
2023-03-14

材料设计是谷歌带来的好东西。以下是一些对您非常有用的框架。

  1. 具体化:这是一个很好的开始。只有CSS,没有JavaScript
  2. Material UI:这是我在项目中经常使用的库,但您可能会面临的问题是,这个库依赖于react。js
  3. Leaf BETA:仍处于测试阶段,它有大量组件,如按钮、卡片、滑块、菜单、选项卡等。它包括Icomoon的图标,而不是原始的材质设计图标
  4. 聚合物纸元素:聚合物有很多东西。几乎全部。它是由谷歌带来的,所以你使用它可能不会有任何问题
  5. MUI CSS框架:这是我用于小型项目的库,因为它是我发现的唯一一个拥有最佳文档的库
  6. AngularJS材料设计:这是你可能知道的框架。周围还有很多虫子
  7. Bootstrap素材设计:最后但并非最不重要的一点,如果你喜欢Bootstrap的网页设计,这将是非常有帮助的

随着情况的变化,可能很快就会有其他框架与这些框架竞争。

鞠征
2023-03-14

Polymer是将Google Material Design应用到应用程序中的一个很好的库:https://www.polymer-project.org/0.5/.

此外,如果你的是建立在Angular. JS的家伙在谷歌已经创建了自己的NPM模块称为Angular材料:https://material.angularjs.org.它有许多可用的安装方法

还有另一个库已经将谷歌材质设计与Bootstrap结合在一起:只需搜索“Bootstrap材质设计”或前往此处。这个美妙的库是由FezVrasta制作的。

 类似资料:
  • 简单地说,我不想使用第三方库,我只想知道是否可以使用android支持库以及如何做到这一点。

  • 这是一份网络API的通用设计指南。Google 内部从2014年开始使用它,我们在设计 Cloud AP I和 Google API 时也遵从了这份指南。我们把它分享给 Google 以外的开发人员,这也会让我们的合作变得更顺利。

  • 如何使用材质设计将按钮放置在图中所示的位置? 这是index.html模板上的代码。 这是材质设计的css样式。 Lorem ipsum dolor sit amet,consectetur adipisicing elit,sed do eusmod tempor incidunt ut labore et dolore magna aliqua.Ut enim ad minim veniam,

  • 有人能告诉我如何开始实施Android Material Design guide中描述的垂直非线性步进控制吗 http://www.google.com/design/spec/components/steppers.html

  • 嗨,我是一个新的材料设计,我试图使卡片部分响应媒体查询和Flex。由于某种原因,当卡片切换到列时,只显示图像的一部分,而卡片的其余部分(如文本)不再显示。我发现让组件响应非常混乱。我是不是漏掉了什么?

  • 什么是材料设计 材料设计是跨平台的视觉,动作和交互设计的综合指南