マテリアル

名前で指名される4つのスタイル。どれにもコンポーネント、ダッシュボード、モバイルアプリ、ランディングページの一式がそろいます。

グラスモーフィズムUIキット

グラスモーフィズムは、にぎやかな背景の上に半透明のパネルを重ねるスタイルです。背景ブラーがパネルの後ろをすりガラスのようにぼかし、明るく細い縁がガラスの終わりを示します。文字が読めてこそ成り立つスタイルなので、ここではどの面にも4.5:1を保てるだけの濃さの色を敷いています。

クレイモーフィズムは、面を型取りしてふくらませたように見せるスタイルです。大きな角丸、重さを出す外側の影、柔らかい縁を作る2つの内側の影で構成します。色は鮮やかで親しみやすいままなので、コンシューマーアプリや教育、手に取れるおもちゃのように感じさせたいものに向いています。

スキューモーフィズムは現実の物から借りてくるスタイルです。ヘアライン仕上げの金属、ステッチの入った革、くぼんだ受け皿、カチッと倒れるスイッチ。どのコントロールも役割どおりの見た目なので、インターフェースが自らを説明します。腕の見せどころは、すべての部品に同じ方向から当たる光です。

ニューモーフィズムは、1つの色からインターフェースを押し出すスタイルです。コントロールは明るい影と暗い影によって、地から浮き上がったり沈み込んだりします。弱点はコントラストとして知られているので、ここでは状態を奥行きと本物のアクセントカラーで示し、ラベルは4.5:1を保っています。