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

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

030_ユニバーサルデザイン-色覚多様性

「ポケモンユナイト」ゲーム設定に色覚多様性対応があった、オンにすると自キャラのHPゲージが目立ちやすくなる

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「ポケモンユナイト」から、ゲーム設定の中に色覚サポートがある事…

「ガーディアンテイルズ」フィルタ画面でアイコンと文字が表示されていて色覚多様性対応がされていると感じました

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「ガーディアンテイルズ」通称「ガデテル」から、フィルタ機能のウ…

「ドラゴンクエスト ダイの大冒険 -魂の絆-」アイテム名をサムネイルに重ねて表示することで結果的に色覚多様性対応に繋がるデザイン

こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです。 今回は「ドラゴンクエスト ダイの大冒険 -魂の絆-」、通称「魂の絆」の色…

「ポップリンクス」色覚多様性対応のためと思われるオプションが用意されていました

こんにちは!ちょこです! このブログでは「ゲームのUIを見てみよう!」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「ポップリンクス」での色覚多様性対応の事例を紹介します。 ちなみに…

「白夜極光」ゲーム内のオプションが視覚障害者への配慮を感じた

こんにちは!ちょこです! このブログでは「ゲームのUIを見てみよう!」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「白夜極光」のゲーム内のオプションが視覚障害者への配慮を感じたた…

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

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

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

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

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

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

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

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

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

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

「ツミキボシ」色覚多様性対応の事例紹介。輪郭線や模様の濃淡で区別を図るデザインでした。

こんにちは、ちょこです! 「ツミキボシ」の画面で色覚多様性対応どう対応してるのかな、と気になったので調べてみました こういった色だけしか情報が無い画面は危うい傾向があると感じています。 実際にPhotoshopのフィルタで確認してみます。 ▲P型(1型) ▲D…

「ガール・カフェ・ガン」フィルタ機能のデザインがとても分かりやすかった。色覚多様性にも対応できているデザインは珍しい

こんにちは、ちょこです。 「ガール・カフェ・ガン」のフィルタ機能が良かったので紹介させてください。 色覚多様性対応もバッチリ どこが良かったのか、ですが「色覚多様性への配慮が出来ている」という部分です。属性の色だけでなく文字が書いてあるデザイ…

「東京コンセプション」HPゲージが色覚多様性対応しているように見えたので紹介します

こんにちは、ちょこです。 東京コンセプションのバトル画面ですが、敵ゲージの色が赤くなくて色覚多様性の方への配慮がなされているな、と感じました。 フィルタをかけるとこんな感じに。 ボスの時。 これが黄色ではなく赤だとこんな感じになりがちです。 上…

「ドクターマリオワールド」緑甲羅と赤甲羅の色の差別化が出来ているのか見てみました。

こんにちは、ちょこきなこです。 以前、ウイルスの色の見分けが付かないのではないか、と書いたのですが、赤甲羅と緑甲羅の見分けもつかないとはよく言われますね。ちょっとフィルタかけてみます。 P型はこんな感じです。見た感じ区別は明確です。特に緑甲羅…

「ドクターマリオワールド」パズルゲームなら色覚多様性の対応は必須。改善案を考えてみたので開発者に届けたい!

こんにちは、ちょこきなこです。 事前DLしてたドクターマリオワールドがサービス開始していました。 BGM懐かしい! 早速UI周りを見てみます。 パズルゲームなので「色覚多様性」の対応が気になりました。 この3色の組み合わせは大丈夫そう。 念のためPhotos…

「七つの大罪 光と闇の交戦 : グラクロ」3属性に絞るメリットって何があるの?

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 最近のアプリは概ね7属性(火、水、風、雷、闇、光、無etc)くらいあるのが多いです。 グラクロの場合は「体力」「速力」「筋力」の3属性に絞っています。 久々に三すくみの仕様を見たかもしれま…

現場のデザイナーはどうやって色覚多様性のチェックしてるのか、という疑問に対するアンサー

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 比較的淡々としているので、人気のあった記事とか最近のよかったアプリランキングとか、そういう感じの記事とかどうかな的なアドバイスをいただいたので、今日は普段と違う記事書きます。 以前…

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

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

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

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