マガジンのカバー画像

そこここデザイン

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

#デザイン

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

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

ダークモード対応でやってみたこと&失敗したこと

こんにちは!かんろです。 少し前に UI のダークモード対応をしました。この頃はダークモード使っている人多いですよね。私も使っていて、Twitter はダークモードじゃないと使えなくなりました。 普段使っていることもあって、ダークモードについてなんとなーく知っていたものの、いざやろうと思うと何からはじめれば良いのかサッパリ分からず、周りにもあまり情報がなくて少し困りました。 また今度、ダークモード対応をする機会がきた時のために、今回のダークモード対応で「やってみたこと・失