グラフィックデザインにおける色盲に対処する方法の問題を考えると、多くの人々は無愛想な答えを与えるように誘惑されるでしょう:”別の職業を選択してください。”

プロのデザイナーが理解すべきように、それはそれほど単純ではありません。 あなた(デザイナー)が色盲でなくても、男性の顧客の8%以上が男性のターゲット市場の8%である可能性が高い(色盲は女性ではまれです—0.5%のように)。, あなたの設計仕事がこの相当なグループのために見苦しいまたは読みにくければかなり巨大な間違いを作った。

そして、あなたがデザインしたいが、色盲であることが起こると言いますか? 大したことじゃない いくつかのトリックを学ぶと、あなたは大丈夫です。

この記事では、色盲の人を考慮する方法についての非色盲デザイナーのための指針と、色盲デザイナーのためのヒントをあなたの色をまっすぐに保つ しかし、最初に、少し背景…とテスト。

あなたは色盲ですか?,

上の画像に74の数字が表示されている場合は、クリアです。 私のように、あなたが21(または何も)を見た場合、私たちはあなたのためにいくつかの悪いニュースを持っています:あなたは赤緑色の色盲です。 納得できない場合は、ここで完全なテストを受けることができます。

色盲は白黒で見ることを同一視するものではないことを理解することが重要です。 それは非常にまれであるモノクロマシーです。, 実際には、色盲は、典型的には、特定の色の色合いを区別する能力の低下を指します—最も一般的には赤と緑;あまり一般的ではないが、青と黄色。

これらの色は互いに混じり合う傾向があり、次のような認識が得られます。

Googleのロゴのトップバージョンは通常の色です。 底版に調整したミラーの方が赤緑色覚者が確認できます。,

アンディ-ウォーホルのマリリン—モンローグリッドの左のバージョンは通常の着色を持っています。

赤緑色の色盲の人がそれを見るかもしれない方法をミラーリングするように調整されています

有名なリーダーやクリエイティブの多くは、マーク—トウェイン、ビルを含む色盲でしたclinton、mark zuckerberg(創業者が見るのが最も簡単だったため、facebookが最初にハイライトカラーとして青を使用したという噂があります)、さらにはこの主張は激しく論争,

Mark Zuckerberg(jdlasicaによる写真)そして、おそらく、ヴィンセント-ヴァン-ゴッホは両方とも色盲でした

あなたは色盲ではありませんが、まだ色盲の聴衆を考慮する必要があります

通常見える人として、それは難しいですあなたの仕事が色盲の目にどのように見えるかを想像する。 それでも、これは途方もない影響を作ることができる。

ウェブサイトは、すべてのユーザーにとって読みやすく、ナビゲートしやすいことが重要であるため、大きな関心事です。,

通常のボタンとトーンが似ている上のハイライトは、カラーブラインドの視聴者にとって最悪です。それはまた、非色のコンポーネントを追加するので、ベスト:強調表示された境界線

あなたのロゴは、色盲の聴衆に衝突または区別できない色で構成さ, または悪いことに、完全に見えないロゴ—以下のいくつかのように:

これらは明らかに1)Bill Gardner、2)Dennis Murphy、3)Razoo、4)Crema Cafeのロゴでした。 それらのどれも色盲の視聴者のための特に肯定的な関連を持っていませんが、2と3は読むのが難しい、あるいは不可能です!

さらに、色がキーであるこれらのより具体的な領域を考慮してください。

リンク:テキスト本文内のハイパーリンクを色だけで強調表示するのが,

インフォグラフィック:色はインフォグラフィックの魅力と読みやすさにとって重要です。 それはまた、しばしば象徴的な情報を運ぶ。

マップ:ここでも、色はしばしば異なる地下鉄路線や都市地区のようなものを区別するために使用されます。

ゲーム:色は、多くの場合、チームと直接ゲームプレイを区別するために使用されます。

