毫不奇怪,Google的材料设计非常受欢迎。 它是现代UI风格的一部分,它更多地侧重于平面设计 , 着重于UX和可用性模式 。
通过采用材料设计概念并将其添加到Bootstrap中,我们获得了Propeller框架 。
这个完全响应的开源框架完美地发挥了物质作用。 它带有25个UI元素的组件库以及自定义模板,以加快生产速度。
您可以在GitHub上找到所有源代码 ,以及浏览器支持信息和最新更新。
如果您真的想潜水,请查看文档页面 。 这是好地方,涵盖了文件夹结构,基本站点设置,使用组件以及如何自行定制工具包。
![螺旋桨按钮](https://i-blog.csdnimg.cn/blog_migrate/8caa4488fa0450cbf3c3a4c924194cc4.png)
大多数组件都在Bootstrap的类之上运行,因此您正在使用真正的BootStrap代码库 。 但是,它经过大量定制以模仿材料设计的动画和设计思想。
下拉菜单,表单,带标签的小部件和进度条,所有这些组件都遵循材料设计风格,并且设置起来超级容易。 困难的部分是要找到与您的站点匹配的确切组件,因为有很多可供选择。
一般来说,Propeller 遵循Google的大多数设计准则 。 开发人员在此框架上做得非常出色,它确实与材料样式匹配。
在“ 入门”页面上 ,您将找到四个不同的下载 ,每个下载用于不同的目的:
- 以材料为主题 –适用于需要材料设计风格的现有Bootstrap网站
- Propeller套件 –完整CSS / JS库可供生产
- 独立运行 –您可以为自己的项目复制/粘贴的单个组件
- 管理模板 –使用Propeller制作的自定义管理面板模板
如果您不熟悉该框架,则可以下载整个套件并进行修补。 这个包没有很多示例页面,但是您可以在Propeller网站上查看其外观。
如果您正在寻找一个实质性的主题,那么此框架已可以投入生产 。 它是构建最简单的框架之一,并且可能会持续数年。
翻译自: https://www.hongkiat.com/blog/bootstrap-material-design-propeller-framework/