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

Question

我试图了解如何最好地使用Angular-material主题:

谷歌提供各种调色板,并提供如何在调色板之间轻松切换的指南.

我已经看到了这个问题,并找到了一堆工具来生成一个主色调的工具(tool1,tool2)

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

我的问题是:

1. 作为开发人员,我可以从每个设计中创建一个足够令人愉悦的主题(通过JS主题或CSS覆盖),还是有任何限制要考虑？

2. 设计师在创建设计时是否应该考虑一些指导原则？

3. 我们是否应该通过使用Google预定义的调色板来放弃设计的灵活性？

**

编辑 - 05/2017:

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

我现在通过webpack将变量注入到SASS文件中,并且outcode更加清晰.

**

Answer 1

1. 不，目前还没有。“令人愉悦”是一个广泛的、基于意见的术语，不是由逻辑算法决定的。事实上，在我最终了解了足够的 UI 设计知识并知道它行不通之前，我已经尝试这样做了几个月。

2. Google 的材料设计指南是设计师创建材料主题所需的全部内容。它并不长，一般的设计师可以在一个小时左右浏览完。

3. 不。Google 的预定义调色板旨在供程序员用来快速创建具有可接受界面的网站。除非你专门为 Google 工作，否则没有理由限制设计师的调色板。不过，作为指导方针，它们完全没问题。请参阅Dark Material UI，这是一个基于 Material Design 的设计概念，但不遵守指南的许多部分（例如，它使用 Google 调色板中未包含的颜色）