web-dev-qa-db-ja.com

プロフェッショナルに見えるカラーブラインドフレンドリーなプロットの作成

これに基づいて 質問 色盲に対応していて、私が実際に好きなジャーナル出版物の配色を見つけようとして頭を悩ませてきました。私は color brewer や他のサイトを試しましたが、それらはすべて、パステルコレクションの1つにすぎない配色を与えているようです。

私は、おそらく3〜5のデータ系列を使用した単純なx-yプロットのみを作成する傾向があります(ここでは主要なデータを処理していません)。 「古い」私は、黒/赤/青/緑でより伝統的なスキームをロードしたでしょう。 「新しい」私はもっと良いものが欲しいのですが、見つけることができるのはとてもパステル調に見える配色だけです。私の分野では、トラディショナルが当たり前なので、あまり風変わりになりたくありません。

私が思いつくことができる最善の方法は、より伝統的な配色を使用することですが、データを区別するために異なる線種(破線、実線など)とデータポイント(円、四角など)を使用します。これをどこで見たのか思い出せませんが、これはより色覚にやさしいプロットを作成するための1つの戦略です。

パステルやワイルドではない配色を使用できますか?

11
che_kid

可能であれば、他の視覚的インジケーター(ライン形状、ポイントマーカーなど)を使用してみてください。私の知る限り、すべての色覚異常に「安全な」配色はありません。よくても、最も一般的なものに対処できます(例:赤=緑)。

しかし、さらに:

  • ディスプレイはさまざまな色品質(特にプロジェクターでは!)、
  • プリンタにはさまざまな色品質があります。
  • 多くの人が白黒プリンターで紙を印刷します。
13
Piotr Migdal

いい質問だ。設計の優先順位は、ここで非常に役立ちます。あなたの優先順位が(降順)であるとしましょう:

  1. グラフの線を明確に伝える
  2. 色覚にやさしい
  3. 退屈なカラーパレットの使用を避ける

これが私がこれらの優先順位のためにどのように設計するかです(あなたはあなた自身の方法を選ばなければならないでしょう):

#1:データに太字のカラフルな線を使用し、軸とタイトルをフェードしてデータを強調表示します。視覚的な流れが分断されるため、破線や点線は避けてください(色盲の方が優先順位が低いので、後で解決しましょう)。

#2:上記の破線/点線を使用しないことを決定したため、(a)マーカーを使用してカラーブラインドのさまざまなデータシリーズを区別します。 (b)凡例とデータの間のDartに読者の目を強制するため、凡例(これは私にとってはうんざりです)の使用を避けます。代わりに、シリーズ名を行のすぐ隣に配置して、わかりやすくします。これは、色覚異常の読書にも役立ちます。

#3:#1と#2が満たされたので、主観的なパレットの設計に移ることができます。利用可能なパレットは tons あります。1つだけ選択してください。

年のパントン色 を含む現代的な パレット を使用した、このプロセスの1つの結果を次に示します。

chart

3
tohster

Cynthia Brewer は、カラーアレンジメント、つまり色覚異常を考慮できる地図作成のために多くの作業を行ってきました。

彼女は、色覚異常などのいくつかのパラメーターから選択して、複数の状況に合わせて限られた色のセットを作成できるWebサイトを持っています: ColorBrewer 。色の選択はマップのコンテキストで行われますが、色は他の状況でも同様に機能します。

3

これは、少なくとも理論的には、ある意味で、特定の順序ではなく、白黒を含めるように強制されている最も色盲の7色セットです。

enter image description here

これは、私が作成したより大きな16色セットとほとんど同じですが、 重水素症の7人と第1色弱の2人からのフィードバック に従って変更しました。これは、sRGBの最大最小CIEDE2000色差(14.8)ソリューションであり、通常の視力とシミュレートされた重度盲目および白内障の場合、線形輝度スケールで25%の白を75%の色に混合して、白いマーカーと白い背景の細い線をシミュレートします。 HTML表記では、色は次のとおりです。

#000000, #ffffff, #ff1e00, #ffb49d, #22a8be, #36fa0e, #df0095

または、差分進化によって最適化された浮動小数点数として:

0, 0, 0,
1, 1, 1,
1.000000, 0.115928, 0.000000, 
1.000000, 0.705698, 0.616256, 
0.132765, 0.657791, 0.743285, 
0.211692, 0.980599, 0.053187, 
0.875940, 0.000000, 0.583689

これらはかなり普通の色ですが、理由があります。 CMYKでどれだけ印刷するとセットが劣化するのかわかりません。色覚障害者の多くは、色に加えて、形状、テクスチャー、またはリテラルなどの二重のコードが必要であるとコメントしました。これは、色覚異常(全色盲)の人にも役立ちます。グレースケールで色が同じに見えることを確認することを検討しましたが、実際に色が灰色の濃淡でない限り、影響を受ける人々が赤、緑、青に対してさまざまな感度を持っている場合、それはおそらくすべての形態の色覚異常に対しては機能しません。

3
Olli Niemitalo

以前に Color Brewer を使用したことがあるとおっしゃっていましたが、- Color Oracle のダウンロードを検討することもできます。これは Bernhard JennyNathaniel Vaughn Kelso によって開発されたプログラムで、どちらも地図製作の世界のロックスターです。

このプログラムは、色覚異常の人があなたのプロットをどのように見るかを示すように設計されています。したがって、最適な配色を決定すると、 重陽子、第1群眼、および第1群眼 の人がどのようにプロットを表示するかを確認できます。

一般的に、記事では、あらゆる種類のグラフィックやテーブルで受け入れられている規則は白黒です。

2
BDD