マガジンのカバー画像

そこここデザイン

6
Webデザイナーのひとりこと お仕事のこととか、写真のことととか
運営しているクリエイター

#UI

ダークモード時の Elevation(標高)と明るさ設計

こんにちは、かんろです。 先日、ダークモード対応でやってみたこと&失敗したことというnoteを書きました。このnoteでは、iOS/Androidのダークモードの捉え方の違いや、どのように進めたのかを書きました。 そして、ダークモード対応を進めていく中でカラー設計と同じくらい困ったのが、Elevation (標高)の設計です。 考え方は調べると分かるのですが、Elevation と明るさのルール、 box-shadow の表現をどうするのかなど、イマイチ分からずに困った部