日ごとの色分け-慣例はありますか?


8

さまざまな地域でごみが収集される曜日を示す地図を作成しています。つまり、曜日を表す別の色で各ゾーンを色分けするのはかなり魅力的です。

従うべき慣習はありますか?7色は多すぎませんか?

現時点では、次のようになります。

ここに画像の説明を入力してください

これまでのところ、私の色は月曜日から金曜日までの虹(赤、黄、緑、青、紫)に続き、土曜日と日曜日は明るい灰色と暗い灰色になります。

以下は、画像の数値です。(CartoCSS、タイルミル。)

@s: 60%;
@l: 70%;
@monday:    hsl(  0, @s, @l);
@tuesday:   hsl( 60, @s, @l);
@wednesday: hsl(110, @s, @l);
@thursday:  hsl(200, @s, @l);
@friday:    hsl(250, @s, 80%);
@saturday:  hsl(  0, 0,  70%);
@sunday:    hsl(  0, 0,  70%);

ですから、金曜日を除いて、平日はすべて同じ明度と彩度です。金曜日は、何らかの理由で暗すぎるように見えました。私はもともとスペクトルの周囲で色相を等間隔に配置していましたが、2つの青が似すぎており、いくつかの色が魅力的ではなかったことがわかりました。


1
特定のコンテキストがない場合、これはおそらく広すぎる/意見に基づいています。色の数についてはカートグラフィックルール/ガイドラインがあります(7つは過度ではありません)が、日の色のカートグラフィック規則については知りません。一方、文化的には...それはまったく別の話です。例:en.wikipedia.org/wiki/Colors_of_the_day_in_Thailand and / vs blog.forret.com/2007/08/weekday-colours-ayurveda or / vs home.comcast.net/~pavel314/colorday.html
Chris W

ああ、そんなことは考えていなかった。オーストラリアです。色は、情報を取得するための唯一の方法ではありません(各ゾーンに書き込み、マウスオーバー、および今日と明日の特別な強調表示)
Steve Bennett

これは楽しいツールです:color.adobe.com。また、色覚異常について、ここではいくつかのアイデアですux.stackexchange.com/questions/19592/...
mr.adam

色覚異常は情報が伝達される主要な方法ではないため、私は色覚異常についてはそれほど心配していません。
Steve Bennett

回答:


4

あなたがちょうど7つのクラスを持っている(彼らは本当に日曜日に迎えますか?)そしてそれらがカテゴリー的(量的ではない)クラスであることを考えると、私は7つの異なる色相を持ち、それでも同じような強度と彩度レベルが良い方法だと思いますトーゴ。グレーの代わりに、オレンジとインディゴ/バイオレットを絞ることもできます。

色相スケールに沿って、またはその周りでほぼ規則的な間隔を使用できます、最終的には、実際に知覚される色の違いに基づいて選択をガイドする必要があります(そして、これをすでに試しているようです)。

一部の人々が色覚異常であるか、または一部のマップがモノクロ(グレーレベル)で再現されている可能性がある場合、差別化を支援するために、各色にユニークで微妙なパターンまたはテクスチャを組み合わせることも検討してください。

alreadyあなたがすでに持っている紫のようではない方


フォローアップコメントを読んでください。はい、それも良いことです。(そして、おそらくそれらをQの本文に追加します。)
マーティンF

日曜日?私の知る限りではありませんが、おそらく可能性を残しておく必要があります-完全なデータセットはまだありません。
スティーブベネット、

2

7色は多すぎません。少なくとも配色を始めるための私の頼りになるリソースはColorBrewerです。それらのツールを使用すると、データクラスの数、データの性質(量的、質的)、および配色(暗い)を選択できます。 、パステルなど)、データがどのように表示されるか、スキームを実装するために必要なカラーコードをプレビューできます。そこに行き、定性的な配色を選択して、遊んでみてください。

その日にゴミ拾いがないことを示す場合を除いて、グレーやブラックの色合いは使用しません。ゴミが毎日拾われる場合は、7色の配色を使用します。平日にのみ集荷する場合は、平日に5色の配色を使用し、週末には灰色を使用して、その日に集荷しないことを示します。


