まみこ

対象ページ：Light and Shadow

https://material.io/design/environment/light-shadows.html#light

黒字：Material Designの内容

緑字：調べた情報・自分なりの解釈

結論

1. 光には「キーライト（メインライト）」「アンビエントライト（環境光/周囲光）」の２種類がある。両方を使った表現が Material Design としては正しい。
2. 影は「高さ（奥行き）」「移動方向」「パーツの境界」を表す情報になる。
   1. 影の大きさは、高さに比例する
   2. 影の表現の正解は、Material Design にある（多分）
   3. 影を使わない場合、運動視差で高さを表現する
   4. 影を付けると、パーツを認識する処理速度・操作可否を判断する能力が向上する

光

• Android / iOS：Z軸上（奥行き）の様々な位置にあるパーツに光源が遮られると影が発生。

  Web：Y軸（縦軸）のみの操作で影を表現する。

• Material Design環境では、バーチャルライトがUIを照らしている。

• バーチャルライトは、以下２種類がある。