次の2つの条件を満たす4色のパレットを選択する必要があります。

  1. 色覚異常の人は4色すべてを簡単に区別できます。
  2. 通常の色覚を持っている人は、「緑」、「青」、「黄色」、のいずれかの名前で私の各色を明確に識別できます。

文脈上、私は標準のアイスハウスピースを使用するボードゲームのビデオゲームバージョンを作成しています。ピースの形、サイズ、位置、向きはすべてゲームプレイに関連しているため、色の代わりに使用することはできません。また、各色はルールで名前で参照されているため、元の色とあいまいまたは無関係な色を使用すると、元のボードゲームに精通している人を混乱させる可能性があります。

上記のように、私の最善の選択肢は何ですか?

コメント

  • さまざまな種類の色覚異常すべてに対処しますか、それとも一部だけに対処しますか? en.wikipedia.org/wiki/Color_blindness#Classification
  • 赤と緑の色覚異常の場合:赤と緑のどちらかがよりもかなり暗いことを確認してください
  • さまざまな種類の色覚異常の見方が異なるため、あらゆる種類の色覚異常をとることは不可能です。
  • 色覚異常の人は色分けにさえ注意を払わないかもしれないことを考慮に入れるかもしれません。私は野生の息をしているときにこれに気づきました。神社が青と黄色に色分けされていることを理解するためにオンラインガイドを読まなければなりませんでした。色を見るが私は’色分けの使用に慣れていないと思います。
  • 色相または色が必要ですか?一般的なアプローチの1つは、色ごとに異なる値または彩度を使用することです。これは、 cubehelix のようなシステムが採用するものです。

回答

パターンはユースケースで機能しますか?

形状、サイズ、位置、向きを同じに保つことができます。それぞれに「色覚異常モード」があり、色の代わりにパターンを使用するアイテムを区別します。

たとえば、青は平行線、赤は点のパターン、黄色は十字です。 -ハッチと緑は、ジグザグの線または波線の場合があります。

これを行うことで、さまざまな種類の色覚異常(を含む)をすべて説明できます。単色性-要素の方向やサイズに依存しない方法での完全な色覚異常(スケールに依存する場合のパターンの最大の問題)。

更新

あなたのゲームの美学が許せばコメントで指摘されているように追加の設定の必要性を回避するために、カラーおよびパターンを使用しないのはなぜですか。

必ず確認してください。パターンと背景のコントラスト比が十分に高く、理想的には7:1ですが、WCAG AAAはグラフィカルオブジェクト/ユーザーであるため、3:1で十分です。インターフェイスコンポーネント(非テキストコントラスト)。

コメント

  • 回避できます”ブラインドネスモード”の両方を使用します。色付きのパターン:青い波線、赤い点…
  • うん、有効なポイント!それがゲームの美学に適している場合は、100%同意します。
  • あなたの主張を反映するように私の答えを編集しました。
  • これは、多くの物理的なボード/カードでそれを行う非常に一般的な方法です。ゲーム。色覚異常が比較的少ない人として、私はそれが非常に役立つと思います。たとえば、これらの”チケットトゥライド”カードは主に色で区別されますが、隅に小さな記号があります: blog-cdn.daysofwonder.com/dow-uploads/2013/02/t2r-cards.jpg
  • @neilわからない、チケットをプレイしようとした私が知っている色覚異常のない両親と一緒に乗るが、彼らは私たちが遊んでいたやや薄暗い照明の中でカードを区別するのに非常に苦労しました。ゲームは彼らにとって非常に苛立たしいものでした。彼らは両方とも家族としてボードゲームを楽しんでいました、そして私は彼らに私たちがプレイしていた手がかりと独占よりも良いものをいくつか紹介したいと思いました。シンボルはそこにありますが、特にそれらが座っていた場所から遠く離れたルートでは、それらを一致させるのにはるかに長い時間がかかりました。

回答

次の “color-blindを検討してくださいわかりやすいパレット “ ここに画像の説明を入力

このパレットだと思います緑(4番目)、黄色(5番目)、青(3番目または6番目)、赤(7番目)と簡単に解釈できる色があります。

コメント

  • 特に、その画像を1型3色覚または先天赤緑異常をシミュレートするフィルターに通すと、4は7と非常に似ているように見えます。
  • 1型3色覚異常の強い症例を抱えている私は、このサイズと距離で、4、5、6、7色が区別できると言えます。 4/5/6は、5/6/7と同様に、基本的に任意のサイズ/距離で区別できます…しかし、4と7は、非常に小さく(16×16ピクセルのように考えてください)、それが

    離れていることを区別するのは難しいです。

  • ‘もおそらく区別するのが難しいですすぐに。 ‘時間ベースのカラーゲームを作成している場合、同じ画面に4と7を表示すると、意図しない課題が追加される可能性があります。
  • うーん。 ‘実際に試してみないと言うのは難しいですが、’難しいと思います。
  • 大人になっても、名前付けの色に苦労していることにも注意してください。このパレットを見せて、#6に名前を付けるように頼んだら、おそらく”紫”と言うでしょう。