また、灰色の使用をエコーするか、むしろ使用しないようにします。マーティンの答えとともに、RYGBPではなくROYGBIVであることを最初にコメントしたので、すでに7色あります。しかし、私はあなたが週末に故意に灰色の色合いを選択したのではないかと考え始めました。
クリスW

これまでの地図でわかるように、土曜日のゾーンは2つしかなく、日曜日のゾーンはありません。
Steve Bennett

1

「曜日」がカテゴリー/名義尺度か序数尺度かは明確ではありません。あなたの色は「月曜日から金曜日まで虹に従う」ので、私はあなたのアプリケーション/分析にとって日の順序/シーケンスが重要であると思います。したがって、以下は「曜日」がアプリケーション/分析で序数スケールを持つ場合にのみ適用されます。

私は日の色の地図作成規則を知りません。ただし、シーケンスが認識できないため、7色(「レインボー」)は多すぎます。

最初のステップでは、スケールレベルを決定する必要があります。私の意見では、データは序数でスケーリングされています(カテゴリー/名義、間隔、比率とは対照的に)。

序数でスケーリングされたデータでは、色を視覚的に順序付けする必要があります(月曜日から日曜日まで)。

HSVカラーモデルでは、色を調整する3つのオプションがあります。

  • 色相(緑、青、赤、…)
  • 彩度(グレーの量)
  • 値(明るさ)

マップでは、7つの完全に異なる色相を使用して色を変更しました(赤、黄、緑、青、紫、ライトグレー、ダークグレー)。これらは多すぎます。シーケンスは認識できません。

ここでは、カラーシーケンスを構築する方法について説明します(http://colorusage.arc.nasa.gov)。

序数データでは、グラフィック要素のラベルの色は、識別および識別可能であるだけでなく、視覚的に順序付けられている必要があります。色の割り当ては、グラフィック要素間の連続的な関係を表す必要があります。これは、色相シーケンス、彩度シーケンス、明度シーケンス、または次元のいくつかの組み合わせで実現できます。単極の色相シーケンスは、2つの非反対色相、つまり赤/緑または黄/青以外のペアのさまざまな量の混合物によって取得できます。彩度と明度は自然に視覚的に整理されます。彩度と明度の組み合わせがうまく機能します(下の例を参照)。双極性序数ラベリングでは、2つの色相の彩度と明度の組み合わせがうまく機能します。

以下は、「レインボー」カラーよりも優れたカラーシーケンスを示す簡単な例です。

例:2つの色相の間のグラデーション(黄色からオレンジ): 2色相間の勾配

例:6つの異なる彩度/値: 6つの異なる彩度/値

例:6つの異なる値: 6つの異なる値


4
曜日には順序が決まっているという明白な順序があることに同意しますが、順序が特定の品質を反映している場合、通常のカラースケールが最適に機能します。「月曜日」は「火曜日」より「多い」または「少ない」ではないので、カテゴリカルなスキームは私の直感によりよく適合しているようです。さらに、特定の「火曜日」は「月曜日」の前と後の両方にあるため、シーケンスを開始する静的な曜日(伝統的に月曜日または日曜日)を選択しない限り、暗黙的な順序は実際には機能しません。OPの色が好きです。彼らは認識しやすいです。
alphabetasoup

1
ええ、私は曜日がスケールであることに完全に同意するとは思いません。下の2つのマップでは、北/北東に「より多くの何か」があり、中央に「あまり多くない」のように見えます。また、私は意図的に5に色の数を減らすために、灰色の土曜日と日曜日の色合いを作った
スティーブ・ベネット

コメントSteveと@ alpha-beta-soupをありがとう。スケールが名義か序数かがそれほど明確ではないことに同意します。スティーブには、シーケンスが存在すると想定しました(彼が「月曜日から金曜日まで虹に従ってください」と言ったため)。しかし、それは確かにあなたがしたいアプリケーション/分析に依存します。「日」を名目として扱う場合:虹色は良いです。しかし、灰色(土曜日、日曜日)を色に置き換えます。
Jens

これは、データが序数であるというあなたの仮定の基礎となるマイナーなコメント(虹に従ってください)です。日は非常に「弱い」シーケンスに従い、虹の色も同様です。したがって、彼らは良い一致をします。ただし、「地理的表面」と見なされる可能性のあるものについて、マップは問題なく見えます。
マーティンF
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.