カスタムアンギュラマテリアルテーマを作成するときの最善の方法は何ですか？

Question

私は角-材料テーマとどのように最高の仕事を理解しようとしています：

Googleのは 、color palettesの広い範囲を与え、また、どのようeasily switch between palettesへのガイドを提供します。

私はこのquestionを見て、メインカラー（tool1、tool2）周りのパレットを生成するためのツールの束を見つけた

異なる色を採取し、デザイナーからカスタム設計を取得するときが、（ホバーシェード、インクリップルシェードなど）を考慮するには変数が多すぎるため、完全なテーマとしてデザインカラーを実装することは困難です。

私の質問は次のとおりです。

1. 私は開発者として から私に配信されているすべての設計（いずれかのJSのテーマ、またはCSS オーバーライドすることによって）を十分に目楽しいテーマを作成、またはしていることができます制限事項がありますか？

2. デザインを作成するときに、デザイナーはいくつかのガイドラインを考慮する必要がありますか？ デザインを作成しますか？

3. Googleの事前定義されたパレットのいずれかを使用してデザインに柔軟性を持たせる必要がありますか？

**

編集 - 05/2017：

私は完全に我々のニーズに合わせてカスタマイズする方法を理解することができませんでしたので、完全にテーマをオフにすることに決めました。

私は今SASSファイルにwebpackを通して変数を注入しています。そしてそのアウトコードははるかに正常です。

**

Answer 1

1. いいえ、現在のところありません。 「うれしい」は、論理的なアルゴリズムでは決まっていない、幅広い意見に基づく用語です。実際にうまくいかないことを知るためにUIデザインについて十分に学ぶ前に、私は実際にこれを何ヶ月もやってみました。

2. Googleのマテリアルデザインガイドラインは、デザイナーがマテリアルテーマを作成するために必要なすべてです。これほど長いことではなく、典型的なデザイナーは約1時間でそれを見て回ることができます。

3. いいえGoogleの事前定義されたパレットは、プログラマが受け入れ可能なインターフェイスでサイトをすばやく作成するために使用されます。特にGoogleで作業しない限り、デザイナーのパレットを限定する理由はありません。彼らはしかし、ガイドラインとしてはまあまあです。私はちょうど角マテリアルの最良の例を見つけることだったDark Material UI、材料設計に基づいていますが、ガイドラインの多くの部分に付着しない設計コンセプト（例えば、それはGoogleのカラーパレットに含まれていない色を使用しています）

Answer 2

我々が使用するアプローチは、単にあなたのHTMLのheadセクションにCSSファイルのhrefを変更しています。この場合、テーマごとにスタンドアロンのCSSファイルがあり、切り替えが必要な場合はhrefを変更するだけです。

Googleが推奨するように追加のマークアップを使用する必要はありません。特にテーマが多い場合は、テーマを切り替えるのが複雑になるためです。

あなたはここでは例を見ることができます： http://docs.telerik.com/kendo-ui/styles-and-layout/how-to/change-themes-on-the-client

を利用できる実際の例があります。そしてマテリアルテーマも同様です。