Javascript 创建自定义角度材质主题时,最佳方法是什么?

Javascript 创建自定义角度材质主题时,最佳方法是什么?,javascript,css,angularjs,material-design,angular-material,Javascript,Css,Angularjs,Material Design,Angular Material,我试图了解如何最好地使用角材质主题: 谷歌提供了广泛的, 还提供了有关如何使用的指南 我已经看到了这一点,并找到了一系列工具来围绕主色(,)生成调色板 虽然当从设计师那里获得定制设计时,选择了不同的颜色,但我发现很难将设计颜色作为一个完整的主题来实现,因为有太多的变量需要考虑(例如悬停阴影、墨水波纹阴影等) 我的问题是: 作为一名开发人员,我可以从中创建一个足够令人满意的主题吗 交付给我的每个设计(通过JS主题化或CSS) 覆盖),或是否有任何限制要考虑 设计师在设计时是否应该考虑一些指导原则

我试图了解如何最好地使用角材质主题:

谷歌提供了广泛的, 还提供了有关如何使用的指南

我已经看到了这一点,并找到了一系列工具来围绕主色(,)生成调色板

虽然当从设计师那里获得定制设计时,选择了不同的颜色,但我发现很难将设计颜色作为一个完整的主题来实现,因为有太多的变量需要考虑(例如悬停阴影、墨水波纹阴影等)

我的问题是:

  • 作为一名开发人员,我可以从中创建一个足够令人满意的主题吗 交付给我的每个设计(通过JS主题化或CSS) 覆盖),或是否有任何限制要考虑

  • 设计师在设计时是否应该考虑一些指导原则 创造设计

  • 我们是否应该放弃设计的灵活性,而选择其中一种 谷歌的预定义调色板

  • **

    编辑-2017年5月:

    我决定完全关闭主题,因为我无法完全理解如何根据我们的需要定制主题

    我现在通过webpack将变量注入到SASS文件中,输出代码更加健全


    **

    我们使用的方法只是更改html标题部分中css文件的href。在这种情况下,每个主题都有独立的css文件,当需要切换时,只需修改href即可

    不需要像谷歌推荐的那样使用额外的标记,因为在主题之间切换会很复杂,特别是如果有很多主题的话

    您可以在此处查看一个示例:

    这里有一个活生生的例子。以及材料主题

  • 不,目前没有。“令人满意”是一个宽泛的、基于观点的术语,它不是由逻辑算法决定的。事实上,我已经尝试了几个月,直到我最终了解了足够多的UI设计,知道它不起作用

  • 谷歌的材料设计指南是设计师创建材料主题所需的全部。它没有那么长,一个典型的设计师可以在大约一个小时内浏览它

  • 不。谷歌的预定义调色板是为了让程序员能够快速创建具有可接受界面的网站。除非你专门为谷歌工作,否则没有理由限制设计师的调色板。不过,作为指导方针,它们完全可以。请看,这是一个基于材料设计的设计概念,但不符合指南的许多部分(例如,它使用的颜色不包括在谷歌的调色板中)


  • 我看不出这是如何回答我的问题的。谢谢你的回答,你能告诉我你是通过$mdThemingProvider还是SASS变量自定义你的主题吗?当我想创建一个全新的主题时,我主要使用SASS(因为它需要相当长的时间),$mdThemingProvider我只想扩展一个主题并更改某些部分时使用。我刚找到一个角度材质的最佳示例,从我的新应用程序开始,我发现了以下内容:。在那之后,在使用了这个主题之后,我从头开发了一个新的应用程序。