回答

色盲の人として-ありがとう。 そして、LEDの色の発明者が(*)永遠に地獄で燃えるかもしれません。 (誰もがこのコメントを真剣に受け止めているので、私はそれを削除し、 LEDを発明したかどうかに関係なく、誰もがValhallaに行かせてください:)

これを胸から外して、ユーザーに提供することをお勧めします選択肢

一度にすべてのタイプの色覚異常をカバーするわけではありません(異なる色が他の人にとって同じであると私が見ているもの、またはその逆)。一方、もちろん、色の違いは可能な限り確認できます。

つまり、

[color1] [color2] [color3] 

[color1] [color2] [color2] 

色覚異常の人は

[color1-ish] [color2] [color3-ish] 

異なる「色」として表示されます(表示されているものではないかもしれませんが、異なっています。

したがって、

[green] [blue] [yellow] [red] 

のパレットがいくつかあり、ユーザーがすべてのフィールドが異なる


(*)電子機器の状態を示す小さな丸いランプ-それぞれにいくつかの色を付けることができます(私は区別しません)

コメント

  • @Beejamin:はい、電子機器のLED(ステータスを示す丸いランプ)の色。色が私に非常に近いので、それらが赤、オレンジ、または緑のいつであるかはわかりません。毎回失敗していたので、ルーターを5回フラッシュしたことがあります。それから兄が通りかかって、私が何をしているのかと尋ねると、LEDは実際には緑色だと言われました…私が子供の頃、医者は父に私は決してエンジニアではなく、科学で働くことはないと言いました。愚かな博士、あなたが私を聞いたら、子供たちにこれを言うのをやめなさい。何人かはあなたのナンセンスに耳を傾けるからです。署名:物理学のエンジニアと博士号
  • @Beejamin:ああ、タイプミスをしました。もちろん、LEDを意味します。それを更新します。また、前のコメントの医師は、色覚異常(科学で働くことへの抑止力として)のためにこれを言いました
  • LEDの色(少なくとも古いもの)は、設計上の決定ではなく、技術的な制限でした。もともと、赤、黄/琥珀、緑だけが生成できる色でした。後に青と白が登場し、フルカラーのLEDディスプレイが可能になりました。 (興味深いことに、この事実を使ってサイエンスフィクションをデートすることができます。たとえば、スタートレックTNGでは、Data ‘の頭を開いてポジトロニックネットを表示するたびに、たくさんの点滅があります。 LED、すべて赤、黄、緑。当時利用できる色はこれらだけだったためです。)
  • @WoJLEDの色はそれとは関係ありません。あなた自身が言ったように、問題は’色ではなく、’ LEDを使用する電子機器が’常に位置に依存します。そして、Darrel Hoffmanが指摘したように、LED自体の色は’その色に選ばれていませんでした。 LEDの発明者を非難することは、ネオンライトの特定の色についてネオンライトの発明者を非難するようなものです。
  • @WoJしたがって、異なる信号を1つのLEDインジケーターにマージすることを選択したすべての設計者を確認したいと思います(充電器:緑-完全に充電済み、緑の点滅-ほぼそこ、琥珀色-2/3、琥珀色の点滅-1/3、赤-空)実際のLEDを発明した人ではなく地獄で。

回答

この要素を検討することは称賛に値しますが、ここで全体像についても考える必要があります。つまり、できるだけ多くの人に興味を持ってもらいたいゲームを作ろうとしているのです。

あなたが自分で言ったように、あなたがリストした4つの色は、ターゲットオーディエンスが精通しているだけでなく、おそらくそれらが同じであることをかなり期待している確立されたセットです。

そうは言っても、デフォルトとして元の4色を使用します

あなたはあなたが望んでいるように見える色覚異常をサポートするために余分な努力をしたいと思っています、そしてそれから角を切り取らないでそしてそれを正しい方法でやってください。それをユーザーにしてくださいカラーパレットを選択できるオプション。さまざまなタイプの色覚異常に対していくつかの異なるプリセットオプションを用意するか、上に移動してユーザーが独自の4を選択できるようにします。色。

パターンを使用しても、大多数のユーザーにとって見た目が良くない可能性があります。そのため、多くのユーザーを先延ばしにして足を撃たないでください。少数のユーザーにお願いします。

それで疑問が残ります:wルールが一致しないことについて嫌いですか?

ルールが物理的に印刷されているか、単一の非動的な電子文書にある場合、できることはあまりありません。これが、デフォルトで元の色を使用する理由です。

ただし、ルールがゲームUIに組み込まれている場合は、インスタンスを作成するのにそれほど労力をかけないでください。 「色名」変数:視覚的な色と表示名の両方。基本的に、ユーザーが別のパレットを選択した場合は、UIで色が参照されるすべての場所にその選択を反映します。

要するに、これらはシナリオの種類は常にオプションである必要があります。すべてのユーザーに同じ使用可能性ルールを強制することによってアプリケーションを不利にしないでください。

回答

科学/データ科学では、viridisカラーパレットは、色盲に優しいフィギュアを作成するために、過去数年間でかなり人気があります。これはRプログラマーを対象としていますが、このトピックに関する非常に優れた記事へのリンクは次のとおりです。 Viridisカラーパレット

いいえパレットはあらゆる形態の色覚異常に適合しますが、これらは、2つまたは3つの最も一般的な形態の色覚異常に対応しながら、比較的美的に心地よいことを目的とした一握りを提供します。 2〜4の個別の色が必要な図を作成するときは、カラースケールに沿って等距離の色を選択します。それ以上に、形など他のものを取り入れて区別することを考え始めました。物事を少し簡単にするために(そして後世のために)、カラーパレットを示す画像の修正バージョンを添付します。丸で囲まれた/番号の付いた領域は、色を選択する場所を大まかに示しています: ここに画像の説明を入力してください

たとえば、「インフェルノ」の場合、カラーブラインドでないユーザーは「黄色」、「オレンジ」、「紫」、「黒」などの色。

また、描かれているものの他の側面によっては、色が合わないこともあります。明るいまたは暗すぎる場合は、カラーパレットの一方の端またはもう一方の端をわずかにトリミングしてから、それに沿った等距離のポイントから色を取得しますが、パレットに沿ったポイントが近すぎると、個別の色として区別するのが難しくなります。

前述のように、パレットを選択するための設定を検討してください。これにより、誰もが確実に見つけられるようにするための柔軟性が最も高くなります。ゲームは見た目に美しいです。

編集:戻って質問を読み直すと、OPはおそらく、これらの4色を具体的に保持し、色覚異常にやさしいバリエーションを見つけたいという意味であることに気づきました。

回答

これらの4つの非常に基本的な色は、ほとんどの色覚異常の人にとってかなり区別できます。ほとんどの色覚異常の人が区別できないのは、ハーフトーンとニュアンスです。

(RGBカラーモデルについて考える場合、最も一般的なタイプの色覚異常は、RとRの間のクロストークです。 G信号、またはR、G、B信号が欠落しているまれなタイプ)

オーディエンスを広げるためにオプションを追加する必要がある場合、黄色(つまり、R + G)がR to Gバンドを混雑させないために、紫(R + B)またはシアン(G + B)に変更できます。

コメント

  • 他の要件を破ることなく、黄色を紫またはシアンに変更することはできません。’
  • ここでも、黄色は色覚異常の通常の犯罪者です。それは単に赤または緑に向かう傾向があります。それを完全に異なるものに変更しても、他の3の名前を保持することができます。それは何もないよりも少なく、他のものを適応させるかもしれません(またはしないかもしれません)。
  • 私は強く同意しません ” red “および” green

は、すべてのユーザー、特に赤緑の色覚異常によって区別できます。確かに、いくつかの赤の色合いは私には常に赤と見なされ、緑についても同じです。それにもかかわらず、’まともなサイズの色の帯があり、’どれであるか、または存在する場合でも’は見本のすべての色です。淡い緑は私には灰色です。今日まで、ほとんどの緑色の信号機は私には白く見えます。

  • @RossPresser私は’何も検疫しません。色覚異常には多くのバリエーションがあり、それらのほとんどすべてが弱いか強い可能性があります。 “純粋な”(rgbモデルのように)を赤と緑、黄色(rgbモデルのように)で区別できる場合は、同じrgbモデルでの赤と緑の混合)は、赤や緑と区別するのが難しい場合があります。 OPによると、ゲームは透明な色のブロックを使用しているため、強度/彩度の違いは使用できず、色相のみを使用できます。
  • 回答

    @musefanがベストアンサーです!

    パターンのアイデアは聞こえます良いですが、見た目は良いですゲームでそれがどのように機能するかを知っていると、事態はより複雑になります。

    プレーヤーが認識できるように元の色を使用しますが、ゲームを最初に使用するときにプロンプトが表示され、さまざまなカラーパレットのオプションが表示されます。 Sim Daltonismなどのプラグインを使用してカラーパレットの代替を設定し、ユーザーが決定できるようにします。

    ある時点で、ユーザーが最も使用しているパレットを確認できます。

    コメントを残す

    メールアドレスが公開されることはありません。 * が付いている欄は必須項目です