(57)【要約】【課題】表示画面の設計者が容易に見栄えの良い色を設定可能し、設計時の作業効率を向上するとともに、使用者においては表示内容の識別性を改善し、見やすい表示画面を提供する。【解決手段】設定情報処理部５１は、所定の操作入力信号等に基づき、部品配置、背景、色設定等の情報入力を行い、表示画面の設定に関する各種処理を行う。設定情報処理部５１は、設計画面の表示情報を出力してモニタに設計画面を表示させ、コントラスト演算部５３は、設計画面に配置された部品と背景、複数の部品同士などの複数オブジェクト間の色のコントラストを所定の演算式を用いて演算する。そして、設定情報処理部５１は、コントラスト演算結果の出力を行ってモニタに演算結果を表示させて設計者に明示する。表示画面の設定完了後、設定情報処理部５１は設定情報を出力し、対象のプログラマブル操作表示器に転送する。【選択図】図４
2010170417.tif 000002
【特許請求の範囲】
【請求項１】
表示装置における表示画面の設計に用いる表示画面設計支援装置であって、
前記表示画面に対応する設計画面を出力する設計画面表示出力部と、
前記表示画面に配置する部品または背景に関する色情報を入力する色情報入力部と、
前記部品と背景、または前記部品同士の色のコントラストを演算するコントラスト演算部と、
前記コントラストの演算結果を出力するコントラスト出力部と、
前記設計画面において配置、設定された部品の情報を含む表示画面の設定情報を出力する設定情報出力部と、
を備える表示画面設計支援装置。
【請求項２】
請求項１に記載の表示画面設計支援装置であって、
前記コントラスト演算部は、前記部品としてのキャラクタと、このキャラクタの周囲の背景または他の部品とのコントラストを演算する表示画面設計支援装置。
【請求項３】
請求項１に記載の表示画面設計支援装置であって、
前記コントラスト演算部は、前記部品が所定のイベント発生時に動作表示を行う場合に、当該部品の通常表示と動作表示とのコントラストを演算する表示画面設計支援装置。
【請求項４】
請求項１に記載の表示画面設計支援装置であって、
前記コントラスト出力部は、前記コントラストの演算結果として、所定のコントラストの基準を満たすかどうかを示す指標の情報を出力する表示画面設計支援装置。
【請求項５】
請求項１に記載の表示画面設計支援装置であって、
前記コントラスト出力部は、前記コントラストの演算結果として、コントラストの演算結果に関する値または度合いの情報を出力する表示画面設計支援装置。
【請求項６】
請求項１に記載の表示画面設計支援装置であって、
前記部品と背景、または前記部品同士の色に関して、所定のコントラストの度合いを規定する強調レベルパラメータを設定する強調レベル設定部を備える表示画面設計支援装置。
【請求項７】
請求項６に記載の表示画面設計支援装置であって、
前記強調レベル設定部は、前記強調レベルパラメータを用いて、設定された強調レベルに応じたコントラストの推奨色を示す色設定支援画面を出力する表示画面設計支援装置。
【請求項８】
請求項１に記載の表示画面設計支援装置であって、
前記コントラスト演算部は、対象となる表示画面を表示する表示デバイスの特性を示す表示装置パラメータを用いて、実際の表示状態における前記部品と背景、または前記部品同士の色のコントラストを演算する表示画面設計支援装置。
【請求項９】
請求項８に記載の表示画面設計支援装置であって、
前記表示装置パラメータを用いて、前記表示デバイスにおける実際の表示状態を擬似的に示すシミュレーション表示画面を出力するシミュレーション表示出力部を備える表示画面設計支援装置。
【請求項１０】
コンピュータに、請求項１〜９のいずれかに記載の表示画面設計支援装置の各部の機能を実現させるためのプログラム。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、プログラマブル操作表示器等の表示装置における表示画面の設計を支援する表示画面設計支援装置及びプログラムに関する。
【背景技術】
【０００２】
工場、店舗、オフィス等の種々の施設に設けられる機械や設備等において、中間ユーザによって取り付けられ、エンドユーザによって操作表示パネルとして使用されるプログラマブル操作表示器が広く用いられている。プログラマブル操作表示器は、ＬＣＤ等の表示デバイスの上にタッチパネル等の操作入力デバイスを搭載した表示部を備えており、プログラマブルロジックコントローラ（ＰＬＣ）等の外部機器と接続され、外部機器の操作、動作状況の表示などを行うものである。
【０００３】
この種のプログラマブル操作表示器として、表示デバイス及び操作入力デバイスを有する表示部の他に、オペレーションシステムプログラムを格納したシステムメモリ、オペレーションシステムプログラムに基づいてシステム全体を制御する制御部、外部機器と接続されその外部機器との間でデータを送受信する通信部、表示部の表示画面の設定情報を記憶する設定記憶メモリ等を備えたものが存在する（例えば、特許文献１参照）。表示部の表示画面には、設定情報に基づいて、外部機器操作用の操作ボタンや操作スイッチ等の操作部材、各種表示用の文字や画像等の表示シンボルなどが表示される。表示画面の操作部材などの表示領域を触れることにより、表示画面上の操作入力デバイス及び制御部によって操作部材に対応する操作入力信号が生成され、通信部より出力されて外部機器へ伝送される。
【０００４】
上記プログラマブル操作表示器等の表示装置の表示画面は、パーソナルコンピュータ等のコンピュータ上で動作し実行される設計支援ツール等により構成される表示画面設計支援装置を用いて行うことが多い。例えばプログラマブル操作表示器を使用する場合、設置する中間ユーザは、設計者として表示画面設計支援装置にて表示画面の設計を行い、表示画面の表示項目として、操作部材や表示シンボル等に関する設定内容や設定条件を含む設定情報を決定する。設計完了後、表示画面の設定情報をコンピュータからプログラマブル操作表示器に転送し、プログラマブル操作表示器の設定記憶メモリに記憶させる。エンドユーザが使用者として使用する場合、プログラマブル操作表示器は設定情報に基づいて動作し、表示画面の表示内容を確認したり、所定の操作を行うことが可能になる。
【０００５】
表示画面設計支援装置を構成する設計支援ツールは、ライン描画や色指定などの描画機能に加え、表示画面に設ける操作部材や表示シンボル等を入力するための様々な部品ライブラリを持っている。部品ライブラリには、スイッチ部品、ランプ部品、キーボード部品、グラフ部品などを準備している。これらの部品は、表示画面の設計時において、設計者の指示に基づき必要に応じて選択、配置され、そのパラメータ等を含む設定情報が作成される。そして、設計した表示画面を持つプログラマブル操作表示器等の表示装置の運用時には、設定情報のパラメータに基づき、表示画面の各部品が所定の機能を実現する。
【０００６】
なお、画面作成用の支援装置として、例えば特許文献２には、画面の作画領域上に複数の部品を配置して作成する際、複数の画面に共通の部品配置画面を背景スクリーンとして登録し、この背景スクリーンを作画領域に低コントラストで表示し、各画面に個別に対応する部品配置画面を合成することで、作画作業を簡素化することのできる画面作成方法及び装置が開示されている。
【先行技術文献】
【特許文献】
【０００７】
【特許文献１】特開平１１−４５１１０号公報
【特許文献２】特開２００６−３０１７２９号公報
【発明の概要】
【発明が解決しようとする課題】
【０００８】
上述したような表示装置の表示画面の設計においては、色などを適切に設定しないと、使用時に使用者が操作部材や表示シンボルを見づらくなることがある。しかしながら、上記設計支援ツールを用いて作成された表示画面の見栄えは、画面設計者の感性やデザイン知識などに依存する。このため、設計者と使用者の感性の違いや、色覚特性の違いなどにより、表示装置に表示されている表示画面の見え方に関して各人の相違が生じ、見づらい場合が生じるという課題がある。また、表示画面設計時に見栄えの良い色を選択したり、設定するための作業に手間がかかることがあった。
【０００９】
本発明は、上記事情に鑑みてなされたもので、表示画面の設計者が容易に見栄えの良い色を設定可能にでき、設計時の作業効率を向上できるとともに、使用者においては表示内容の識別性を改善でき、見やすい表示画面を提供できる表示画面設計支援装置及びプログラムを提供することを目的とする。
【課題を解決するための手段】
【００１０】
本発明は、表示装置における表示画面の設計に用いる表示画面設計支援装置であって、前記表示画面に対応する設計画面を出力する設計画面表示出力部と、前記表示画面に配置する部品または背景に関する色情報を入力する色情報入力部と、前記部品と背景、または前記部品同士の色のコントラストを演算するコントラスト演算部と、前記コントラストの演算結果を出力するコントラスト出力部と、前記設計画面において配置、設定された部品の情報を含む表示画面の設定情報を出力する設定情報出力部と、を備える表示画面設計支援装置を提供する。
この構成により、表示画面の設計者に対して、表示画面に配置する部品と背景、または部品同士の色のコントラストを明示することができ、設計者が容易に見栄えの良い色を設定可能となり、設計時の作業効率を向上できる。また、使用者においては、表示画面の表示内容の識別性を改善でき、見やすい表示画面を提供できる。
【００１１】
また、本発明は、上記の表示画面設計支援装置であって、前記コントラスト演算部は、前記部品としてのキャラクタと、このキャラクタの周囲の背景または他の部品とのコントラストを演算するものを含む。
この構成により、文字や記号等のキャラクタと、その周囲にある背景または他の部品とのコントラストを表示画面の設計者に対して明示することが可能になる。
【００１２】
また、本発明は、上記の表示画面設計支援装置であって、前記コントラスト演算部は、前記部品が所定のイベント発生時に動作表示を行う場合に、当該部品の通常表示と動作表示とのコントラストを演算するものを含む。
この構成により、表示画面に配置する部品が動作表示を行う場合、例えばスイッチ部品がオン／オフ操作に対応して反転表示する場合などにおいて、通常表示と動作表示とのコントラストを表示画面の設計者に対して明示することが可能になる。
【００１３】
また、本発明は、上記の表示画面設計支援装置であって、前記コントラスト出力部は、前記コントラストの演算結果として、所定のコントラストの基準を満たすかどうかを示す指標の情報を出力するものを含む。
この構成により、部品と背景のコントラストなどの演算結果が、適切なコントラストの値となる所定のコントラストの基準を満たすかどうかを、例えば○×等の指標によって表示画面の設計者に対して明示することが可能になる。
【００１４】
また、本発明は、上記の表示画面設計支援装置であって、前記コントラスト出力部は、前記コントラストの演算結果として、コントラストの演算結果に関する値または度合いの情報を出力するものを含む。
この構成により、例えばコントラスト比などの演算結果の値、あるいは大、中、小などのコントラストの度合いの情報を表示画面の設計者に対して明示することが可能になる。
【００１５】
また、本発明は、上記の表示画面設計支援装置であって、前記部品と背景、または前記部品同士の色に関して、所定のコントラストの度合いを規定する強調レベルパラメータを設定する強調レベル設定部を備えるものを含む。
この構成により、表示画面上のキャラクタやボタン等の部品の強調レベルを設定でき、強調レベルに応じて、部品のコントラストの優先順位を付加して伝えるべき表示内容の優先順位を設定したり、あるいは、強調レベルを合わせるなど適宜レベル設定して表示画面の全体的な統一感を実現することなどが可能である。
【００１６】
また、本発明は、上記の表示画面設計支援装置であって、前記強調レベル設定部は、前記強調レベルパラメータを用いて、設定された強調レベルに応じたコントラストの推奨色を示す色設定支援画面を出力するものを含む。
この構成により、例えば色設定支援画面において推奨色をパレット表示するなどして、表示画面の設計者に対して強調レベルに応じたコントラストを持つ部品または背景の候補色を明示し、設計者による色設定を支援することが可能になる。これによって、設計者が強調レベルに応じた適切なコントラストの色を容易に設定できるようになる。
【００１７】
また、本発明は、上記の表示画面設計支援装置であって、前記コントラスト演算部は、対象となる表示画面を表示する表示デバイスの特性を示す表示装置パラメータを用いて、実際の表示状態における前記部品と背景、または前記部品同士の色のコントラストを演算するものを含む。
この構成により、表示画面を表示する対象となるプログラマブル操作表示器等の表示デバイスにおける実際の表示状態のコントラストを擬似的に演算し、設計者に対して使用者が実際に見るコントラストに対応した表示状態を示すことが可能になる。
【００１８】
また、本発明は、上記の表示画面設計支援装置であって、前記表示装置パラメータを用いて、前記表示デバイスにおける実際の表示状態を擬似的に示すシミュレーション表示画面を出力するシミュレーション表示出力部を備えるものを含む。
この構成により、表示画面の設計者がシミュレーション表示画面によって実際の見栄えを擬似的に確認でき、使用対象の表示デバイスの特性に応じた使用者の見え方を、設計者に対して事前に示唆することができる。
【００１９】
また、本発明は、コンピュータに、上記いずれかに記載の表示画面設計支援装置の各部の機能を実現させるためのプログラムを提供する。
【発明の効果】
【００２０】
本発明によれば、表示画面の設計者が容易に見栄えの良い色を設定可能にでき、設計時の作業効率を向上できるとともに、使用者においては表示内容の識別性を改善でき、見やすい表示画面を提供することが可能になる。
【図面の簡単な説明】
【００２１】
【図１】本実施形態に係る表示画面設計支援装置及びプログラマブル操作表示器の概略構成を示す模式図
【図２】本実施形態に係る表示画面設計支援装置及びプログラマブル操作表示器を実現する各部の機能的構成を示すブロック図
【図３】本実施形態の表示画面設計支援装置に搭載される表示画面設計支援ツールの動作画面を示す図
【図４】本実施形態の表示画面設計支援ツールの概念的構成を示すブロック図
【図５】本実施形態におけるコントラスト演算処理の手順を示すフローチャート
【図６】コントラスト演算結果の一例を示す図
【図７】コントラスト演算結果表示の第１例を示す図
【図８】コントラスト演算結果表示の第２例を示す図
【図９】コントラスト演算結果表示の第３例を示す図
【図１０】色設定支援画面の例を示す図
【図１１】本実施形態における強調レベルパラメータ設定処理の手順を示すフローチャート
【図１２】本実施形態における強調レベル設定を用いた色設定処理の手順を示すフローチャート
【図１３】強調レベル表示の第１例を示す図
【図１４】強調レベル表示の第２例を示す図
【図１５】シミュレーション表示の一例を示す図
【発明を実施するための形態】
【００２２】
本実施形態では、表示画面設計支援装置及びプログラムの一例として、表示装置として用いられるプログラマブル操作表示器の表示部の表示画面に対応し、この表示画面の設計を支援する装置の構成、機能、及びその動作について説明する。本実施形態の表示画面設計支援装置及びプログラムは、プログラマブル操作表示器と接続されるコンピュータにおいて動作する表示画面設計支援ツールを有して構成される。
【００２３】
図１は本実施形態に係る表示画面設計支援装置及びプログラマブル操作表示器の概略構成を示す模式図、図２は本実施形態に係る表示画面設計支援装置及びプログラマブル操作表示器を実現する各部の機能的構成を示すブロック図である。
【００２４】
表示画面設計支援装置に搭載される表示画面設計支援ツールは、コンピュータとしてのパーソナルコンピュータ（ＰＣ）１０において動作し特定の機能を実現するプログラムによって構成される。図１に示すように、パーソナルコンピュータ１０は、コンピュータ本体１１とモニタ１２とを有して構成され、表示画面設計支援ツールの動作画面がモニタ１２上に表示される。このパーソナルコンピュータ１０は、通信ケーブル２０を介してプログラマブル操作表示器３０と接続され、表示画面設計支援ツールにより設計した表示画面の設定情報をプログラマブル操作表示器３０に伝送して記憶させる。なお、通信ケーブル２０の代わりに、図示しないメモリカード等の記憶媒体を用いて、設計した表示画面の設定情報をプログラマブル操作表示器３０に転送することも可能である。
【００２５】
図２に示すように、コンピュータ本体１１には、各種処理を行うプロセッサとしてのＣＰＵ１３、動作時のプログラムやデータを記憶するメモリ１４、表示画面設計支援ツール１５を含む各種プログラムやデータを格納するハードディスクやシリコンディスク等からなる情報格納部１６、モニタ１２に対する出力を中継する表示インタフェース１７、通信ケーブル２０と接続されプログラマブル操作表示器３０との間でデータを送受信する通信インタフェース１８、キーボードやマウス等の操作デバイスによる操作部２５と接続され操作入力信号を中継する操作インタフェース１９が設けられている。一方、プログラマブル操作表示器３０には、表示デバイスと操作入力デバイスとを有してなる表示部３１、オペレーションシステムプログラムを格納したシステムメモリ３２、オペレーションシステムプログラムに基づいてシステム全体を制御する制御部３３、通信ケーブル２０と接続されパーソナルコンピュータ１０との間でデータを送受信する通信部３４、表示部３１の表示画面の設定情報を記憶する設定記憶メモリ３５が設けられている。表示部３１は、表示デバイスとしてのＬＣＤ３６と操作入力デバイスとしてのタッチパネル３７とを有して構成される。
【００２６】
図３は本実施形態の表示画面設計支援装置に搭載される表示画面設計支援ツールの動作画面を示す図である。パーソナルコンピュータ１０において表示画面設計支援ツール１５が動作したとき、モニタ１２には動作画面として設計画面４１などが表示される。設計画面４１は、表示画面の部品配置や色設定等を行うものであり、設計者が配置部品４２を適宜配置して表示画面の設計を行うものである。設計画面４１の右側には、表示画面に用いる操作部材等の各種の部品４４が配列された部品ライブラリ画面４３が表示される。設計者は部品ライブラリ画面４３内の部品４４を適宜選択して設計画面４１に配置し、部品の位置、大きさ、色等の設定を行う。
【００２７】
図４は本実施形態の表示画面設計支援ツールの概念的構成を示すブロック図である。表示画面設計支援ツール１５は、各機能を実現する概念的構成として、設定情報処理部５１、部品ライブラリ５２、コントラスト演算部５３、強調レベルパラメータ５４、表示装置パラメータ５５を有している。
【００２８】
設定情報処理部５１は、操作部２５の指示操作による操作入力信号等に基づき、部品配置、背景、色設定等の情報入力を行い、表示画面の設定に関する各種処理を行う。表示画面の設定完了後、設定情報を出力し、通信インタフェース１８、または図示しないメモリカード等を介してプログラマブル操作表示器３０に転送する。また、設定情報処理部５１は、上記設計画面４１の表示情報の出力や、後述するコントラスト演算部５３によるコントラスト演算結果の出力を行い、モニタ１２に設計画面、コントラスト演算結果等を表示させる。
【００２９】
ここで、設定情報処理部５１は、表示画面に対応する設計画面を出力する設計画面表示出力部、表示画面に配置する部品または背景に関する色情報を入力する色情報入力部、コントラストの演算結果を出力するコントラスト出力部、設計画面において配置、設定された部品の情報を含む表示画面の設定情報を出力する設定情報出力部、所定のコントラストの度合いを規定する強調レベルパラメータを設定する強調レベル設定部、表示デバイスにおける実際の表示状態を擬似的に示すシミュレーション表示画面を出力するシミュレーション表示出力部の各機能を有している。それぞれの機能については後述する。
【００３０】
部品ライブラリ５２は、プログラマブル操作表示器３０の表示画面に用いる各種部品の情報を有し、上記部品ライブラリ画面４３の表示情報を出力し、モニタ１２に部品ライブラリ画面を表示させる。また、部品ライブラリ５２は、設定情報処理部５１に対して指定された部品の情報を出力する。部品としては、スイッチ部品、ランプ部品、キーボード部品、グラフ部品などとともに、文字や画像等のキャラクタ部品を含むものとし、部品ライブラリ５２にはこれらの部品の形状等の部品情報が格納される。キャラクタ部品は部品ライブラリ５２とは別に保持していてもよい。そして、設定情報処理部５１によって、選択された部品の配置位置、大きさ、色等のパラメータが設定される。
【００３１】
コントラスト演算部５３は、設定情報処理部５１の指示により設計画面４１に配置された部品と背景、複数の部品同士などの複数オブジェクト間の色のコントラストを所定の演算式を用いて演算し、設定情報処理部５１に出力する。
【００３２】
強調レベルパラメータ５４は、後述する強調レベルの設定に関するパラメータの情報を有する。設定情報処理部５１は、強調レベルパラメータ５４を用いて、強調レベルに応じた部品や背景の候補色の表示などを行い、強調レベル設定に合った表示画面設計の支援を行う。表示装置パラメータ５５は、プログラマブル操作表示器３０の表示部３１に用いられる表示デバイスの表示特性に関するパラメータの情報を有する。設定情報処理部５１は、設計対象のプログラマブル操作表示器３０に用いられる表示デバイスの表示装置パラメータ５５を取得し、コントラスト演算部５３により実際の表示デバイスにおけるコントラストを演算させて演算結果を出力する。また、表示装置パラメータ５５を用いて実際の表示状態を示す表示器画面を模擬的にモニタ１２に表示させる。
【００３３】
本実施形態では、表示画面のコントラスト比に着目し、コントラストの観点からの見え方を定量的に捉えることで、表示画面の見栄え、特に文字等を含む部品の識別性を改善できる表示画面設計支援ツールを提供する。また、カラータイプとモノクロタイプなど、複数種類のプログラマブル操作表示器に対応する場合の設計効率を改善できる表示画面設計支援ツールを提供する。つまり、表示画面の設計者に新しい設計尺度を提供し、画面設計時の作業効率を向上させるとともに、使用者には表示内容の区別、識別がつき易く、見やすい表示画面を提供可能にする。
【００３４】
（第１の実施形態）
本実施形態に係る表示画面設計支援装置の第１の実施形態として、表示画面の設計におけるコントラストの演算処理について説明する。表示画面設計支援ツール１５は、設定情報処理部５１及びコントラスト演算部５３により、設計対象の表示画面の背景と配置部品、配置部品同士のコントラストを演算し、演算結果を設計者に明示する機能を有している。例えば、部品ライブラリ画面４３から部品を選択した際、あるいは設計画面４１中の所定の配置位置に選択した部品をドラッグした際に、背景と選択された部品のコントラスト演算を行い、その結果を設計画面上に表示する。
【００３５】
図５は本実施形態におけるコントラスト演算処理の手順を示すフローチャートである。設定情報処理部５１は、まずコントラストの比較基準となる基準色を設定する。前回の基準を使用するかを判定し（ステップＳ１１）、前回の基準を使用しない場合は、新たな比較基準の設定を開始する（ステップＳ１２）。ここで、背景または他の部品の色を選択することで基準色の抽出を行い（ステップＳ１３）、基準設定の完了を判定して（ステップＳ１４）、設定完了した場合は次の処理に進む。
【００３６】
続いて、設定情報処理部５１は、コントラストの比較対象となる対象色を設定する。前回の対象を使用するかを判定し（ステップＳ１５）、前回の対象を使用しない場合は、新たな比較対象の設定を開始する（ステップＳ１６）。ここで、対象の部品の色を選択することで対象色の抽出を行い（ステップＳ１７）、対象設定の完了を判定して（ステップＳ１８）、設定完了した場合は次の処理に進む。
【００３７】
そして、設定情報処理部５１は、その他の比較対象があるかを判定し（ステップＳ１９）、他の比較対象がある場合は、前述のステップＳ１６〜Ｓ１８の処理を繰り返して対象色の設定を行う。ステップＳ１９でその他の比較対象が無い場合は、基準の変更があるかの判定（ステップＳ２０）、対象の変更があるかの判定（ステップＳ２１）を行う。ここで、基準の変更がある場合は前述のステップＳ１２〜Ｓ１４の処理を実行して基準色の設定を行う。また、対象の変更がある場合は前述のステップＳ１６〜Ｓ１８の処理を実行して対象色の設定を行う。
【００３８】
基準及び対象の設定完了後、コントラスト演算部５３は、基準色と対象色とのコントラストを演算する（ステップＳ２２）。そして、設定情報処理部５１は、コントラスト演算結果をモニタ１２に出力し、設計画面上に表示する（ステップＳ２３）。コントラスト演算結果としては、演算結果の値（コントラスト比など）や度合い（大、中、小などのレベル）を示しても良いし、そのコントラスト値が所定の基準を満たすかどうか（適正であるかどうか）を文字や記号等の指標で示しても良い。
【００３９】
コントラストの演算手段としては、例えば、ＷＷＷ（World Wide Web）で利用される技術の標準化をすすめる団体であるＷ３Ｃ（World Wide Web Consortium）のＷＣＡＧ（Web Content Accessibility Guidelines）に策定されている下記演算式を用いることができる。なお、コントラスト演算手段はこれに限定されるものではなく、２色間の差を示す値を得るものであれば、他の同様の演算処理によって実現可能である。
【００４０】
（１）明度差
コントラスト演算手段の第１例は、２色間の明度差を求めて算出するものである。この場合、ＲＧＢ値を０〜２５５の１０進数として、次の（１）式により各色の明度を演算する。対象とする色と基準色との明度差を求め、演算結果が１２５以上であればコントラストの基準を満たすとする。
｛（Ｒ×２９９）＋（Ｇ×５８７）＋（Ｂ×１１４）｝÷１０００    …（１）
【００４１】
（２）色の差
コントラスト演算手段の第２例は、２色間の色差を求めて算出するものである。この場合、ＲＧＢ値を０〜２５５の１０進数として、次の（２）式により２つの色の差を演算する。対象とする２色の色の差を求め、演算結果が５００以上であればコントラストの基準を満たすとする。
｛Ｍａｘ（Ｒ１，Ｒ２）−Ｍｉｎ（Ｒ１，Ｒ２）｝
＋｛Ｍａｘ（Ｇ１，Ｇ２）−Ｍｉｎ（Ｇ１，Ｇ２）｝
＋｛Ｍａｘ（Ｂ１，Ｂ２）−Ｍｉｎ（Ｂ１，Ｂ２）｝    …（２）
ここで、
色１：  Ｒ１，Ｇ１，Ｂ１
色２：  Ｒ２，Ｇ２，Ｂ２
関数：  Ｍａｘ…比較対象データの大きい値を選択
Ｍｉｎ…比較対象データの小さい値を選択
とする。
【００４２】
図６はコントラスト演算結果の一例を示す図であり、背景や部品の色を変化させた場合の上記（１）、（２）式を用いた演算結果を示している。図では色の階調をモノクロのドットパターンで示しているが、実際には各ＲＧＢ値に対応するカラー画像である。なお、カラー画像の他に、２色、または単色で階調を持つグレースケール画像を用いる場合もある。この図６において、○が付いている値が上記基準を満たすコントラストであり、この基準値以上のコントラストとなるよう色を設定すれば、使用者にとって識別が容易で見栄えが良い表示画面を提供できる。
【００４３】
コントラスト演算の際に、背景や部品が単色でない場合は、任意領域の各画素の平均をとって上記の演算を行う。例えば、背景の場合、配置部品の周囲の任意領域を背景とし、その領域内の各画素平均を演算して背景の色とする。また、配置部品であれば、部品内の各画素平均を演算して部品の色とする。これらの平均値の色を用いて、コントラストを演算し判断する。
【００４４】
次に、コントラスト演算結果の設計者への明示手段の例を示す。図７はコントラスト演算結果表示の第１例を示す図である。第１例は簡易的な表示例であり、設定情報処理部５１は、部品ライブラリ画面４３から部品４４が選択された際、あるいは部品ライブラリ画面４３の部品４４の領域に選択用のマウスカーソルが入った時点で、設計画面４１の背景と選択部品のコントラスト演算結果をダイアログなどの簡易表示画面６１で部品の近傍に表示する。この簡易表示では、簡易表示画面６１の表示領域にコントラストが上記の基準を満たすかどうかを示す指標を○×で表示し、その下部などに詳細表示に移行するための詳細ボタンを表示する。詳細表示は他の表示例で後述するが、設計者が各色の詳細を知りたい場合に詳細ボタンを選択すると、設定情報処理部５１は明度や色の差などの演算結果の詳細を示す詳細表示画面を表示する。
【００４５】
図８はコントラスト演算結果表示の第２例を示す図である。第２例は簡易表示の他の例であり、設計画面４１に既に配置済みの部品に関してコントラスト演算結果表示を行ったものである。この場合、設定情報処理部５１は、設計画面４１の所定の配置位置に選択した配置部品４２がドラッグされた際、あるいは配置済みの配置部品４２の領域に選択用のマウスカーソルが入った時点で、上記第１例と同様に、設計画面４１の背景と選択部品のコントラスト演算結果をダイアログなどの簡易表示画面６１で部品の近傍に表示する。
【００４６】
図９はコントラスト演算結果表示の第３例を示す図である。第３例は詳細表示の例であり、設定情報処理部５１は、例えば上記のように簡易表示画面６１において詳細ボタンが選択された場合に、詳細表示画面６２を表示する。詳細表示画面６２では、部品色及び背景色のサンプル表示、明度や色の差などのコントラスト演算結果の値（図示例ではコントラスト比）、及びコントラスト判定結果の○×が示される。コントラスト判定結果は、一般の判定結果の他に、色覚障害がある場合の判定結果についても表示しても良い。この場合、それぞれの判定基準値によって判定を行う。なお、詳細表示画面６２は、上記簡易表示画面６１からの操作による動作以外に、表示画面設計支援ツール１５のメニューバーから選択する等の所定操作によって表示することも可能である。この詳細表示画面６２によって、設計者は背景と所望の部品、あるいは所望の部品同士のコントラスト演算結果を確認することができる。
【００４７】
図１０は色設定支援画面の例を示す図である。設計者が配置部品または背景の色を設定する際に、色設定画面６３においてコントラストチェック機能ボタンを選択すると、設定情報処理部５１は、色設定支援画面６４を表示する。色設定支援画面６４では、基準となる背景色などに対して適切なコントラストを有する色のみが表示される。これにより、例えば設計者が配置部品の色の設定や変更を行う場合に、背景に応じた適切な色のみを容易に選択可能になる。
【００４８】
以下に第１の実施形態の変形例について示す。上述した例では、主に表示画面における配置部品と背景との背景コントラストに関する演算及び結果表示について説明したが、種々の変形、応用が考えられる。
【００４９】
コントラスト演算を行う対象が複数選択できる場合、例えば、配置部品と配置部品などの場合は、比較基準を設定し、その比較基準の配置部品と選択した対象部品との部品間コントラストを演算し、演算結果を表示する。また、配置部品は、スイッチ等の部品に限らず、表示画面中の文字や画像等のキャラクタを示すものも部品として扱うことが可能である。この場合、配置する文字や画像と、その周囲の背景または部品とのキャラクタコントラストを演算し、演算結果を表示する。また、使用者の操作入力や表示対象の状態変化などのイベント発生時に、部品や背景の変化を伴う動作表示を行う場合、例えば、スイッチ部品をタッチ操作するときの反転表示などにおいて、通常表示と動作表示との差を示す動作表示コントラストを演算し、演算結果を表示する。
【００５０】
ここで、比較基準の設定手段としては、設計者が比較基準としたい部品や背景に対して所定操作を行うことにより、コントラスト比較基準設定を行うものなどが考えられる。例えば、設計者が比較基準としたい配置部品上でマウスの右クリックの操作をした場合に、これに対応して設定情報処理部５１はプロパティ画面を表示し、設計者が比較基準を選択することによって、当該部品をコントラストの比較基準として設定する。なお、これに限らず各種所定の操作による設定動作が可能である。
【００５１】
コントラスト演算結果の表示としては、図７〜図９に示した簡易表示画面６１や詳細表示画面６２において、背景と配置部品の比較結果とともに、比較基準の部品との比較結果などの複数の演算結果を並列して表示することも可能である。
【００５２】
（第２の実施形態）
本実施形態に係る表示画面設計支援装置の第２の実施形態として、表示画面の設計における強調レベルの設定処理について説明する。表示画面設計支援ツール１５は、設定情報処理部５１及び強調レベルパラメータ５４により、表示画面中の部品の強調レベルを設定し、設計者が強調レベルに応じた色設定を可能とする機能を有している。例えば、設計画面４１や部品ライブラリ画面４３において、背景、部品（キャラクタを含む）のプロパティ画面を表示する際、強調レベルに関する項目を設け、強調レベルの設定、選択を行う。そして、部品や背景の色設定支援画面６４などにおいて、設定された強調レベルの段階に応じた色を表示する。
【００５３】
図１１は本実施形態における強調レベルパラメータ設定処理の手順を示すフローチャートである。設定情報処理部５１は、所定の操作入力があった場合に、強調レベルパラメータ５４として現在保存されている強調レベルパラメータの設定内容の呼び出しを行い（ステップＳ３１）、この設定内容をモニタ１２に出力し、設定された強調レベルパラメータに関するイメージ表示を含む表示を行う（ステップＳ３２）。複数の強調レベルパラメータの設定がある場合は、各強調レベルパラメータごとの設定内容表示やイメージ表示などを行う。
【００５４】
次に、設定情報処理部５１は、強調レベルの設定変更があるかを判定し（ステップＳ３３）、変更がある場合は次の処理に進み、変更が無い場合は処理を終了する。強調レベルの設定変更の際には、まず強調レベル数の入力処理を行い（ステップＳ３４）、続いて各強調レベルにおけるコントラストの幅の設定処理を行う（ステップＳ３５）。そして、設定変更後の強調レベルパラメータの設定内容をモニタ１２に出力し、設定変更された強調レベルパラメータに関するイメージ表示を含む表示を行う（ステップＳ３６）。その後、強調レベルの設定変更があるかを判定し（ステップＳ３７）、変更がある場合はステップＳ３４〜Ｓ３６の処理を行って強調レベルの設定変更を行う。ステップＳ３７で強調レベルの設定変更が無い場合は、強調レベルパラメータの設定内容を強調レベルパラメータ５４に保存する（ステップＳ３８）。
【００５５】
図１２は本実施形態における強調レベル設定を用いた色設定処理の手順を示すフローチャートである。設定情報処理部５１は、所定の操作入力による強調レベル設定対象の選択に関する入力処理を行う（ステップＳ４１）。例えば、設定対象となる部品や背景に対応するプロパティ画面において設計者により強調レベル設定の操作があった場合に、その選択された設定対象に対する強調レベルの設定を開始する。そして、設定情報処理部５１は、上記の強調レベルパラメータ設定処理により設定保存されている強調レベルパラメータ５４の設定内容の呼び出しを行い（ステップＳ４２）、この設定内容をモニタ１２に出力し、設定された強調レベルパラメータに関するイメージ表示を含む表示を行う（ステップＳ４３）。
【００５６】
次に、設定情報処理部５１は、所定の操作入力による強調レベルの選択に関する入力処理を行う（ステップＳ４４）。例えば、上記のプロパティ画面における強調レベルの選択操作に対して、選択された強調レベルを示す指示入力を行う。そして、部品や背景の色設定支援画面６４などにおいて、選択された強調レベルに対応したコントラストの推奨色を示すパレット表示を行う（ステップＳ４５）。これにより、強調レベルに応じたコントラストを持つ色のみを表示して推奨可能であり、設計者は推奨された色の中から選択して使用することで、強調レベル設定に合わせた適切な色を容易に選択できる。その後、強調レベルの選択変更があるかを判定し（ステップＳ４６）、変更がある場合はステップＳ４４〜Ｓ４５の処理を行って強調レベルの選択変更を行う。ステップＳ４６で強調レベルの選択変更が無い場合は、色選択がＯＫかどうかを判定し（ステップＳ４７）、ＯＫでない場合はステップＳ４５のパレット表示に戻って同様の処理を繰り返す。ステップＳ４７で色選択がＯＫである場合は、対象の部品や背景に設定された色設定に関するイメージ表示を含む表示を行う（ステップＳ４８）。そして、色設定の決定入力を待ち、色設定が決定されたかを判定し（ステップＳ４９）、色設定が決定された場合は処理を終了し、設定情報を出力する。ステップＳ４９で色設定の決定がキャンセルされた場合は、ステップＳ４５のパレット表示に戻って同様の処理を繰り返す。以上の処理により、設計者は任意の強調レベル設定の段階に合わせたコントラストを持つ表示画面を、容易に設計して実現できる。
【００５７】
図１３は強調レベル表示の第１例を示す図である。第１例は、背景に対する部品の強調レベルを８段階に設定した場合の表示例である。ここでは部品として記号及び文字のキャラクタを用い、強調レベル８（最大強調）、強調レベル６、強調レベル４の３段階を模式的に示している。図では色の階調をモノクロのドットパターンで示しているが、実際には色を持つカラー画像、あるいは、２色、単色で階調を持つグレースケール画像である。このように、強調レベルを設定することで、強調レベルに応じたコントラストの度合いを容易に実現できる。
【００５８】
図１４は強調レベル表示の第２例を示す図である。第２例は、第１例と同様に背景に対する部品の強調レベルを８段階に設定した場合の表示例であり、強調レベル８と強調レベル４とを用いた識別性の違いを示すものである。この例はタイトルの強調に主眼をおいたもので、記号及び文字によるタイトルと、その内容を示す文字とで強調レベルを変えて示している。上段の表示１は、タイトル７１ａの記号及び文字を強調レベル８で表示して強調し、その内容７２ａを強調レベル４の文字で表示したものである。下段の表示２は、タイトル７１ｂを強調レベル８とし、その内容７２ｂも強調レベル８で表示したものである。表示１のように表示画面内で強調レベルを変えることによって、タイトルの識別性が向上する。この場合、背景とタイトル、背景と内容、タイトルと内容のそれぞれが、高いコントラストの差を有するものとなり、識別しやすい表示画面を実現できる。
【００５９】
上述した強調レベル設定機能により、設計者は容易に伝えたい表示内容の見栄えを変更でき、強調レベルの設定具合に応じて、表示画面を見た際の「全体的な統一感」と「伝えるべき表示内容の優先順位」などを実現することができる。また、例えばプログラマブル操作表示器３０の表示デバイスをカラータイプから８階調のモノクロタイプの機種に変更する場合に、カラー画像の表示画面設計において８段階の強調レベルを設定して設計を行うことによって、強調レベルの各レベルをモノクロ８階調に変換することで画面の変換が可能である。この場合、表示デバイスの仕様に合わせて容易に適切な状態となるよう表示画面を変換でき、見栄えの良い表示画面を提供できる。
【００６０】
（第３の実施形態）
本実施形態に係る表示画面設計支援装置の第３の実施形態として、表示画面の設計におけるシミュレーション表示画面の表示処理について説明する。表示画面設計支援ツール１５は、設定情報処理部５１、コントラスト演算部５３及び表示装置パラメータ５５により、実際に使用されるプログラマブル操作表示器３０の表示部３１での表示画面の表示状態をシミュレーションして表示し、設計者に示唆する機能を有している。例えば、プログラマブル操作表示器３０の表示部３１における実際の表示状態に対応する実コントラストを演算し、演算結果を設計画面４１や部品ライブラリ画面４３において表示する。また、設計画面４１の周囲や新たな画面において、プログラマブル操作表示器３０の表示部３１の画面を模したシミュレーション表示画面を表示する。
【００６１】
表示画面設計支援ツールでは、例えば部品ライブラリにカラー部品とモノクロ部品を用意しており、使用するプログラマブル操作表示器の表示タイプに応じて、画面設計を行うことが可能となっている。このため、カラータイプ用に設計した表示画面を２色のモノクロタイプに変換した場合、背景や部品が同色になり、識別し難い画面に変換されるなどの課題がある。また、カラータイプ用に設計した表示画面を単色で階調を持つグレースケールのモノクロタイプに変更した場合に、単色ではコントラストが小さくなって識別し難い画面に変換されてしまう場合がある。また、表示デバイスとしてＬＣＤを用いる場合、ＳＴＮタイプ、ＴＦＴタイプなどの種類の相違があり、また同じ種類においても、表示可能色数、デバイス自体のコントラスト比、輝度、表面処理（アンチグレア、クリア）、視野角など複数のパラメータを有するため、これらパラメータの違いによって見栄えに相違を生じる。
【００６２】
プログラマブル操作表示器３０の表示デバイスは、表示画面の設定情報の色データにより色を再現するので、表示画面設計支援ツールを動作させるＰＣ１０のモニタ１２上における色データのみの演算結果と大きな差異は無い。しかし、実際の使用状態においては、表示デバイスの輝度が低い場合やコントラスト比が低いなどの要因で、設計時のＰＣ上の見栄えと異なることがあり、配置部品が識別し難い状態となる場合がある。また、表示デバイスのタイプが違うプログラマブル操作表示器を並べて使用する場合などでは、同じ部品でも見栄えに相違を生じることがある。
【００６３】
そこで、上記課題を解決するため、表示装置パラメータ５５を用いて、実際の表示画面の表示状態を擬似的に演算する。例えば、簡易的には、表示デバイス自体のコントラスト比、輝度を変数として用い、色データのみの演算結果に加えて再演算を行うことで実コントラストに換算する方法で実現する。
【００６４】
図１５はシミュレーション表示の一例を示す図である。この表示例では、２色のモノクロの表示デバイスを用いる場合のシミュレーション表示画面７５を示している。表示装置パラメータ５５には、プログラマブル操作表示器３０の表示部３１に使用される表示デバイスの表示特性を示すパラメータを記憶しておく。そして、設定情報処理部５１は、選択された表示デバイスの表示装置パラメータを用いて、コントラスト演算部５３にて使用者が実際に見る表示状態のコントラストを擬似的に演算し、その実コントラストの演算結果を上述した第１の実施形態と同様に表示する。また、選択された表示デバイスの表示装置パラメータを用いて、プログラマブル操作表示器３０の使用状態での表示画面をシミュレーションし、そのシミュレーション表示画面７５を設計用のモニタ１２上に模擬的に表示する。これにより、設計者は、プログラマブル操作表示器３０の実際の使用時の表示画面について、コントラストや見栄えを確認でき、所望の表示状態となる表示画面を容易に設計して実現することができる。
【００６５】
プログラマブル操作表示器は、表示部の種類として、大きく分けてカラータイプ（複数の色や階調を有するカラー画像を表示するもの）とモノクロタイプ（白黒等の２色、または単色で階調を持つグレースケールのモノクロ画像を表示するもの）が存在する。これらは、主に設備コストの観点で使い分けられる。例えば、同一設備においても、見栄え重視の高級機にはカラータイプを使用し、コスト重視の汎用機にはモノクロタイプを用いるなど、表示器の動作機能は同一でも表示タイプを使い分ける場合がある。この場合、本実施形態のようにプログラマブル操作表示器の表示画面設計支援ツールによってコントラストを明示することで、コントラストの観点で画面設計することが可能になる。このことは、カラータイプからモノクロタイプへの画面変換時のコントラストも判別し易く、変換作業の効率化につながると共に、変換後の表示画面もあらゆる使用者にとって識別性が高く、ユニバーサルデザインにつながる等の効果がある。
【００６６】
また、本実施形態によれば、表示画面上の部品と背景、部品間などについて、適切なコントラストを持つ表示画面を容易に設計することが可能であり、遠隔からでも見やすい表示画面を提供できる。また、表示内容の区別がつき易く、多様な使用者に対しても視認性の良好なユニバーサルデザインの表示画面を提供できる。また、操作、表示に関して誤認識を削減できるので、プログラマブル操作表示器及び外部機器の安全動作につながる。また、感性やデザイン知識などが乏しい設計者でも、コントラストの観点において、容易に見やすい表示画面を設計することができる。
【００６７】
また、スイッチ部品のオン／オフ動作の反転表示など、動作表示機能を持つ部品において、通常表示(通常状態の部品色)と動作表示（反転色など）とのコントラストについてもコントラストの演算結果の表示、推奨色の表示等を行うことができる。これにより、動作変化を識別しやすい部品を持つ表示画面を容易に設計し提供することができる。
【００６８】
また、表示画面における各要素の強調レベルの設定、選択を行うことによって、タイトル等の特定の要素を強調したり、あるいは画面全体のコントラストを統一するなど、全体的な統一感があり、視認性の高い見やすい表示画面を提供できる。
【００６９】
また、プログラマブル操作表示器に使用される表示デバイスのパラメータを用いて、実際の表示状態を擬似的に表すコントラストの演算、演算結果の表示を行ったり、実コントラストのシミュレーション表示等を行うことができる。これにより、設計者は容易に実際の表示状態に近い内容を確認しながら表示画面設計ができる。また、各種のプログラマブル操作表示器における輝度の差など、表示状態の差異を確認できる。
【００７０】
なお、本発明は上記の実施形態において示されたものに限定されるものではなく、明細書の記載、並びに周知の技術に基づいて、当業者が変更、応用することも本発明の予定するところであり、保護を求める範囲に含まれる。
【符号の説明】
【００７１】
１０  パーソナルコンピュータ（ＰＣ）
１１  コンピュータ本体
１２  モニタ
１３  ＣＰＵ
１４  メモリ
１５  表示画面設計支援ツール
１６  情報格納部
１７  表示インタフェース
１８  通信インタフェース
１９  操作インタフェース
２０  通信ケーブル
２５  操作部
３０  プログラマブル操作表示器
３１  表示部
３２  システムメモリ
３３  制御部
３４  通信部
３５  設定記憶メモリ
３６  ＬＣＤ
３７  タッチパネル
４１  設計画面
４２  配置部品
４３  部品ライブラリ画面
４４  部品
５１  設定情報処理部
５２  部品ライブラリ
５３  コントラスト演算部
５４  強調レベルパラメータ
５５  表示装置パラメータ
６１  簡易表示画面
６２  詳細表示画面
６３  色設定画面
６４  色設定支援画面
７５  シミュレーション表示画面
【図１】
2010170417.tif 000003
【図２】
2010170417.tif 000004
【図３】
2010170417.tif 000005
【図４】
2010170417.tif 000006
【図５】
2010170417.tif 000007
【図７】
2010170417.tif 000008
【図８】
2010170417.tif 000009
【図９】
2010170417.tif 000010
【図１０】
2010170417.tif 000011
【図１１】
2010170417.tif 000012
【図１２】
2010170417.tif 000013
【図１４】
2010170417.tif 000014
【図１５】
2010170417.tif 000015
【図６】
2010170417.tif 000016
【図１３】
2010170417.tif 000017