優先順位を示すカラーパレットの進行

Question

優先度を示すために色を使用する必要があります。たとえば、20の優先レベルがあります。これを達成するために色を使用する最良の方法は何ですか？これまでの私の考えは次のとおりです。

私は単一の色の濃淡を使用することに傾いています（たとえば、赤-最も明るい色から最も暗い色へ）。色を優先順に表示する場合は、異なる色を使用するのが理にかなっているかもしれませんが、リスト内の異なる優先度の項目を混合すると、異なる色がうまく機能しないと思います...
これらの色に到達するための適切な数学的アプローチはありますか？ 16進数で色を取得したい

なぜ20？

通常、20の優先度レベルは多すぎると理解していますが、ここでは20は独自の数値であり、10にすることもできます。重要なのは、優先度スコアが1から100の範囲にあることです。数値を表示できないという制約があるため、ユーザーゲージを支援したいと思います（必ずしも明確に特定できるとは限りません）relative優先順位。したがって、20のレベル（算術プログレッションの場合は5の増分、幾何学的プログレッションの場合は変数）は、この情報をユーザーに提供するのに役立ちます。

また、皆様からの回答に感謝し、多くの方がとても役に立ち、興味深いものです。

Dave Haigh · Answer

20の優先度レベルを4つの異なるセットに分割します（少なくとも色分けするため）。たとえば、Microsoft TFS（ソフトウェアプロジェクトのコラボレーションツール）では、バグに対して設定できる4つの重大度レベルがあります。

重要、高、中、低

優先順位をこれらのグループに分け、各レベルに同じ色の5つの異なる色合いを設定できます。

例えば：

重要な優先事項-5色の赤
優先度が高い-オレンジの5色
中優先度-5色の黄色
低優先度-5階調（灰色または緑色？）

色の選択に関するいくつかの例：

1。

Red > Orange > Yellow > Green > Blue

しかし、あなたはあなたのケースでそれぞれの4つの色合いを選ぶことができます

https://upload.wikimedia.org/wikipedia/commons/3/30/Triagemexico.jpg

2。

これは、赤から青までの20の異なる優先度レベルの例です。ただし、分割はそれぞれ4つのシェードでは等しくありません。代わりに、赤とオレンジよりも緑と青の色合いが多くなります。これは、特に他の人よりも重要で高い優先順位が際立つためだと思います。 http://help.newzie.com/PriorityColorSchema.png

http://help.newzie.com/index.php?id=516

優先度レベルの色分けは、この1〜100の間隔を20の等しい部分に分割し、以下のスクリーンショットに示すように、各間隔はスキーマ内の1つの色で表されます。 100から96までの間隔である最高の優先度レベルは、スケールで最もホットな色調、つまり「赤」で表されます。優先度レベルが下がるにつれて、対応する色調は、最も重要度の低い優先度レベルの間隔を表す青色である5〜1に近づきます。

結論

私は、重要、高、中レベルの優先順位を最初の6色程度に限定するという考えがとても気に入っています。そうすれば、赤、オレンジ、黄色のいずれかがコード化されている場合、優先度の最上位に近いことがわかります。たとえば、最初に提案したように、4つの色調をそれぞれ均等に分割した場合、優先度の高いオレンジの色合いは、優先度の低い黄色の色調と混同される可能性があります。優先度の低いものをすばやく見つけることはそれほど重要ではないので、これらのシェードはより多くの色合いを持ち、特定の優先度レベルとの混乱を引き起こす可能性はあまり影響しません。

その他の考慮事項

大部分のUI選択と同様に、優先順位を表すために色だけに依存しないでください。優先度を表すための追加の方法があります。シナリオに関連する番号など。

また、例2の色の選択は、色が等間隔で変化してはならないという考え（たとえば、赤4つ、オレンジ4つ、黄色4つなど）だけを使用するべきではありません。 1つまたは2つの赤、2つのオレンジ、2つの黄色、残りの緑と青を使用することをお勧めします。

Rafael · Answer

お客様の要件に基づいて回答する必要があることは承知しておりますが、この場合、要件が間違っている可能性があります。

説明させてください。

20の優先レベルがあります。

あなたは20の優先レベルを持つことはできません！

