ゲームアプリのUIデザイン

プレイしたゲームアプリのUIデザインに関して書き残します。毎日頑張って更新!

020_アンチパターン-色覚多様性がサポートされていない

「三国ドライブ」色覚多様性対応について。まずは「自分とは違った色の見え方の世界がある」というところから意識して欲しい

こんにちは!ちょこです! 「三国ドライブ」で視認性が良くない文字があったのが気になりました。画面としては以下の画面です。 具体的にはこの部分です。背景が無彩色に近い赤、文字が暗めの赤です。 オリジナルでも視認性は低いのですが、これをシミュレー…

「三国ドライブ」アイテムのカラーバリエーションを展開する時に色覚多様性対応の視点で注意したいこと

こんにちは!ちょこです! 「三国ドライブ」のアイテムデザインが色覚多様性対応の視点から見たときに懸念がありました。デザイナーが陥りがちなアンチパターンとして紹介してみます。 アイテムのカラーバリエーションを作る機会のある方 カラーバリエーショ…

「ヒプノシスマイク-A.R.B-」黒背景に赤文字は絶対に避けて欲しい理由

こんにちは!ちょこです! 今回のテーマは「視認性が良くない色の組み合わせについて」です。 過去何度か「色覚多様性」については書いているのですが、黒赤のNGパターンを結構見かけます。ちょっと色を変えるだけでぐっと読みやすくなるので忘れないでいて…

「デュエル・マスターズ プレイス」黒地に赤文字は見づらいので避けた方が良い話

こんにちは、ちょこです! 「デュエル・マスターズ プレイス」、通称「デュエプレ」のお知らせ画面で見辛い文字列がありました。 この組み合わせは非常にメジャーで頻出もしています。デザイナーだけではなく開発者の方はアンチパターンとして知っておいて欲…

「スタートリガー」今日は、黒背景に赤文字の組み合わせはNGということだけ覚えて帰って欲しい

こんにちは!ちょこです! 「スタートリガー」の色覚多様性対応が気になりました…! お知らせ画面!文字が赤い…!! PhotoshopのP型フィルタで見るとこんな感じです。 文字は結構見づらい感じです…。赤字が悪いわけではないのですが、背面が暗い時に赤い文字…

「フィッシングスーパースターズ」黒背景に赤文字つかいがち問題。色覚多様性について考えてみました。

こんにちは、ちょこです! 「フィッシングスーパースターズ」にて色覚多様性対応が不十分だと感じた画面を見かけました。 この画面。 一部の文字が読みづらくなっている箇所があります。 一見して分かりますでしょうか? ▲少し考えてみて欲しいです 正解はこ…

「アズールレーン」デザインが気になったところ。とにかく色覚多様性対応の意識だけは忘れないでいて欲しい!

こんにちは、ちょこです! 「アズールレーン」のUIでいくつか気になった箇所があったんですよね…。ちょっとまとめて考えてみます。 なるべく主観によらず普遍的な部分での話でまとめたつもりですが、考察不足であればすみません。 1:情報の扱い方 2:ボタン…

「プロ野球PRIDE」黒い背景に赤い文字は避けた方が良い。色の組み合わせには注意が必要。

こんにちは、ちょこです。 「プロ野球PRIDE」で使用されてる文字色が視認性の観点から気になりました。 ▲お知らせ画面 ▲注意事項 ▲クエスト(?)画面のリストの強調表示 以上です。赤い >< 赤文字って強調色として認知されていますが、実は黒地に赤文字って…

「パレットパレード」フィルタがシルエットでも色でも分かりづらいアンチパターン。他タイトルから改善案を紹介します。

こんにちは、ちょこです。 「パレットパレード」のフィルタ機能ですが、どういったデザインなのかコレ…。 全部にチェックが入っているように見えますが、実は違います。 黒いチェックマークは未チェック状態を示しており、チェック状態はピンク色のチェック…

「欅のキセキ」色覚多様性の配慮はできているか常に忘れないようにしたい

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 「欅のキセキ」パズルゲーなので、色覚多様性の対応は必須で、一見してできてそうな気がしたので念のためフィルタをかけてみました。 フィルタをかけないとこんな感じです。 色によってシルエッ…

「刀使ノ巫女 刻みし一閃の燈火」色覚多様性の対応について

こんにちは、ちょこきなこです。 「刀使ノ巫女 刻みし一閃の燈火」をプレイしていて色覚多様性の配慮に関して気になった点があったので、書きました。 色覚多様性に対する認識 「刀使ノ巫女 刻みし一閃の燈火」の場合はどこが問題なの? どうすればよいのか …