マテリアル デザインでテーマ エディターがデビュー: これが開発者がインターフェイスをカスタマイズできる方法です

マテリアル デザインが4 年前に Android に登場して以来、進化が止まりません。インターフェースは毎年更新され、時代遅れにならないように改善され、新しいコンポーネントやデザインが追加されました。

このI/O 2018開発者カンファレンスで、 Googleデザイン チームは、マテリアル デザインの発売以来、最も重要な新機能の 1 つである新しいテーマ エディターを発表しました。

マテリアル デザイン 2 は存在しません。Google のオペレーティング システム用のインターフェイスは依然として単にマテリアル デザインと呼ばれています。しかし、新しいテーマ エディタではさらに多用途になり、私たちはまた新しいインターフェイスに直面しているようです。

マテリアル デザイン インターフェイスにより、開発者はアプリケーションをより自由にカスタマイズできます。新しいエディターを使用すると、マテリアル デザインを使用するすべてのアプリケーションがまったく同じになるわけではないように、コンポーネントをカスタマイズできます。したがって、Google では、企業がマテリアル デザインを放棄することなく、自社のブランド イメージを反映し、他社との差別化を図ることができます。

マテリアルデザイン
マテリアルデザイン

マテリアル テーマ エディター

新しいマテリアル デザイン テーマ エディターを使用すると、開発者は色、コンポーネントの形状、アイコンのスタイル、テキスト フォントをカスタマイズできます。

エディターには、アプリケーションのカラー パレットを作成するためのいくつかのツールが用意されています。

  • プライマリ、セカンダリ、背景、テキスト、アイコンのトーンを選択することにより、すべてのコンポーネントにカラーを自動的に適用します。

  • アクセシビリティ要件を満たすための色のコントラストの検証。

  • マテリアルのカラーパレットから色を選択します。

  • 単一の色を選択すると、10 色の値の色調パレットが自動的に生成されます。

  • グローバルな色の変更によるオートコンプリートシンボル

形状

マテリアル デザインで初めて、コンポーネント (ボタン、ウィンドウ、リストなど) の形状を変更できるようになりました。開発者は、曲線または角をカットしたスタイルを選択し、対称または非対称の形状を試すことができます。

情報源

テーマ エディターを使用すると、最大 3 つのフォントをテーマに追加できます。開発者は、Roboto、Raleway、Alegreya、Merriweather、Rubik、Oswald などの最も人気のある Google フォントにアクセスできるようになります。さらに、読みやすくするためにフォントのサイズを自動的に変更し、最適化することができます。

アイコン

最後に、マテリアル デザイン テーマ エディターには、さまざまな形式、サイズ、密度の5 つのテーマで使用できるアイコンがあります。塗りつぶし、丸め、シャープ、輪郭付き、ツートンカラーのアイコンがあります。

Google I/O ’18 セッション

詳細情報 | マテリアルテーマ
ザタカ Android | これにより、Android アプリケーションがデバイス上で占有するスペースが減ります。

マテリアル デザインでテーマ エディターがデビュー: これが開発者がインターフェイスをカスタマイズできる方法です・関連動画