javascript - 创建自定义 Angular Material 主题时最好的方法是什么？

Question

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

Google 提供范围广泛的 color palettes , 并且还提供了有关如何 easily switch between palettes 的指南.

我看过这个question , 并找到了一堆工具来围绕主色生成调色板 ( tool1 , tool2 )

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

我的问题是:

1. 作为开发者，我可以从 交付给我的每个设计(通过 JS 主题或 CSS 覆盖)，或者是否有任何限制需要考虑？

2. 设计师是否应该考虑一些准则 创 build 计？

3. 我们是否应该放弃设计的灵 active ，采用以下一种方式？ Google 的预定义调色板？

**

编辑 - 05/2017:

我决定完全关闭主题，因为我无法完全理解如何根据我们的需要对其进行自定义。

我现在通过 webpack 将变量注入(inject)到 SASS 文件中，输出代码更加合理。

**

Answer 1

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

2. Google 的 Material 设计指南是设计师创建 Material 主题所需的全部内容。它并没有那么长，一般的设计师可以在大约一个小时内浏览完。

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