マテリアルデザイン
Material Design
ライブデモ
説明
一言で説明
Googleが提唱したデザイン体系。現実世界の『紙とインク』の性質をデジタルに持ち込み、影や重なりで構造を表現する。
いつ使う?
Androidアプリの開発、多デバイスで一貫した操作感を提供したい場合、論理的でわかりやすいUIを目指す場合。
💡 日常の言い方
「Googleのアプリみたいな、影があってカードが重なってるようなデザイン」
似ている用語との違い
マテリアルデザイン vs フラットデザイン
フラットは影を排除するが、マテリアルは『影(エレベーション)』を階層構造の表現に積極的に活用する。
AIへの指示例
マテリアルデザインのガイドラインに従って、浮き出しボタン(Raised Button)と、右下に配置するFABを作成して。