色に依存しすぎるマップは、カラーブラインドビューアにとって非常に混乱する可能性があります。,緑&赤;緑&茶色;青&紫;緑&青;ライトグリーン&青;ライトグリーン&yellow;blue&grey;green&Grey;green&Black

  • モノクロにする:複数の色の代わりに単一の色の様々な色合いを使用することは、もちろん、色盲の問題, 今日のミニマリズムはすべての怒りですね。
  • 高コントラストを使用する:色盲の人は、色相、彩度、明るさの違いだけでなく、コントラストを知覚することができます。 あなたの利点にこれらを使用してください(ヒント:多くの色盲の個人は、お互いにぼかしがちな薄暗いものではなく、明るい色をよりよく区別することができると報告しています)
  • 太い線を使用してください:軽度の色盲の人々は色を見ることができますが、十分な”質量”がある場合に限ります。 色の線が細すぎると、正しい色として表示されません。,
  • 色がそれ自体の感情を伝えるとは思わないでください:赤を使用して”悪い”、”警告”、または”気をつけて”信号を送っている場合は、色盲の視聴者にポイントを得るために別のシンボリック要素を追加することを検討してください。
  • 代わりにテクスチャを使用する:マップとインフォグラフィックでは、オブジェクトを区別するために色に加えてテクスチャを使用
  • テクスチャは、トーンに加えて、色盲の視聴者がインフォグラフィックのようなものを読むのに役立ちます。,

    さらに、あなたの色の選択についてのフィードバックを与えるリソースのトンがあります。 そのものをシミュレーションのデザインのようになり、色盲目が離せない!●,カラーブラインドビジョンを食べたか、カラーブラインドビューアのための画像を修正しようとします

  • Newman services:別のカラーブラインドシミュレーション製品
  • Color Laboratory:あなたは、選択した色が様々な前景/背景の組み合わせで、および色/li>

    あなたは色盲でデザインする準備ができています!,

    多くのグラフィックデザイナーは、恥ずべき秘密のように色盲を隠しています。 本当に、必要はありません。 いくつかのシンプルな技術と時々他の人の目を借りる意欲を持って、あなたは絶対に大丈夫でしょう。 実際、カラーブラインドデザイナーの成長を続けるコミュニティがあります!,

    • 私たちは色盲です:色盲のグラフィックデザイナーによるウェブサイトで、色盲の親しみやすさや非友好性に関して、色盲や様々な製品(主にアプリ)のレビューに関する記事を持っています
    • jdotreach:誇りに思っている色盲のデザイナー、彼はこのブログ記事で彼の不規則なビジョンにどのように対処するかを説明します
    • Yoav Brill:色盲のデザイナー/映画監督は、色盲のテストからのものに似たドットで完全に構成された感動的な短編映画を作成しました

    yoav brillのフィルムは、石原色盲検テストドットを使用して違いの物語を伝えます。,

    カラーブラインドデザインに関する限り、それぞれの人は自分の方法を持っていますが、それは主にあなたがよく見えることを知っている色の組み合わせを取り、色のhex値やPantoneコードのような参照タグでそれらを追跡することの問題です。 Photoshopのドロッパーツールは、データを収集する上で不可欠なリソースを証明し、色が著作権で保護されることはできませんので、コピーを心配する必要はありませ,

    それ以外にも、使用できる他のいくつかの方法があります。

    • ColourAddシステム:基本色とシンボルをペアにするシステムで、さまざまな方法で組み合わせてセカンダリカラーを指定することができます。 これは、多くのアプローチの一つに過ぎません。

    ColourAddシステムは、色盲の視聴者を直接助けるために、色に付随するシンボルを使用します。,

    • Visolve:色盲ユーザーのための色を修正するソフトウェア
    • Vischeck:色盲ユーザーのための色を修正しようとする代替ソフトウェア

  • コメントを残す

    メールアドレスが公開されることはありません。 * が付いている欄は必須項目です