マテリアルデザイン

Material Design
ビジュアルデザイン要素

🎮 ライブデモ

📝 説明

一言で説明

Googleが提唱したデザイン体系。現実世界の『紙とインク』の性質をデジタルに持ち込み、影や重なりで構造を表現する。

いつ使う?

Androidアプリの開発、多デバイスで一貫した操作感を提供したい場合、論理的でわかりやすいUIを目指す場合。

💡 日常の言い方

Googleのアプリみたいな、影があってカードが重なってるようなデザイン

🔄 似ている用語との違い

マテリアルデザイン vs フラットデザイン

フラットは影を排除するが、マテリアルは『影(エレベーション)』を階層構造の表現に積極的に活用する。

🤖 AIへの指示例

マテリアルデザインのガイドラインに従って、浮き出しボタン(Raised Button)と、右下に配置するFABを作成して。