web-dev-qa-db-ja.com

グラフィックが特に薄い場合、色覚障害者向けのシンプルなカラーコードグラフィックをどのように作成すればよいですか。

私はフラッシュパズルゲームの作成を開始し、色覚異常モードの実装方法について考え始めました。 (ゲーム開発SEがあることは知っていますが、これはユーザーエクスペリエンスの質問です。)単純にするために、ゲーム全体を白黒の配色に変換します。

ゲーム内の一部のエンティティは、赤、緑、青、黄色の4つの基本色の間で色分けされています。したがって、次のようなグラフィックを使用するとします。

enter image description here

4つの色を区別するには、ハッチング、クロスハッチング、水玉などを使用できる必要があります。問題?たとえば、次の写真を見てください。

enter image description here

そのようなものをそのような画像に合わせることができる方法はありません。両方の軸に沿って十分なスペースがありません。

それで、どうやってそれに対処しますか?図面自体を再設計することも考えられますが、それは悪い考えのように思えます。もう1つのアイデアは、画像の上または近くに数字または文字を配置することですが、それ自体、一種の見苦しい(そして気が散る)ように見えます。

これらの種類の問題を回避するために、色盲モードをどのように実装すべきですか?

5
Panzercrisis

輪郭がはっきりしていると、アイコンが役立ちます。キーの方向を変更して4つの異なる色を表すことができます(つまり、色を変更and方向)。このようなものは十分に区別できるはずです:

enter image description here

6
Franchesca

UXの観点からは、グラフィックスの再設計は良いアイデアですが、既存のゲームに色覚障害のサポートを追加しようとすると問題が発生する可能性があります。

重要なことは、ドアと一致するように、キーをどういうわけか見栄えよくすることです。最も簡単な方法は、キーの向きとロックの向きを一致させてそれらを一致させるようにすることです。

0
Michael Kohne