マテリアルデザインは、Googleが開発したデザイン言語です。2014年にAndroidとGoogleのウェブ製品向けの統一システムとして登場しました。このシステムは、奥行き、動き、グリッドベースのレイアウトを採用しています。表面とエッジは視覚的な手がかりを提供し、影は高さを示します。要素は影を落とすことで、下にある表面との関係性を示します。このデザインは物理的な素材を模倣しているため、その名が付けられました。しかし、これはスキューモーフィズムではありません。革や木材を模倣しているわけではなく、紙やインクの特性をデジタルシステムに抽象化したものです。

マテリアルデザインは、レイアウト、色、タイポグラフィ、アイコン、モーションに関するガイドラインを提供します。グリッドは 8dp 間隔システムに基づいています。コンポーネントには、デフォルト、ホバー、フォーカス、プレス、無効などの定義済み状態があります。モーションは意図的です。アニメーションは、要素がどこから来てどこへ行くかを示します。注意を誘導し、フィードバックを提供します。システムは進化してきました。マテリアルデザイン 2 ではコンポーネントが洗練されました。マテリアルデザイン 3 では、ユーザーの壁紙からパレットを生成するダイナミックカラーが導入されました。このシステムはオープンです。開発者とデザイナーは無料で使用できます。Google の製品以外にも採用されています。多くのアプリがマテリアルコンポーネントを使用しているのは、使い慣れていて十分にテストされているためです。このシステムは完璧ではありません。批評家は、汎用的であると言います。これに従うすべてのアプリは、他のすべてのアプリのように見えます。トレードオフは一貫性です。マテリアルデザインはチームに共通の言語を提供します。決定がすでに下されているため、より迅速に開発できます。

マテリアルデザインの原則

• 物質的なメタファー ― 表面と縁が手がかりとなる
• 大胆なグラフィック ― 意図的な色彩とイメージ
• 動き ― アニメーションはガイドと情報提供を行う
• 適応型 — デバイスや画面サイズを問わず動作します
• グリッドベース — 8dp間隔システム

マテリアルデザインはシステムです。デフォルト設定を提供することで、デザインの意思決定を容易にします。デフォルト設定に従うことも、上書きすることも可能です。このシステムは出発点であり、制約ではありません。