23

デザインを行ったり、デザイン上の決定を下したりする私たちの多くが、この問題について聞いたことがあるかどうか、興味があります。

緑と赤のような危険な色の組み合わせがあることは承知しています。これは、おそらく色覚異常の最も一般的なケースの 1 つです。赤の背景に緑のテキストがあり、その逆の場合、何も見えない人もいます。

私は実際に、青色の背景に緑色のテキストが表示されていないことも確認しました。

他にどのような色の組み合わせを避けるべきですか?また、これらのケースはどのくらいの頻度で予想されますか?

数字を持っている人の遭遇確率によっていくつかの範囲を作ってみましょう。

追加: ほぼすべての人に問題を引き起こす非常に悪い例を 1 つ思い出しました。黒い背景に青いテキストです。すべての意図と目的で読み取り不能です。何が Web マスターにこの色の組み合わせを使わせたのか理解できませんでした...

4

15 に答える 15

16

私は常にhttp://www.vischeck.com/vischeck/vischeckURL.phpで自分のページをテストして、本当に悪い色を選択していないことを確認しています。またはこれhttp://colorfilter.wickline.org/

于 2009-02-06T09:44:09.930 に答える
7

私は緑赤タイプの色盲なので、はい、これを考慮に入れています:)

他の人がリンクしている Web サイトに記載されているデザイン ガイドラインに従ってください。しかし、強調したいアイデアがいくつかあります。

  • 色をハードコーディングするのは良い考えではないかもしれません。構成可能でスキン可能は良いです。
  • 特に、「赤いもの = 悪い、緑のもの = 良い」というようにインジケーターをハードコーディングすることは、良い考えではないかもしれません。
  • そして、同じインジケーターを「緑のときは良い、赤のときは悪い」とハードコーディングすることは、間違いなく悪い考えです。

（バッテリーは充電されていますか？）

于 2009-02-06T09:52:01.863 に答える
5

これはよくあることだと思いますが、それを考慮しない開発者は、驚くほど多くの顧客を締め出してしまう運命にあります。私の職場では、R&D 部門の約 30 人のうち、2 人はある程度の色盲で、1 人は視覚障害があります。彼は仕事をするためにウィンドウの「ハイ コントラスト」配色を使用する必要があります。適切なテストは、さまざまなハイ コントラスト スキームでアプリを実行することです。あなたがそれをしていないなら、私はそれが読めないことをほぼ保証できます. アクセシビリティを向上させるには、このようなスキームを処理できる必要があります。

于 2009-02-06T09:45:38.943 に答える
3

Web サイトは、色盲、聴覚障害者など、あらゆる人に対応する必要があります。

英国の王立盲人協会には、部分サイト利用者向けの Web デザインに関する興味深い記事がいくつか掲載されています。 リンクテキスト

カラーコントラストリンク テキストを含む

色を使用して情報を伝えるリンクテキスト

于 2009-02-06T09:48:19.797 に答える
3

私の直属の上司は色覚異常なので、考慮しています。;-)。

于 2009-02-06T09:44:59.613 に答える
3

はい、色を使用して物事を識別および/または区別する場合は、必ず考慮する必要があります.

古典的なケースは、一般的に赤、黄、緑の信号機スタイルのインジケーターです。赤/緑の色覚異常は非常に一般的です。アクセシビリティの法律に準拠する必要があるアプリを作成している場合は、これを考慮に入れる必要があり、他の多くのことを考慮する必要があります。

カナダのケベック州政府は、実際の信号機の形状や色が異なることを認識しています。本当に理にかなっています。

于 2009-02-06T09:46:19.753 に答える
1

私はセクション 508 に拘束されている米国政府部門のためにいくつかの作業を行ったので、それが問題になります。

赤/緑が圧倒的に最も一般的な形式ですが、他の形式 (特に青/黄と単色) も存在するため、一般的に重要なことは高レベルのコントラストを維持することです。

于 2009-02-06T09:47:36.753 に答える
1

緑 + 赤とは別に、比較的一般的なタイプの色覚異常は青と黄色です。

ゲームを作成する際には、色覚異常を考慮しています。私たちがデザインしたゲームの 1 つ (Arcade Lines) は、同じ色の列に並べる必要がある色付きのボールを特徴としています。私たちは、色だけでなく形状も異なる (色ごとに 1 つの形状) 色覚異常者向けの特別なスキンを提供することで、色覚異常を説明しようとしました。

于 2009-02-06T09:47:57.767 に答える
1

このウェブサイトを提案できます。配色セレクターがあり、その右下部分にはドロップダウンメニューがあり、一般的な目関連の問題を切り替えて、それに応じて配色を変更するために使用されます

于 2009-02-06T09:48:29.110 に答える
1

Windows では、システムの色をシステムに問い合わせることができます。私はいつもそれらを使用しています。

高コントラストの画面設定を使用してアプリをテストできます。すべてが読み取り可能であれば、問題ないと思います。

これに私の目を開いた記事はここにあります：http://msdn.microsoft.com/en-us/library/bb263953.aspx

于 2009-02-06T09:45:40.223 に答える
0

私はかつて、色によって区別される異なるシリーズの散布図を特徴とする社内アプリケーションを作成しました。私の主なユーザーは色覚異常（赤緑だと思います）であることが判明したので、記号のバリエーションで色を補いました。

于 2010-04-12T23:56:17.707 に答える
0

実際、私はこれについて考えたことはありません。しかし、今振り返ってみると、私のアプリケーションが色に依存していたケースも思い出せません。テキストはほぼ常に白または黒 (赤または緑が使用されることもあります) であり、背景色はかなり薄い色です。これは今でも覚えておきます。Webページをハイコントラストにするのはそれほど難しいことではありません。:)

于 2009-02-06T09:54:43.980 に答える
0

Color Oracle は、さまざまな種類の色盲をシミュレートする優れたツールです。アプリ/ウェブサイトを実行し、このアプリを実行すると、色盲のユーザーがあなたの作品をどのように解釈するかについての良いアイデアが得られます.

http://colororacle.cartography.ch/

于 2009-08-03T01:49:43.117 に答える
0

赤緑が最も一般的ですが、唯一の色覚異常ではありません。

一般に、ユーザー インターフェイスは、グレースケールまたはセピア トーンで表示された場合でも表示され、使用可能である必要があります。テキストと背景は、色ではなくトーンだけで形状を区別できるように、高レベルのコントラストが必要です。

独自のアートやアイコンではなく色を含む視覚要素には、それらが何を表しているかをより詳細に説明するテキストを付けることができます。

于 2009-02-06T09:55:11.980 に答える
0

同僚に赤いボタンを押すように言ったとき、私はこれを難しい方法で見つけました..彼が「どれ？」と言ったとき。私は彼がぼんやりしているだけだと思ったので、もう一度彼に話しました..そして彼は私に色覚異常であり、私が愚かだと感じていると言いました.

彼は現在、鉄道で働き、信号ソフトウェアを書いています。よくやった赤信号は常に上にあります :)

では、色覚異常を考慮する必要がありますか? 大きなフォントをサポートするように画面を設計しないのと同じように、おそらくそうではありませんが、ほとんど受け入れられるものではなく、本当に良い仕事をしたい場合はそうする必要があります.

于 2009-08-05T13:52:23.403 に答える