僕のサイトを、色弱の方でも見やすい配色にした理由2013-07-08Webデザイン今年の4月に、このブログはできたわけなんですが、一度、ラフの段階でサイトをデザインし終えるも、ゼロから作り直し、配色を変更したんです(期間限定デザインを除く)。色弱の方が見ても、ほとんど差異の無いデザインになってます。その理由を今日は書いていこうかなと思います。色弱とはwiki等を参照してください。正式には「色覚異常」です。言うと、「ある色が見えない」。いう風に捉えていただければ。色弱について考えるようになったきっかけ会社の上司(デザイナー)と、雑談をしていて、色弱についてのお話を聞きました。そのときは、「へぇー、なるほど。」ぐらいに思っていました。この話を聞いたことで、無意識に「色弱」という言葉にアンテナを張るようになりました。この間、一人旅をした際、ホテルの部屋のテレビでローカル番組を観ていました。30分のドキュメントで、色弱についての番組でした。P型orD型色覚で確認できます。このモードにすると、表示→色の校正にチェックが入るので、それを外せば通常の表示に戻せます。最近では、これを確認できるスマホアプリもあります。色弱の方には混同色と言って区別しづらい色があり、赤と黒、他には、ピンクと水色の区別が難しいのです。トイレのマークとかって、男女がそれぞれ黒と赤だったり、ブルーとピンクだったりしますよね?そういった区別がつきにくいそうです。そのテレビに出ていたデザイナーさんは、男女を緑とオレンジにし、女性のマークの方にポニーテールを付けるなどして、更に差別化を図っていました。最後にそのテレビで、「色弱は個性だ」と言っていました。これは色弱の方自身の言葉でした。これを観た僕は、「くだらないことでいい。おれも何かできねーかな?」と、変なスイッチがオン。そこで、このブログのデザインを作り直し、現在のデザイン、配色になっているわけです。デザイナーの方は、是非一度、自分が作ったサイトで、フォトショの色の校正を試してみてください。これが通常、パソコンで見た時のこのサイトの画像はこう。先程のフルーツと同じく、こちらが校正設定した僕のサイトの画像です。記事内の画像は別として、サイト全体の印象の差は少ないですよね。おわりに傍から見れば、くだらない話かもしれませんが、僕からしてみれば、良い勉強になりました。