Google は、壁紙ベースの動的なテーマをより多くのプラットフォームに導入するために、マテリアル カラー ユーティリティ ライブラリをリリースしました。
Google は、Material You の動的テーマ システムに真剣に取り組んでいます。 同社は明らかに望んでいる テーマ エンジンを提供する Android OEM が増える (モネかそれに似たもの） の上 アンドロイド12 しかし、Google の壁紙ベースのテーマ システムの計画はそこまでではないようです。 同社は現在、新しいテーマ システムをより多くのプラットフォームに導入するために、マテリアル カラー ユーティリティ コード ライブラリをオープンソース化しています。
最近のブログ投稿 (経由) 9to5Google）、Google の James O'Leary 氏は、マテリアル カラー ユーティリティがカラーのクロスプラットフォーム コード ライブラリであることを明らかにしています。 開発者がマテリアル ユーの動的テーマ システムをさまざまなプラットフォームに実装するために必要なすべてが含まれています。 現在、このライブラリは Dart、Java、Typescript で利用できますが、Google はこれを iOS、SASS 経由の CSS、および GLSL シェーダにも導入する予定です。 オープンソースであるため、誰でもライブラリに貢献できます。
さらに、このブログ投稿では、Android 12 でダイナミック テーマ システムがどのように動作するかについて正確に説明しています。 投稿で説明されているように、Android 12 デバイスで壁紙を変更するたびに、次のようになります。
「まず、壁紙が量子化され、色空間内で壁紙に含まれる何千もの色が結合されて、より少ない数に減ります。 削減されたカラー セットは、統計アルゴリズムを効率的に実行できるほど小さいです。 これらのアルゴリズムは、色のスコア付けとフィルタリングに使用されます。 Android 12 では、カラフルさとイメージをどの程度表現するかの色のオプションが提供され、モノクロに近い色が除外されます。
アルゴリズムによってデフォルトで最上位の色に設定されるか、壁紙ピッカーでユーザーが選択した 1 つの色がソース カラーになります。 その色相と彩度は全体の配色に影響を与え、ユーザーの色の選択に基づいて、鮮やかな青の配色や落ち着いた緑の配色を実現します。
ソース カラーを使用して、5 つの色調パレットのセットであるコア パレットを作成します。 色調パレットは色相と彩度によって定義されます。 パレット内の色はさまざまなトーンから構成されています。 これらの色調パレットは、デザイン システムを作成する際のデザイナーの認知的負荷を軽減します。役割ごとに色相と彩度を指定する代わりに、色調パレットで置き換えることができます。
最後に、各色の役割の色相彩度と色調を定義するテーブルに記入し、それらの値と HCT を使用してテーマで使用される色を作成します。」
さらに、ブログ投稿では、Google が新しい HCT (色相、彩度、色調) カラーをどのように考案したかを強調しています。 既存のHSL（色相、彩度、明度）システムに代わる、色によるデザインを実現するシステム より簡単に。 この新しいカラー システムについて詳しくは、 元のブログ投稿.