appgameui https://blog.hatena.ne.jp/appgameui/ ゲームアプリのUIデザイン https://appgameui.hatenablog.com/ 010_タイトル一覧 010_タイトル一覧-プロ野球PRIDE 020_アンチパターン 020_アンチパターン-色覚多様性がサポートされていない こんにちは、ちょこです。 「プロ野球PRIDE」で使用されてる文字色が視認性の観点から気になりました。 ▲お知らせ画面 ▲注意事項 ▲クエスト(?)画面のリストの強調表示 以上です。赤い ＞＜ 赤文字って強調色として認知されていますが、実は黒地に赤文字って視認性的には良くないです。 photoshopのフィルタをかけるとこんな感じになります。 ▲P型フィルタをかけた時 赤よりマゼンタ色の方が見づらく感じますね。 背景が若干明るいので、その分見づらくなっている場所もあります。 ▲D型フィルタをかけた時 少し黄色を入れてオレンジにするだけでも視認性は改善されるので、デザイナーだけではなく、実装する… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fappgameui.hatenablog.com%2Fentry%2F2020%2F04%2F17%2F140000" title="「プロ野球PRIDE」黒い背景に赤い文字は避けた方が良い。色の組み合わせには注意が必要。 - ゲームアプリの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/20200417/20200417095247.png Hatena Blog https://hatena.blog 2020-04-17 14:00:00 rich https://appgameui.hatenablog.com/entry/2020/04/17/140000 1.0 100%