次の方法で共有


Windows のマテリアル

素材とは、現実世界の人工物に似た UI サーフェスに適用されるビジュアル効果です。 Windows では、2 つの主な種類のマテリアル (オクルージョンと透明) が使用されます。 acrylicmica などの隠れ材料は、対話型 UI コントロールの下の基本レイヤーとして使用されます。 smokeなどの透明素材を使用して、イマーシブ サーフェスを強調表示します。

マイカ、アクリル、スモークにはそれぞれ、Windows 全体での使用方法に固有の目的があります。

ヒント

この記事では、 Fluent Design 言語 を Windows アプリに適用する方法について説明します。 詳細については、「 Fluent Design - Material」を参照してください。

アクリル

アクリル製の半透明 UI サーフェス

アクリルは、すりガラスの効果を再現する、半透明の素材です。 Windows 11 では、明るさと透明度が増した新たなアクリルが導入されています。これにより、背後にあるビジュアルの状態との関係性がさらに向上しています。 アクリルは、ポップアップやコンテキスト メニューなどの、一時的に表示される簡易非表示サーフェスにのみ使用されます。

アクリルは、モード対応であり、ライト モードとダーク モードの両方に対応します。

Mica

ユーザーのデスクトップの色に基づいて、マイカがどのように微妙に濃色化されているかを示す、Mica で作られたいくつかの UI サーフェス

マイカ は、Windows 11 で導入された新しい不透明な素材です。 マイカのサーフェスは、ユーザーのデスクトップの背景色でかすかに色付けされています。

マイカは、モード対応であり、ライト モードとダーク モードの両方に対応します。 また、マイカは、組み込みの機能として、ウィンドウ フォーカスがアクティブか非アクティブかを示します。

煙で淡色表示されたウィンドウの上にホバーするモーダル ダイアログ

スモークは、下にあるサーフェスを暗転させ、背後に表示することで、重要な UI サーフェスを強調します。 スモークは、ダイアログなどのモーダル UI の下で行われているブロック操作を知らせるために使用されます。

スモークは、モード対応ではなく、ライト モードとダーク モードの両方で、半透明の黒で表示されます。