1. 首页
  2. css

CSS材料主题:让材料成为你自己的!

网络是一种美丽的、富有表现力的媒介,随着时代潮流和技术的变化而不断发展。快乐和才华的时刻使公司与众不同。同时,今天的顶级产品依靠可伸缩的、基于组件的设计系统来高效地开发连贯的品牌。更重要的是,从一开始就拥有可访问性和坚实的用户体验!但是这两个世界——创造性的网页设计和系统化的网页设计——不需要相互对立。在这个美丽的网站设计世界的中心,我们可以找到一种方法来融合创意网站设计与我们的系统,幸运的是,你可以两者兼得!
其中一个设计系统叫做材料设计(我刚加入谷歌的团队!)。材料是建立在多年的研究和最佳实践的基础上,让设计师和开发人员能够用最少的工作量创建漂亮的、可访问的ui。但在最初推出时,方程式中缺少了一点:以易于实现的方式表达品牌个性的能力。团队听取了两个关键的反馈意见:
1. 材料在风格上不够灵活,无法满足所有产品、品牌和用户的需求。
2. 跨产品系统地应用和构建品牌体验不够容易。
3. 使用CSS类应用样式。即*
4. Using mixins to extend the styles from a header component onto another (i.e. h1 {@include mdc-typography(headline1);})。您可以在我们的初学者工具包中的Glitch示例中看到这样一个例子。

CSS材料主题:让材料成为你自己的! 为WP2原创文章,链接:https://www.wp2.cn/css/css%e6%9d%90%e6%96%99%e4%b8%bb%e9%a2%98%ef%bc%9a%e8%ae%a9%e6%9d%90%e6%96%99%e6%88%90%e4%b8%ba%e4%bd%a0%e8%87%aa%e5%b7%b1%e7%9a%84%ef%bc%81/