(57)【要約】【課題】画面上でユーザ操作で色識別に適合した色組み合わせを選択可能として、ユーザの便に供することができる画面表示方式を提供する。【解決手段】画面上に表示する色の組み合わせをユーザ操作で設定する画面表示方式であり、ユーザが選択する複数の色の組み合わせに対して色識別の不適合性、適合性をガイドする色識別ガイダンスを表示すると共にこの色識別ガイダンスに表示する色の組み合わせをユーザ操作で選択することができるようにした。【選択図】図９
2009259083.tif 000002
【特許請求の範囲】
【請求項１】
画面上に表示する色の組み合わせをユーザ操作で設定する画面表示方式において、
ユーザが選択する複数の色の組み合わせに対して色識別の不適合性、適合性をガイドする色識別ガイダンスを表示することができるようにした画面表示方式。
【請求項２】
上記色識別ガイダンスに表示する色の組み合わせをユーザ操作で選択することができるようにした、請求項１に記載の方式。
【請求項３】
上記画面に部品画像を表示するに際して、部品画像の外周縁に枠が付いているときはその背景画面の色（画面背景色）と部品画像の枠の色（画像枠色）との組み合わせ、部品画像の枠色と部品画像の色（画像背景色）との組み合わせ、枠が付いていないときは画面背景色と画像背景色との組み合わせ、画像内に文字や記号等があるときはそれらの色（文字色）と画像背景色との組み合わせ、または、画像背景色と画像背景色との組み合わせに対して上記色識別ガイダンスを設定すると共に、その色識別ガイダンス中からユーザ操作で色識別に適合した色組み合わせを選択することができるようにした、請求項２に記載の方式。
【請求項４】
上記画面への画像作画時または作画後に、上記色識別ガイダンスにて、ユーザ操作で色識別に適合した色組み合わせか否かをチェックすることができるようにした請求項３に記載の方式。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、画面上に表示する色の組み合わせをユーザ操作で設定する画面表示方式に関するものである。
【背景技術】
【０００２】
工場設備等の外部機器の制御にＰＬＣ（プログラマブルコントローラ）が用いられている。また、表示器は、ＰＬＣにより制御される外部機器の状況を表示するとともに外部機器を操作する。
【０００３】
そのため、外部ＰＣ（パーソナルコンピュータ）により、ＰＬＣにはシーケンスプログラム、表示器には表示プログラムがインストールされる。
【０００４】
表示器には前記外部機器を操作するための部品画像が表示される。操作者は表示器に表示されている部品画像を操作して外部機器を操作する。この表示器に表示されている部品画像は外部機器と操作者とのインタフェースを形成するＨＭＩ（Ｈｕｍａｎ  Ｍａｃｈｉｎｅ  Ｉｎｔｅｒｆａｃｅ）部品画像と称することができる。
【０００５】
この部品画像には、色、フォント、キャプション、形状、機能、サイズ、等のプロパティ（属性情報）が設定される。上記プロパティのうち、表示色に関しては、部品画像の１つである例えばボタン画像の外周縁に枠が付いているときは表示画面の背景色（画面背景色）とボタン画像の枠の色（画像枠色）との組み合わせ、画像枠色と画像の色（画像背景色）との組み合わせ、枠が付いていないときは画面背景色と画像背景色との組み合わせ、部品画像内に文字や記号等があるときはそれらの色（文字色）と画像背景色との組み合わせ、等がある。
【０００６】
上記色組み合わせにおいては、ユーザ個人ごとの色覚に応じて色識別に不適合な組み合わせ、適合する組み合わせがある。そのため、例えば、画面背景色と画像背景色との識別がしにくくて、表示画面上で部品画像を操作しづらいとか、部品画像同士の画像背景色の識別がしにくくて、表示画面上で部品画像の操作ミスを起こし易いか、その他の不具合がある。
【０００７】
しかしながら、色覚正常な画面作成者が画面を作成した場合、当該画面作成者はその作成した画面が色識別しにくいか否かは判り難いので、画面作成し、表示器にその画面のプログラムをダウンロードし、ユーザが表示器を使用した段階で画面の色識別がしづらく、ユーザからのクレーム等で気づく場合が多いとか、また、画面作成段階においても画面作成者が色覚異常であれば、当該画面作成者は自己が画面作成上、色識別し易い色組み合わせで画面を作成したい要求もある。
【０００８】
そして、この場合、画面作成者にとり、色識別し易い色組み合わせの選択作業はその色の組み合わせが多いために、相当な困難と時間とを伴い、画面作成の作業能率に影響する。
【０００９】
なお、上記色覚上における色識別に関しては特許文献１が提案されている。
【特許文献１】特開２００４−７７８２８号公報
【発明の開示】
【発明が解決しようとする課題】
【００１０】
本発明は、画面上、ユーザ操作で色識別に適合した色組み合わせを選択可能として、ユーザの便に供することができる画面表示方式を提供するものである。
【課題を解決するための手段】
【００１１】
本発明による画面表示方式は、画面上に表示する色の組み合わせをユーザ操作で設定する画面表示方式において、ユーザが選択する複数の色の組み合わせに対して色識別の不適合性、適合性をガイドする色識別ガイダンスを表示することができるようにしたことを特徴とするものである。
【００１２】
上記本発明において、好ましい態様は、上記色識別ガイダンスに表示する色の組み合わせをユーザ操作で選択することができるようにすることである。
【００１３】
本発明では、上記色識別ガイダンスにより、ユーザは色識別し易い色の組み合わせを容易に選択することができるようになる。また、画面作成者にとっても、色識別し易い色の組み合わせを容易に選択することができるので画面作成能率が向上するようになる。
【００１４】
本発明において、好ましい態様は、上記画面に部品画像を表示するに際して、部品画像の外周縁に枠が付いているときはその背景画面の色（画面背景色）と部品画像の枠の色（画像枠色）との組み合わせ、部品画像の枠色と部品画像の色（画像背景色）との組み合わせ、枠が付いていないときは画面背景色と画像背景色との組み合わせ、画像内に文字や記号等があるときはそれらの色（文字色）と画像背景色との組み合わせ、または、画像背景色と画像背景色との組み合わせに対して上記色識別ガイダンスを設定すると共に、その色識別ガイダンス中からユーザ操作で色識別に適合した色組み合わせを選択することができるようにすることである。
【００１５】
本発明において、好ましい態様は、上記画面への画像作画時または作画後に、上記色識別ガイダンスにて、ユーザ操作で色識別に適合した色組み合わせか否かをチェックすることができるようにすることである。
【発明の効果】
【００１６】
本発明によると、画面上、ユーザ操作で色識別に適合した色組み合わせを容易に選択することができる。
【発明を実施するための最良の形態】
【００１７】
以下、添付図面を参照して本発明の実施の形態に係る画面表示方式を詳細に説明する。
【００１８】
図１に、パーソナルコンピュータからなる画面作成装置の表示画面１を示す。この表示画面１の作画領域１ａには図示略のプログラマブル表示器等の各種表示器の表示画面に表示される部品画像２ないし４とその背景画面（背景スクリーン）５とが作画されている。この背景画面５には各種の部品画像２ないし４が表示されている。これら各種部品画像２ないし４の個々の作成に関する説明は省略する。
【００１９】
図２に、背景画面５上の各種部品画像２ないし４のうち例えばボタン形式の部品画像（以下、ボタン画像）２のプロパティを設定するダイアログ６を呼び出した状態を示す。このダイアログ６にはプレビューウインドウ７ａが配置され、このプレビューウインドウ７ａにはボタン画像２がプレビュー表示される。ダイアログ６にプレビューウインドウ７ａを配置することはソフトウエア技術により容易に可能であり、その配置の技術の詳細は省略する。さらにダイアログ６には、ボタン画像２の文字記入部７ｂ，７ｃ、ボタン画像２の文字色（Ｔｅｘｔ Ｃｏｌｏｒ）と画像背景色（Ｂａｃｋ Ｃｏｌｏｒ）の設定部７ｄ，７ｅとが設けられている。図２では、ダイアログ６の色プロパティでは、ボタン画像２において「Ｏｎ」のボタン画像２の背景色は例えば、「緑」であり、文字色は例えば、「黒」、「Ｏｆｆ」のボタン画像２の背景色は例えば、「白」であり、文字色は「黒」になっている。ただし、図上ではその色彩を明記できない。プレビューウインドウ７ａには「Ｏｎ」のボタン画像２がプレビュー表示されている。
【００２０】
図３に、そのダイアログ６上にユーザ操作でボタン画像２に対する「背景色」「文字色」についてユーザが選択する複数の色の組み合わせに対して色識別の不適合性、適合性をガイドする色識別ガイダンス８を呼び出した状態を示す。この色識別ガイダンス８には、図上では明記できないが多数の色が表示されている。これら多数の色はそれぞれ色調が相違している。この色識別ガイダンス８の使用方法としては、例えばＯｎボタン画像２の文字色に「黒」をユーザが選択した場合、この「黒」に不適合なボタン画像２の画像背景色が「×」印で示されている。ユーザは、「×」印が付されていなくて文字色「黒」に対しての適合色である画像背景色に「緑」がある場合、この「緑」領域にマウスポインタを合わせ、クリックすることで、画像背景色として「緑」を選択することができる。この選択状態は、プレビューウインドウ７ａにプレビュー表示される。
【００２１】
上記色識別ガイダンス８は、ユーザの色覚特性（一般、白内障、第一色覚異常、第二色覚異常、第三色覚異常、等の特性）に合わせて文字色と画像背景色との対応する色調が表示される。色識別ガイダンス８は、例えば、文字色が複数であれば、各文字色ごとに対応して設けられており、これに適合、不適合な画像背景色の色調がマウスクリックで選択可能に一覧表示されている。実施の形態では、不適合な組み合わせには「×」印であったが、これに限定されるものではなんらない。また、逆に適合する組み合わせには「○」印を付するようにしてもよい。色識別ガイダンス８の呼び出しは適宜に行うことができる。
【００２２】
以上により、画面作成者は、作画時にボタン画像２の背景色に対して文字色をチェックして設定することができる。
【００２３】
図４に、背景画面５と、その背景画面５上に配置された１つのボタン画像２とが表示されている。この背景画面５において、背景画面５の色（画面背景色）と、ボタン画像２の枠２ａの色（画像枠色）との組み合わせ、画像枠色とボタン画像２の画像背景色との組み合わせ、ボタン画像２内の文字色（ＯＮ表記の色）と画像背景色との組み合わせがある。図４では背景画面５の色である画面背景色はタイトル名が「Ｂａｃｋｇｒｏｕｎｄ Ｃｏｌｏｒ」のカラーパレット１０を用いて決められる。
【００２４】
図５に、ダイアログ６と色識別ガイダンス８とを示す。この色識別ガイダンス８では、画面背景色と画像背景色との組み合わせにおいて、画面背景色が「黒」であり、それに適合しない画像背景色の色調を表示している。ユーザは、この色識別ガイダンス８から画面背景色の「黒」に適合したボタン画像２の背景色を選択することができるようにしたものである。この場合、ボタン画像２の背景色に対して、画面背景色を色識別ガイダンス８から選択できるようにしてもよい。
【００２５】
以上の図３ないし図５は作画時において、画面背景色、画像枠色、画像背景色、文字色の組み合わせについて、画面作成者がチェックできるようにしたものである。また、ユーザにおいても、任意に色の組み合わせを変更することができるようにしたものである。また、上記は、画像作成装置だけではなく、図示はしないが、広く一般に表示画面を備えた機器において適用することができるものである。
【００２６】
図６（ａ）や図６（ｂ）にボタン画像２が複数並んで表示されている状態を示す。図６（ａ）の場合、作画領域の一部に背景画面５が表示され、他の作画領域にはボタン画像２が複数横一列に並んでおり、図６（ｂ）では作画領域の全体にボタン画像２が縦横に密に並んでいる。図６（ａ）では、背景画面の背景色とボタン画像２の背景色との組み合わせで、上記した色識別ガイダンス８でそれぞれ適合した色の組み合わせを決める一方、図６（ｂ）では画面背景色は無いので、ボタン画像２同士の画像背景色の色組み合わせを決める例である。
【００２７】
図７では、上記図６のようにそれぞれの色を組み合わせた後、組み合わせ結果を表示する表９を示す。横方向に画面背景色（Ｓｃｒｅｅｎ Ｂａｃｋ）、画像枠色（Ｆｌａｍｅ）、画像背景色（Ｂａｃｋ）、文字色（Ｔｅｘｔ）、縦方向にボタン画像（Ｐｕｓｈｂｕｔｔｏｎ）１ＯＮ、Ｐｕｓｈｂｕｔｔｏｎ１、Ｐｕｓｈｂｕｔｔｏｎ２ＯＮ、Ｐｕｓｈｂｕｔｔｏｎ２、Ｓｃｒｅｅｎ Ｂａｃｋが示されている。そして、色の組み合わせが適合したものは「ＯＫ」で表示され、適合しないものは「ＮＧ」で表示される。そして、「ＮＧ」となった組み合わせの場合、マウスクリックすると、色識別ガイダンス８が呼び出し表示される。ユーザは、この色識別ガイダンス８から「×」印が付されていない組み合わせの色を選択することで「ＯＫ」にすることができる。
【００２８】
図８は、図７と対応する表１０である。図８では、Ｓｃｒｅｅｎ Ｂａｃｋだけを変更すれば良い例を示す。Ｐｕｓｈｂｕｔｔｏｎ１ＯＮ、Ｐｕｓｈｂｕｔｔｏｎ１、Ｐｕｓｈｂｕｔｔｏｎ２ＯＮ、Ｐｕｓｈｂｕｔｔｏｎ２では例えば、「黄」色（注意を喚起する色）で表示している。この「黄」色の場合、色識別が可能であるが、奨められる色の組み合わせではないことを示し、Ｓｃｒｅｅｎ Ｂａｃｋでは例えば、「赤」（禁止を意味する色）で表示し、１箇所の修正でよいことを示す。この場合、Ｓｃｒｅｅｎ Ｂａｃｋをマウスクリックすることで色識別ガイダンス８を呼び出して修正することができる。Ｆｌａｍｅ、Ｂａｃｋ、Ｔｅｘｔは「ＯＫ」であることを意味する「緑」で表示している。これら黄色、赤色、緑色は図上、明記できない。
【００２９】
図９に、色組み合わせの判定結果を示すウインドウと他の色識別ガイダンスの例を示す。背景画面５にはボタン画像２が表示されている。背景画面５の画面背景色は例えば「緑」、ボタン画像２の画像枠色は例えば「水色」、ボタン画像２の画像背景色は例えば「灰色」である。この色組み合わせの結果を示す判定結果表１１には「一般」「白内障」「第一色覚（赤）」「第二色覚（緑）」「第三色覚（青）」が表記され、それぞれの表記の右側に判定結果が「縦方向の１−３本線」と、「×」印と、「○」印とで示されている。縦方向の線の本数が３本では「○」印、２本以下では「×」印となり、２本以下でも本数が少ないとより色の組み合わせの不適合度合いが大きいことを示す。判定結果表１１では、第一色覚が適合する「○」印になっていることを除き、他はすべて「×」であり、この「×」印に対して適合する色の組み合わせを選択するための色識別ガイダンス８が表示されている。また、判定結果表１２にも「一般」「白内障」「第一色覚（赤）」「第二色覚（緑）」「第三色覚（青）」が表記され、それぞれの表記の右側に判定が示されている。すなわち、すべて「×」であり、この「×」印に対して色識別ガイダンス８が表示されている。ユーザはこの判定結果表１１，１２に従い、「×」印については、色識別ガイダンス８にて修正することができる。
【００３０】
本発明は、上述した実施の形態に限定されるものではなく、特許請求の範囲に記載した範囲内で、種々な変更ないしは変形を含むものである。
【図面の簡単な説明】
【００３１】
【図１】図１は画像作成装置の作画画面を示す図である。
【図２】図２は図１の作画画面にダイアログを呼び出した図である。
【図３】図３は図２のダイアログに色識別ガイダンスを呼び出した図である。
【図４】図４は他の作画画面における配置画面に部品画像を配置した図である。
【図５】図５は図４の画面にダイアログを呼び出し、このダイアログに色識別ガイダンスを呼び出した図である。
【図６】図６（ａ）は作画領域に背景画面を一部残して部品画像が並んだ図、図６（ｂ）は配置画面に背景を残さず部品画像が並んだ図である。
【図７】図７は図６の部品画像等に対する色組み合わせ結果を示す表である。
【図８】図８は図６の部品画像等に対する他の色組み合わせ結果を示す表である。
【図９】図９は色組み合わせの結果を示すウインドウと他の色識別ガイダンスの例を示す図である。
【符号の説明】
【００３２】
１  表示画面
２−４  部品画像
５  部品画像の背景画面
６  プロパティ設定ダイアログ
８  色識別ガイダンス
【図１】
2009259083.tif 000003
【図２】
2009259083.tif 000004
【図３】
2009259083.tif 000005
【図４】
2009259083.tif 000006
【図５】
2009259083.tif 000007
【図６】
2009259083.tif 000008
【図７】
2009259083.tif 000009
【図８】
2009259083.tif 000010
【図９】
2009259083.tif 000011