- 操作
- エリアホバー
#area hover 018
カードが拡大しながらシャドーが出現
- 参考サイトURL
-
- 【公式】APARTMENT HOTEL MIMARUhttps://mimaruhotels.com/ja/
- 動きの解説
-
カードが浮き上がり(拡大)、下に影が落ちる動きは、マテリアルデザインの基本原則に基づく「昇降」の表現です。要素がレイヤー構造の上層へ移動したことを示し、クリック可能であることを誰にでもわかる共通言語として伝えます。拡大率と影の拡散具合を連動させることがリアリティの鍵です。大きく浮き上がるほど影は薄く広く拡散し、わずかな浮き上がりなら影は濃く小さくなる。この物理法則に則った調整が、違和感のない自然な操作感を生み出し、UIの品質を底上げします。