カラーユニバーサルデザイン
カラーユニバーサルデザイン(英: color universal design, CUD)とは、色の見え方が一般と異なる(先天的な色覚異常、白内障、緑内障など) 人にも情報がきちんと伝わるよう、色使いに配慮したユニバーサルデザイン[1]。
これは「NPO法人カラーユニバーサルデザイン機構(CUDO〈クドー〉)」が作った名称であり[2]、一般名称としてはカラーバリアフリーや色そのものを指してユニバーサルデザインカラーという呼び方も使われている。
概説
2007年の時点で色の受け取り方が異なる人は、日本全体では300万人以上、世界では2億人もいるとされている[2]。
1994年、調査書の色覚欄が廃止され、色覚異常を持つ人も国立大学の理科系学部への入学が可能となった。公立・私立大学も追随し、大学入学の制限がほとんどなくなった。
一方で、コンピュータの技術躍進でカラー化が進み、テレビにおける津波警報、天気予報図、選挙特番の画面スーパーなどでは色分け表示が多用され始めていたが、色覚異常を持つ人への配慮はなされていなかった[3]。
CUDOの発足
2001年夏、伊藤啓(当時:国立基礎生物学研究所)と岡部正隆(当時:国立遺伝学研究所)が、科学者を対象に「色覚バリアフリー/カラーユニバーサルデザイン」の啓発活動を開始。
自身も色弱者である伊藤啓が学会などで、「緑と赤ではなく、緑とマゼンタを使って蛍光顕微鏡の写真を提示してほしい」と主張したことが、活動の1つの発端であった[2]。
そして3年後の2004年10月8日、「NPO法人カラーユニバーサルデザイン機構 (CUDO)」の設立となった[4]。
「カラーユニバーサルデザイン認証」に適合したとされる商品(後述参照)などには、認定機構であるCUDOから認定マークが与えられる。
3つのポイント
- 出来るだけ多くの人に見分けやすい配色を選ぶ。
- 色を見分けにくい人にも情報が伝わるようにする。
- 色の名前を用いたコミュニケーションを可能にする。
※ 2011年5月26日にCUDOが提唱した「カラーユニバーサルデザインの3つのポイント」[5]
具体的な対応例
「人間の眼は、明るさを対数的に感じる特質がある」という指摘がある。そのため、複数の色を並べる際は、明度の値を等差数列(例:10、20、30、40%…)でなく、等比数列(例:10、10√2(=約14.1)、20、20√2(=約28.2)%…)で指定することを、推奨する動きもある[6]。
また、「模様・形」でも区分したり、「実線・破線」に分けたり、一方には「カッコ」を付けるなど、色調の違いのみに依存しないための工夫をしている教科書メーカーもある[7][8]。
- 「カラーユニバーサルデザイン認証」を受けた一例
- 星和電機 「バリアフリーLED'S」[9]
- 色弱者も区別できるよう開発した3色(青/緑/橙)のLED(発光ダイオード)。
- 日本理化学工業 「ダストレスeyeチョーク」
- コクヨ 「グリーンレーザー」(レーザーポインター)
- キョクトウ・アソシエイツ 「キョクトウのかんがえる学習帳」(学習帳)
- 低学年にはいきいきした表現をみせる愛らしい動物たち、高学年にはダイナミックな自然のすばらしさを表現したデザインとし、全ての子どもたちにしっかりと科目が判別できる配色のノート。[12]。
- 日立オムロンターミナルソリューションズ 「現金自動預払機ATM AKe-S」(ATM)
- ユニバーサルデザインのきめ細かい配慮と工夫により、使い易さをさらに向上させた現金自動預払機[13]。
- ケアコム 「NICSS-R8」(ナースコールシステム)
- 看護士や医師にとって、患者様の状態がいつでも理解できる様に「情報の見える化」を取り入れた製品。病院という環境において重要な「安心感」のあるカラーイメージに対応し、医療従事者が色弱者であっても情報を受取ることが出来るナースコールシステム[14]。
- 富士フイルムビジネスイノベーション 「カラー、モノクロの複合機」(複合機 MFP)
- ほぼ全てのカラー、モノクロの複合機とソフトウェア商品にて、できるだけすべての人に情報が正しく伝わるように考えられた色彩の視覚情報を利用してつくられている[15]。
- コニカミノルタ 「bizhub(ビズハブ)C650/550」(複合機 MFP)
- 2007年発売のデジタルカラー複合機「bizhub(ビズハブ)C650/550」以降ほぼ全てのラインアップにて、GUIや内部の操作部他色の使用している部分全てに配慮した製品に取り組んでいる[16]。
- 千寿製薬 ウェブサイト
- マウスオーバー時のコントラストを強調、図表には解説をつけ色のみに依存しない等[17]。
- ウェブサイト
- 鉄道会社などの公共機関
時刻表や路線図等に「色覚バリアフリー」を導入し始めている。
例:複数の色を用いた掲示では、以下の順に色を用いるなど[19][20]。
- 黒
- オレンジに近い赤(濃い赤だと黒と混同)
- 明るめの青(濃い青は黒と混同)
- 青みの強い緑(一般的な緑と赤の混同の回避)
- JIS安全色
JIS規格によって定められたJIS安全色が2018年4月、カラーユニバーサルデザインを取り入れたものに13年ぶりに改正された[21][22]。
- 災害に対する注意警戒情報
各放送局(NHKおよび民放各局)における津波警報表示色の統一基準を2011年に策定する際[23]や気象庁のウェブサイトにおける気象情報(注意・警戒レベル)などの配色を2012年に統一する際[24][25]、大雨等5段階警戒レベル(2019年導入)の配色を2020年に定める際[26]に、カラーユニバーサルデザインが取り入れられている。
- コンピュータゲームにおける色調設定
- ニンテンドーDS Liteでは電池の残量を示すランプの色が黄緑と赤だったのに対し、ニンテンドーDSiでは青と赤に変更されている[27]。
- 『パズル&ドラゴンズ』ではオプションから色覚サポートモードを設定できる[27]。
- Nintendo Switch版『ぷよぷよ通』では、開発の段階から多様な色の見え方に配慮する方針が取られており、ぷよごとに色味を調節できるほか、背景の明度だけを下げることも可能である[28]。また、色だけでなく、形状でぷよの種類を判別できるようにデザインされている[28]。さらに、オンラインマニュアルにおいてもカラーユニバーサルデザインの概念が取り入れられている。
CUD推奨配色セット第3版全20色
![](http://upload.wikimedia.org/wikipedia/commons/thumb/3/38/BYR_color_wheel.svg/40px-BYR_color_wheel.svg.png)
出典[29][30]
色名 | 色相 | R | G | B | CMYK | JPMA | マンセル | ||
---|---|---|---|---|---|---|---|---|---|
A1 | 赤 | #ff2800 | 9.4 | 255 | 40 | 0 | 0,75,95,0 0,75,90,0 | F08-50V* | 8.75R 5/12 |
A2 | 黄色 | #faf500 | 58.8 | 250 | 245 | 0 | 0,0,100,0 | F27-85V* | 7.5Y 8.5/12 |
A3 | 緑 | #35a16b | 150 | 53 | 161 | 107 | 75,0,65,0 | F47-60T* | 7.5G 6/10 |
A4 | 青 | #0041ff | 224.7 | 0 | 65 | 255 | 100,45,0,0 | F77-40V | 7.5PB 4/12 |
A5 | 空色 | #66ccff | 200 | 102 | 204 | 255 | 55,0,0,0 | F69-70P* | 10B 7/8 |
A6 | ピンク | #ff99a0 | 355.9 | 255 | 153 | 160 | 0,55,35,0 | F02-70T | 2.5R 7/10 |
A7 | オレンジ | #ff9900 | 36 | 255 | 153 | 0 | 0,45,100,0 | F15-65X | 5YR 6.5/14 |
A8 | 紫 | #9a0079 | 312.9 | 154 | 0 | 121 | 30,95,0,0 | F89-40T | 10P 4/10 |
A9 | 茶 | #663300 | 30 | 102 | 51 | 0 | 55,90,100,0 | F09-30L | 10R 3/6 |
b1 | 明るいピンク | #ffd1d1 | 0 | 255 | 209 | 209 | 0,25,15,0 | F05-80L | 5R 8/6 |
b2 | クリーム | #ffff99 | 60 | 255 | 255 | 153 | 0,0,40,0 | F25-90H* | 5Y 9/4 |
b3 | 明るい黄緑 | #cbf266 | 76.7 | 203 | 242 | 102 | 25,0,80,0 | F32-80P | 2.5GY 8/8 |
b4 | 明るい空色 | #b4ebfa | 192.9 | 180 | 235 | 250 | 30,0,0,0 | F69-80H | 10B 8/4 |
b5 | ベージュ | #edc58f | 34.5 | 237 | 197 | 143 | 0,25,45,0 | F19-75L | 10YR 7.5/6 |
b6 | 明るい緑 | #87e7b0 | 145.6 | 135 | 231 | 176 | 45,0,45,0 | F42-70H | 2.5G 7/4 |
b7 | 明るい紫 | #c7b2de | 268.6 | 199 | 178 | 222 | 25,30,0,0 | F82-70H* | 2.5P 7/4 |
代1 | 代替黄 | × | × | × | × | × | × | E27-90P | 7.5Y 9/8 |
代2 | 代替緑 | × | × | × | × | × | × | E45-60L | 5G 6/6 |
無1 | 白 | #ffffff | 0 | 255 | 255 | 255 | 0,0,0,0 | EN93 | N 9.3 |
無2 | 明るいグレー | #c8c8cb | 240 | 200 | 200 | 203 | 15,10,10,0 | F75-80B | 5PB 8/1 |
無3 | グレー | #7f878f | 210 | 127 | 135 | 143 | 18,10,0,55 | F75-50D | 5PB 5/2 |
無4 | 黒 | #000000 | 0 | 0 | 0 | 0 | 50,50,50,100 | EN-15 | N 1.5 |
脚注
- ^ グッドタイム リビング 流山“ グッドタイムセミナー 2011 ”「色の見え方の違いとカラーユニバーサルデザイン」(PDF) (PDF)
- ^ a b c “色による情報格差”のない社会のために――CUDO/ナナオインタビュー - ITmedia News 2007年03月23日
- ^ レーザポインタと色覚異常 神経眼科 ,レーザー医学, 眼科ME
- ^ カラーユニバーサルデザイン機構
- ^ CUDの3つのポイント発表 | カラー ユニバーサルデザイン機構 CUDO
- ^ 色盲の人にもわかるバリアフリープレゼンテーション法 - 国立遺伝学研究所
- ^ すべての人に使いやすい教科書を目指して-ユニバーサルデザインの追求- 東京書籍(Flash)
- ^ 教科書「色づかい」を配慮 色弱の人にも見えやすく 朝日新聞2010年5月24日(リンク切れ)
- ^ 星和電機WEB カラーユニバーサルLED
- ^ ダストレスeyeチョーク/日本理化学工業株式会社
- ^ カラーユニバーサルデザイン - レーザーポインター - コクヨS&T
- ^ カラーユニバーサルデザイン - 学習帳 - キョクトウ・アソシエイツ
- ^ カラーユニバーサルデザイン - ATM - 日立オムロンターミナルソリューションズ
- ^ カラーユニバーサルデザイン - 病棟業務支援プラットフォーム - ケアコム
- ^ カラーユニバーサルデザイン - MFP - 富士ゼロックス
- ^ カラーユニバーサルデザイン - MFP - コニカミノルタ
- ^ アクセシビリティ対応について 千寿製薬
- ^ 文京区(公式ウェブサイト)
- ^ スポーツ報知、2012年5月9日「メディカルNOW 色弱2」
- ^ 青森県総合学校教育センター研究紀要 2010.3 G13-01 (PDF)
- ^ “日本工業規格(JIS)を制定・改正しました(平成30年4月分)~安全色及び安全標識などのJISを改正~”. 経済産業省 (2018年4月20日). 2018年7月29日閲覧。
- ^ JIS安全色 ( JIS Z 9103 ) 改正内容の紹介(新JIS安全色普及委員会)
- ^ “見分けやすい津波警報の配色・色調の策定 (全テレビ局で統一)”. 東京大学分子細胞生物学研究所 脳神経回路研究分野 伊藤啓 (2011年8月1日). 2018年7月29日閲覧。
- ^ “気象庁ホームページにおける気象情報の配色に関する設定指針” (PDF). 気象庁 (2012年5月24日). 2018年7月29日閲覧。
- ^ “メディアのUDプロジェクト:色のユニヴァーサルデザインの取組み成果紹介”. 一般財団法人 国際ユニヴァーサルデザイン協議会 (IAUD) (2014年3月6日). 2018年7月29日閲覧。
- ^ 「大雨の警戒レベルをわかりやすく伝えるために 5色の配色を定めました (PDF) 」内閣府(防災担当)、令和2年(2020年)5月29日、2020年6月15日閲覧。
- ^ a b 赤城歩佳 (2019年10月9日). “日本人男性20人に1人いると言われる「色弱」。わかりやすい「色」の使い方とは?”. Web担当者Forum. インプレス. 2020年2月14日閲覧。
- ^ a b “「ぷよぷよ」細山田Pも飛び入り参加! 「SEGA AGES ぷよぷよ通」インタビュー 壮大な「ぷよぷよ」の歴史がいま語られる。あのアーケードの傑作がさらに手軽に遊びやすく!”. GAME Watch. インプレス (2020年1月15日). 2020年2月11日閲覧。
- ^ カラーユニバーサルデザイン推奨配色セット
- ^ 暫定版 (ver2) と最終版 (ver3) の色の比較
参考文献
- 『カラーユニバーサルデザイン』カラーユニバーサルデザイン ハート出版 - カラーユニバーサルデザイン機構(2009年、ハート出版)
- 『色弱が世界を変える カラーユニバーサルデザイン最前線』 - 伊賀公一(2011年、太田出版)
- 『カラーユニバーサルデザイン ガイドライン』足立区をカラーユニバーサルデザインの先進区に! 長谷川たかこ WebSite - (2009年、足立区)
- 『考えよう学校のカラーユニバーサルデザイン』 - 彼方始(2013年、教育出版) ISBN 4316803484
- 『色弱の子どもがわかる本」- 岡部 正隆、 福井 若恵、カラーユニバーサルデザイン機構 (2016年、かもがわ出版) ISBN 4780308526
関連項目
外部リンク
- 特定非営利活動法人 Color Universal Design Organization CUDO カラーユニバーサルデザイン機構
- 特定非営利活動法人 北海道カラーユニバーサルデザイン機構(北海道CUDO)
- 「カラーユニバーサルデザイン」って知ってますか? - ITmedia News 2007年03月15日
- 色盲の人にもわかるバリアフリープレゼンテーション法 - 国立遺伝学研究所
- 自治体のガイドライン
- 公文書作成におけるカラーUDガイドライン (PDF) - 川崎市総務企画局
- カラーユニバーサルデザインガイドライン (PDF) - 石川県工業試験場・金沢美術工芸大学 2009年
- カラーバリアフリー 色使いのガイドライン (PDF) - 神奈川県 2005年
- ソフトウェア・ツール関連
- Photoshop CS4 カラーユニバーサルデザインとその実践例 - Adobe Photoshop CS4
- カラーユニバーサルデザイン推奨配色セット - 東京大学 分子細胞生物学研究所・脳神経回路研究分野
- 「色のバリアフリーに配慮した色見本」をRGB化してみた - Hinemosu
- 色の組み合わせチェック - 読みやすい前景色と背景色
- その他
- 統計グラフの色 - 三重大学教育学部 奥村晴彦
- 表示
- 編集
![]() | この項目は、福祉に関連した書きかけの項目です。この項目を加筆・訂正などしてくださる協力者を求めています。 |
- 表示
- 編集