そのデザイン、
外で見ても
伝わりますか？

見え方の作り方

どれも、光や目の正確な再現ではなく「目安」です。明るさ・コントラスト・色の計算で近づけています。

くっきり度

画像の中で、となりどうしの色の差がはっきりしている所（文字のふち・線・境目）が、その場面でもはっきりしたまま残る割合です。残らなかった所を「消えそうな所」として赤で示します。

晴れた日の屋外

画面に外の光が重なったとして、暗い所を持ち上げ、色を浅くし、右上ほど強い映り込みを足しています。

夜、明るさ最小

全体を暗くし、暗い色ほど差が小さくなるようにして、夜間モードの黄色みを足しています。

大きさの場面

タイムラインは幅 約330px、サムネイルは 64px 角として、元の画像が何分の1になるかを計算しています。文字は 11px より小さいと読みにくい、を目安にしています。

親指の下

右手で持ち、画面の下の方にある画像に親指を置いたときの、親指の形の範囲です。手の大きさや持ち方で変わります。

何度も保存・送信されたあと

縮めてから JPEG（画質 42%）で保存するのを、このブラウザの中で実際に4回くり返しています。

色の見え方が違う人

Machado ほか（2009）の近似で、1型・2型・3型の色覚の見え方に変えています。人によって程度は違います。

白黒にしたとき

色を抜いて、明るさだけを残しています。色の違いだけで区別している所が分かります。