
175
関連用語
用語に関連する話
用語の使用例
4
マ テリアル デ ザ インと
フ ラット デ ザ イ ン
GoogleによるUXデザイン
マテリアルデザインはGoogle社
によって提唱されたデザイン手
法で、実世界での質感や操作と一
貫性を持たせることで使いやす
さを実現している。
マイクロインタラクションとは
マテリアルデザインでは見た目
だけでなく、「利用者がボタンを
押した」といった操作に対する
フィードバックを表現するデザ
インも求められている。
メトロ デ ザ イン の コン セ プト
Microsoft 社 の Modern UI な ど
Windows Phone 7や Windows 8
などから採用されたUI はメトロ
デザインと呼ばれ、フラットデザ
インの一種であった。
デ ザインのトレンド
光と影、奥 行きなどを表 現して、立 体的な質 感を出し、操 作に反応する動きが あるように
見 せ るデ ザ イン を マ テリア ル デ ザ インと 言う。 一 方 、 装 飾 を で きる だ け シ ン プ ル にして 、 平
面 的 に 見 せ るデ ザ イン をフラットデ ザ インと 言う。 色 や 書 体 なども 考 慮 す る 必 要 が あ る 。
できるだけ
リアルに描こう
Keyword
155
▶
まてりある で ざ い ん
▶
ふ らっと で ざ い ん
「マテリアルデザインとフラットデザインのどっちがいいんだろう?」
CSS
……P158
ミニマ ル デ ザ イン
……P160