ここにいくつかの理由があります。

1）カテゴリー

humansが検出して比較できるようにカテゴリに優先順位を付けることで、ランクや緊急度などの値に基づいてアクションを実行します。

カテゴリが6〜8を超えると、人間は苦労します。もちろん、サブカテゴリを持つこともできますが、検索や分類などの特別な目的のためです。

単語に翻訳された優先順位を想像してみてください。

すごく高い。
すごく高い。
高い
そんなに高くない
中高
中
中低
低高
低中
前のものより低い...

私はちょうど10を持っていますが、それはまったく論理的ではありません。

2）隣接する色

はい、人間は多くの色を知覚できます...しかし、それらを一緒に比較すると。

緑の2つの色合いを隣り合わせて、1つが他よりも「明るい」かどうかを確認できます。

しかし、少し下にスクロールする必要があるとしましょう。これで、同じようなグリーンがもう1つあります...しかし、以前のグリーンよりも明るいか、暗いか、同じかどうかは、きっとわかりません。

3）色名

「1」と同様のケース。色の名前はほとんどわからない

赤
オレンジ
黄
緑
ターコイズ
シアン
青い
紫の
赤紫色
ブラウン...ブラウンはダークオレンジだと知っていますか？どのくらい暗い？

4）色-ライター

「ライター」はトリッキーな形容詞です。

ここに、両側に2つの明るい緑がある円があります。 1つはより黄色がかっています。絵画では、このシフトはより「知覚的に正しい」ライターを表すために使用されます。

ポイント3と4では、色が3次元モデルであるため、分類が複雑になります。そして優先順位は一次元的なものです。

単色の色合いを使用

赤を1つ使用するとします。

これは、両側に10％幅の小さなバーがある均一なグラデーションバーです。 1つは純粋な赤、もう1つは純粋な白です。

左側のバーはほとんど見えませんが、右側のバーの方がずっとよく見えます。

光に対する人間の知覚は、線形ではなく対数的です。＃F00と＃E00よりも#FFFと#FEEの違いがわかります。

しかし、これをポイント2と組み合わせると、これらの違いの多くはわかりません。

ライトライトレッド
ただ薄い赤
赤

結論：

1）Dave Haighによる4-6色だけの提案を参照してください。

2）ポジションのような「優先度」の他のサブレベルの代替案があります。上位のものは下位のものより重要です。

この四角は明るいですか、暗いですか、それとも上部のものと同じですか？

編集：

コクシーは興味深いものをコメントしました。赤オレンジ黄は、何とか確立されたシーケンスです。しかし、何らかの理由で緑と青だけを持っている場合、どちらが優先度が低いかを言うのは難しいでしょう。

おそらく、濃い緑の代わりに黄緑色を作るといいでしょう。

ここでは、カラースキームの他のオプションをいくつか示します。

この最後の方法は、おそらくいくつかの種類のダルトニズムに適しています。

後で編集：色が優先度の最も明確な例ではないという興味深いケースの1つは、包括的なDEFCONに優先度4と5の色が混在していることです。 4は青、5は緑で、逆の場合もあります。

https://en.wikipedia.org/wiki/DEFCON

icc97 · Answer

シーケンシャルデータがある場合- カラーブリューワーは最大9つのデータポイントを提供しますこれを使用して、データを適切に分離できます。

これらすべてが色覚にやさしいことは注目に値します。

Andrew Martin · Answer

優先度が非常に高い場合、単一の色は強力なアプローチのように聞こえます（彩度で作業している場合は、色覚異常のユーザーにも有効です）。 2度または3度の場合、別の色を検討する価値があります。低、緑、中、黄色、高優先度の赤は、他の表現（単語、アイコンなど）が付いている限り、優先度が高いことを意味します。しかし、非常に多くの優先度の場合、ユーザーはどの色がどのレベルの優先度を表しているかを思い出すのに間違いがあります。

数学に関しては：

赤の値を使用していると仮定すると、00とFFの間に255の値があるため、20で除算し、最小の整数（12）に丸めて、ステップサイズを取得してからこれらを変換する必要があります）数値を16進値に戻します（0 = 00、12 = 0c、24 = 18、36 = 24、48 = 30、60 = 3cなど）。