わたしたちホロンクリエイトは画面デザインを進める過程で、ユーザーの目線になって考え、幅広く快適に使っていただくにはどうしたら良いか？という事を常に意識しながら取り組んでいます。

そのような視点において、『色』というのはとても重要な意味を持っています。

一般に、赤は注意色や電源OFF、黄色は警告色、緑は安全色や電源ON、と言ったような社会通念がありますが、「全ての人が同じ色を同じ色として感じとっているわけでは無い」という事、いわゆる『色覚』への考慮が大切なポイントになります。弊社では通常、『色覚シミュレーション』ソフトを使用して出来上がった画面を確認しながらデザインを進めています。

そこで今回は、『色覚』についてもっと理解を深めるためにも、「自分たちで独自のツールを作ってみてはどうだろう」ということでラボを開始しました。

今回は、FlashCS3を用い、ColorMatrixFilterクラスなどを用いてスクリプトを組みました。

下図は色相環を変換した結果です・・・・・ダメですねぇ。

第１,第２色覚では緑と赤が黄と青に置き換わる、第３色覚では黄が赤に置き換わる、という非常におおざっぱは傾向だけは反映されているのではないか、と思います。

実用にはまだあまりにも程遠いレベルですが、仕組みの研究は今後もバージョンアップして、精度を上げていく方法を模索して行きたいと思います。

今回のラボの目的は、私たちが色覚についての理解を深めるとともに、『色』について多くの人に知って頂くためのツールを何か作りたい!、という事もありました。
そこで、色覚変換の仕組みを利用したFlashコンテンツを作成する事にしました。

■コンテンツ１
このコンテンツは、WEBカメラの画像に色覚変換フィルターをかけて表示します。
フィルターなし(一般色覚)／第１色覚／第２色覚／第３色覚／白内障の５種類の見え方に切り替え可能です。

[動作環境]
本コンテンツの利用には、ウェブカメラが必要です。
動作OS：Windows 2000/XP/Vista

[使用方法]
・ダウンロードした.zipを解凍して下さい。
・解凍したフォルダ内の「はじめにお読み下さい.txt」をよくお読み下さい。
・解凍したフォルダ内の「ColorVision(C).exe」を実行して下さい。
・ウインドウ内にマウスカーソルがある時だけ、ツールバーがでます。
・ツールバーから任意のボタンを押して色覚を切り替えられます。

■コンテンツ２
このコンテンツは、JPEG画像に色覚変換フィルターをかけて表示します。
フィルターなし(一般色覚)／第１色覚／第２色覚／第３色覚／白内障の５種類の見え方に切り替え可能です。

[動作環境]
本コンテンツと同じフォルダ内に「image.jpg」を置いて下さい。
動作OS：Windows 2000/XP/Vista

[使用方法]
・ダウンロードした.zipを解凍して下さい。
・解凍したフォルダ内の「はじめにお読み下さい.txt」をよくお読み下さい。
・解凍したフォルダ内の「ColorVision(I).exe」を実行して下さい。
・ウインドウ内にマウスカーソルがある時だけ、ツールバーがでます。
・ツールバーから任意のボタンを押して色覚を切り替えられます。
・マウスホイールを回すと画像を拡大/縮小出来ます。
・画像をドラッグして移動出来ます。