appgameui https://blog.hatena.ne.jp/appgameui/ ゲームアプリのUIデザイン https://appgameui.hatenablog.com/ 010_タイトル一覧 010_タイトル一覧-三国ドライブ 020_アンチパターン 020_アンチパターン-色覚多様性がサポートされていない 030_ユニバーサルデザイン-色覚多様性 こんにちは！ちょこです！ 「三国ドライブ」で視認性が良くない文字があったのが気になりました。画面としては以下の画面です。 具体的にはこの部分です。背景が無彩色に近い赤、文字が暗めの赤です。 オリジナルでも視認性は低いのですが、これをシミュレーターを通してみました。P(protanopia)型だとこんな感じの見た目です。 見えなくはないけど…隠れてる感じがします。 「いや、見えるじゃん」と思う方もいると思います。画面全体で見るとこんな感じです。 情報量が増え、より目立つ情報、読みやすい文字もあります。 ぱっと見で「ヒント」の文字が見づらいと感じるかな、と思います。 見えるかどうか、ではなく、相対… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fappgameui.hatenablog.com%2Fentry%2F2020%2F10%2F29%2F235000" title="「三国ドライブ」色覚多様性対応について。まずは「自分とは違った色の見え方の世界がある」というところから意識して欲しい - ゲームアプリのUIデザイン" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/a/appgameui/20201025/20201025224423.png Hatena Blog https://hatena.blog 2020-10-29 23:50:00 rich https://appgameui.hatenablog.com/entry/2020/10/29/235000 1.0 100%