web-dev-qa-db-ja.com

最高の読みやすいコンソール色

何が起こったかに応じてPASSまたはFAILを出力するシステムで作業しています。他のテキストが表示されているので、PASSまたはFAILメッセージを簡単に区別できるようにカラーで記述したいと思います。

PASSを緑にすると目立ち、読みやすくなりますが、FAILを赤（黒の背景）にすると、目が痛くなります。読みやすいだけでなく「エラー」を伝えるより良いエラー/警告カラーはありますか？

colorreadability
5
Francois du Plessis

エラーの標準色は赤ですので、これに固執する必要があります。しかし、読みやすくするためにできることがいくつかあります。

  • それを制御できる場合は、テキストの背景色を使用します。背景を赤または緑にして、テキストを白（またはうまく機能する別の組み合わせ）にすることができます。 ）。これには、テキストの色だけでなく、結果を強調表示できるという利点があります。
  • または、赤の色合いを変更して、不快感を減らします。赤の明るい色合いは、「エラー」を伝えている間、より読みやすくなります。

mockup

download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム

多くのアプリケーションでは、合格は標準ですが、失敗は例外であり、注意が必要です。もしそうなら、私はハイライトが何らかの方法で合格するよりも失敗するでしょう例：

  • FAILの背景を変更します（上記で提案）、PASSは変更しません。
  • FAILテキストを太字にします（可能な場合）。
  • ** FAIL **や[ FAIL! ]のように、FAILの周りに余分な文字を入れます。
4
user31143

ティックとクロスの使用に切り替えることができます。もちろん、緑と赤の色覚異常の人にも役立ちます。

enter image description here

（少し変更された礼儀 甘い警告 ）

更新：これを行うための他の方法は、リストの前または後のいずれかで、失敗のみをリストすることです。

F  Test 1       FAIL
   Test 11    
F  Test 111     FAIL
   Test 1111    
   Test 11111    
F  Test 121211  FAIL
   Test 145454
1
icc97

失敗に関連する唯一の色は赤です。うまく表示されないので、合否判定しやすい方法を探すことをお勧めします。以下を試すことができます：

  • 合格/不合格の上下に空の行を残します。これは whitespace を作成し、注目を集めます。

  • 記号とテキストを使用します。この情報の重複により、ユーザーが気付く可能性が高くなります。また、テキストがいっぱいのページではシンボルが目立ちます。コンソールでグラフィックが許可されていない場合は、「＃」や「！」などの文字を使用できます。例えば ​​：

    !!!!!パス ！！！！！

    。＃＃＃＃ 不合格 ＃＃＃＃

1
DesignerAnalyst