フローティングアクションボタン(FAB)はなぜ右下に設置されるのか？
画面の決まった場所に、常に表示されている「フローティングアクションボタン（FAB）」。スマホアプリやWebアプリに...
- CTA
- UI/UXデザイン
- ボタン
マテリアルデザインとは【意味/読み/英語表記】（まてりあるでざいん/Material Design）
マテリアルデザインの概要
マテリアルデザインとは、2014年にGoogleが提唱したデザインです。明確なガイドラインが定められたデザインであり、「見やすく、直感的に操作できるWebページ・サービス」を作ることを目的としています。
マテリアルデザインの詳細
マテリアル（Material）とは英語で「物質的な」「具体的な」を意味し、物質的なモノの動きや奥行きに沿ったデザインによって、ユーザーが視覚的に直感で操作しやすくなるよう計算されています。
■ マテリアルデザインの特徴
・直感的に分かりやすいデザイン
・ルールの統一化によって操作が分かりやすい
■ マテリアルデザインにおける大事な要素
・影…オブジェクトの関係や距離を表現
・厚み…見た目の奥行きを表現
・アニメーション…操作に対する視覚的な動きでユーザーに操作結果を認識させる
・ボタン…目的に合わせて浮き出しや割り当てなどのボタンを使用
■ フラットデザインとの比較
フラットデザインとは極力無駄を省いた平面のデザインです。無駄なデザインがないためにユーザーの視覚的負担が軽減されるほか、デザインの構成もシンプルなためファイル容量を抑えられるのが特徴です。一方で画面上の立体的な変化がないため、マテリアルデザインほどユーザーに感覚的なアクションを誘導できない傾向があります。
マテリアルデザインの関連項目
・UI/UX
・UXデザイナー
・ビジュアルデザイン
・フラットデザイン
・人間中心設計
