色彩検定１級が教える 🎨 カラーユニバーサルデザイン

こんにちは。ちょっと自分でもどこを目指しているのかわからない ¹ あずきしろもち（@azukisiromochi） です。

今回は カラーユニバーサルデザイン のお話。

例えば次の写真。僕が通勤中に通る駅の『とある風景』なんですが、 なにか感じることはありますか？

Webサイトにせよ、アプリケーションにせよ、配色を少し意識することで 視認性 を向上させることが出来ます。

色彩検定 ² で学んだ知識をエッセンスに、みんなに優しいユニバーサルデザインされた配色方法を紹介していきます ❗

その前にユニバーサルデザインについて知ろう

ユニバーサルデザインとは？

ユニバーサルデザイン（Universal Design／UD）とは、文化・言語・国籍や年齢・性別などの違い、障害の有無や能力差などを問わずに利用できることを目指した建築（設備）・製品・情報などの設計（デザイン）のことである。

via ユニバーサルデザイン | Wikipedia

Wikipedia先輩はそうおっしゃっていますが、大雑把に書くと 『できるだけたくさんの人が利用可能なようにデザインしよう』 ということです ❗

ユニバーサルデザインとバリアフリー

ユニバーサルデザインは、『バリアフリー』と混同されてしまうケース ³ があるようですが、バリアフリーは、対象となる障害者や高齢者の生活に支障をきたす障害・障壁を取り除くことを指します。

それに対して、ユニバーサルデザインの対象は、（障害者や高齢者を含む） できるだけたくさんの人 になります。

もし、あいまいに使っていたのなら覚えておくといいかもしれませんね。

じゃあ、カラーユニバーサルデザインって？

デザインにとって重要な役割を担う 色彩においても、ユニバーサルデザインを意識して検討しよう 、ということです。

人が認識する『色』は同じではありません。

色覚特性 ⁴ の人、加齢による角膜の黄変 ⁵ が進んだ人、白内障により彩度の感度が低下 ⁶ した人、様々な色の見え方をする人がいることを意識して、それらを含む、できるだけたくさんの人が利用できる配色 を行う必要があります。

カラーユニバーサルデザインする

冒頭の写真の話しに戻りますが、なにか感じることはありましたか？
注目してほしいのは、 『上り階段』を示している矢印 （黄色の方）です。

少し見にくくないですか？
汚れていることもあり、遠目だとなんのマークなのかわからないかもしれません。

矢印が見にくい原因

これは単に配色が原因です。

背景に利用されている 黄色は純色 ⁷ の中で最も明るい色 です。
また、矢印の 白色はすべての色の中で最も明るい色 です。

つまり、 明度差（明るさの差）がほとんどないために矢印が目立たず 見にくかったのです。

See the Pen CUD sample by あずきしろもち (@azukisiromochi) on CodePen.

filter: grayscale(100%);

\def\textlarge#1{%
  {\rm\Large #1}
}