JP2010191795A - 表示画面設計支援装置及びプログラム - Google Patents

Abstract

【課題】表示画面の設計者が容易に適切な色調の色を設定可能にし、設計時の作業効率を向上するとともに、使用者においては表示内容の視認性を改善し、見栄えの良い表示画面を提供する。
【解決手段】色調データ保持部５３は、色調によって分類した色調データを保持する。色調抽出部５４は、色調データを参照して所定の基準色に基づく適当な色調を抽出する。基準色決定部５５は、所定の設定入力、あるいは、作成中または作成後の表示画面データの色情報などに基づき、色調抽出を行うための基準色を決定する。表示画面設定情報処理部５１は、色調抽出結果に基づいて色調が適合する色選択肢を出力してモニタに表示させる。設計者は、色選択肢によって色調が合った適切な色を設定し、見栄えの良い表示画面を作成可能となる。
【選択図】図４

Description

本発明は、プログラマブル操作表示器等の表示装置における表示画面の設計を支援する表示画面設計支援装置及びプログラムに関する。

工場、店舗、オフィス等の種々の施設に設けられる機械や設備等において、中間ユーザによって取り付けられ、エンドユーザによって操作表示パネルとして使用されるプログラマブル操作表示器が広く用いられている。プログラマブル操作表示器は、ＬＣＤ等の表示デバイスの上にタッチパネル等の操作入力デバイスを搭載した表示部を備えており、プログラマブルロジックコントローラ（ＰＬＣ）等の外部機器と接続され、外部機器の操作、動作状況の表示などを行うものである。

この種のプログラマブル操作表示器として、表示デバイス及び操作入力デバイスを有する表示部の他に、オペレーションシステムプログラムを格納したシステムメモリ、オペレーションシステムプログラムに基づいてシステム全体を制御する制御部、外部機器と接続されその外部機器との間でデータを送受信する通信部、表示部の表示画面の設定情報を記憶する設定記憶メモリ等を備えたものが存在する（例えば、特許文献１参照）。表示部の表示画面には、設定情報に基づいて、外部機器操作用の操作ボタンや操作スイッチ等の操作部材、各種表示用の文字や画像等の表示シンボルなどが表示される。表示画面の操作部材などの表示領域を触れることにより、表示画面上の操作入力デバイス及び制御部によって操作部材に対応する操作入力信号が生成され、通信部より出力されて外部機器へ伝送される。

上記プログラマブル操作表示器等の表示装置の表示画面は、パーソナルコンピュータ等のコンピュータ上で動作し実行される設計支援ツール等により構成される表示画面設計支援装置を用いて行うことが多い。例えばプログラマブル操作表示器を使用する場合、設置する中間ユーザは、設計者として表示画面設計支援装置にて表示画面の設計を行い、表示画面の表示項目として、操作部材や表示シンボル等に関する設定内容や設定条件を含む設定情報を決定する。設計完了後、表示画面の設定情報をコンピュータからプログラマブル操作表示器に転送し、プログラマブル操作表示器の設定記憶メモリに記憶させる。エンドユーザが使用者として使用する場合、プログラマブル操作表示器は設定情報に基づいて動作し、表示画面の表示内容を確認したり、所定の操作を行うことが可能になる。

表示画面設計支援装置を構成する設計支援ツールは、ライン描画や色指定などの描画機能に加え、表示画面に設ける操作部材や表示シンボル等を入力するための様々なオブジェクトライブラリを持っている。オブジェクトライブラリには、スイッチ部品、ランプ部品、キーボード部品、グラフ部品などの各種オブジェクトを準備している。これらのオブジェクトは、表示画面の設計時において、設計者の指示に基づき必要に応じて選択、配置され、そのパラメータ等を含む設定情報が作成される。そして、設計した表示画面を持つプログラマブル操作表示器等の表示装置の運用時には、設定情報のパラメータに基づき、表示画面の各オブジェクトが所定の機能を実現する。

表示装置の一例として、例えば特許文献２には、オフラインモード時に設定画面の色調および／またはデザインを一括して変更することが可能な制御用表示装置が開示されている。この従来例の装置では、設定画面の背景、部品に関して、色調、テーマが異なるものにカスタマイズできるようになっている。

特開平１１−４５１１０号公報 特開２００６−１３４０９５号公報

上述したような表示装置の表示画面の設計においては、色などを適切に設定しないと、使用時に使用者が操作部材や表示シンボルを見づらくなることがある。表示装置の表示画面は、設計者などのユーザが自由に作成することができ、自由度の高いものではあるが、自由度が高いが故に、画面内にある複数のオブジェクトの色の色調の差によって、ユーザが意図するデザインにならない場合が存在する。例えば、彩度が異なる色のオブジェクトが混在し、色調が統一されていない場合は、表示画面の見栄えが悪く、使用者にとって見づらいものとなる。また、表示画面の色調のバランスが崩れている場合は、誤操作を招くおそれも生じる。

このように、表示装置の表示画面の色調が適切に設定されていない場合に、視認性や操作性が悪くなることがあるが、従来では色設定について設計者の感性に委ねられる点が大きかった。このため、設計者が意図する色調を容易に設定できなかったり、色の設定や再設定を行う作業に手間がかかることがあった。

本発明は、上記事情に鑑みてなされたもので、表示画面の設計者が容易に適切な色調の色を設定可能にでき、設計時の作業効率を向上できるとともに、使用者においては表示内容の視認性を改善でき、見栄えの良い表示画面を提供できる表示画面設計支援装置及びプログラムを提供することを目的とする。

本発明は、表示装置における表示画面の設計に用いる表示画面設計支援装置であって、前記表示画面に対応する設計画面を出力する設計画面表示出力部と、前記表示画面に用いる色を色調によって分類した色調データを保持する色調データ保持部と、前記色調データを参照して所定の基準色に基づく適当な色調を抽出する色調抽出部と、前記色調抽出を行うための基準色を決定する基準色決定部と、前記抽出された色調を持つ色による色選択肢を出力する色選択肢出力部と、前記色選択肢に対応した所定の設定入力に基づいて前記設計画面における表示画面の色設定を行う表示画面設定処理部と、を備える表示画面設計支援装置を提供する。
この構成により、基準色に応じて適切な色調の色が抽出されて色選択肢として出力され、設計者に提示することが可能となる。設計者においては、色選択肢から色を選択して表示画面の色設定を行うことで、適切な色調の色を容易に設定でき、色調が統一された良好なデザインの表示画面を作成可能になる。

また、本発明は、上記の表示画面設計支援装置であって、前記基準色決定部は、作成中または作成後の表示画面の設定に関する表示画面データを入力し、この表示画面データの色情報に基づいて基準色を決定するものであり、前記色調抽出部は、前記基準色決定部において表示画面データの色から決定された基準色に応じて適当な色調を抽出するものを含む。
この構成により、作成中または作成後の表示画面データのオブジェクトや背景の色に応じて決定された基準色によって、適切な色調の色が抽出されて色選択肢として出力される。設計者においては、色選択肢から色を選択して表示画面の色設定を行うことで、表示画面データを作成しながら現在の画面の色設定に合った適切な色調の色を設定でき、色調が統一された良好なデザインの表示画面を作成可能になる。

また、本発明は、上記の表示画面設計支援装置であって、前記基準色決定部は、所定の設定入力に基づいて基準色を決定するものであり、前記色調抽出部は、前記基準色決定部により予め決定された基準色に応じて適当な色調を抽出するものを含む。
この構成により、所定の設定入力に基づいて決定された基準色によって、適切な色調の色が抽出されて色選択肢として出力される。設計者においては、所望の色調の基準色を設定し、色選択肢から色を選択して表示画面の色設定を行うことで、適切な色調の色を容易に設定でき、色調が統一された良好なデザインの表示画面を作成可能になる。

また、本発明は、上記の表示画面設計支援装置であって、前記色調データ保持部は、色調の分類ごとにまとめられた色調データ群による色調グループを保持しており、前記色調抽出部は、前記色調データから適当な色調を持つ色調グループを複数抽出し、前記色選択肢出力部は、前記抽出された色調グループに対応する色選択肢グループを出力するものを含む。
この構成により、色調の分類ごとにまとめられた色調グループが適宜抽出されて色選択肢グループとして出力される。設計者においては、色選択肢グループから所望の分類の色調を選択し、その色調の色選択肢から色を選択して表示画面の色設定を行うことで、適切な色調の色を容易に設定でき、色調が統一された良好なデザインの表示画面を作成可能になる。

また、本発明は、表示装置における表示画面の設計に用いる表示画面設計支援装置であって、前記表示画面に対応する設計画面を出力する設計画面表示出力部と、前記表示画面に用いる色を色調によって分類した色調データを保持する色調データ保持部と、作成中または作成後の表示画面の設定に関する表示画面データの色情報に基づき、前記色調データを参照して適当な色調を抽出する色調抽出部と、前記表示画面データにおけるそれぞれの色情報と前記色調抽出部による色調抽出結果とを参照し、表示画面の色調を判断する色調判断部と、前記色調判断部による色調判断結果に基づいて、色調が不適合の場合に前記設計画面における表示画面の対象の色調を変更する色調補正処理部と、を備える表示画面設計支援装置を提供する。
この構成により、作成中または作成後の表示画面データのオブジェクトや背景の色調を判断し、色調が不適合な場合に対象の色を適当な色調に変更することで、自動的に色調が合った色に補正され、色調が統一された良好なデザインの表示画面を作成可能になる。

また、本発明は、表示装置における表示画面の設計に用いる表示画面設計支援装置であって、前記表示画面に対応する設計画面を出力する設計画面表示出力部と、前記表示画面に用いる色を色調によって分類した色調データを保持する色調データ保持部と、作成中または作成後の表示画面の設定に関する表示画面データの色情報に基づき、前記色調データを参照して適当な色調を抽出する色調抽出部と、前記表示画面データにおけるそれぞれの色情報と前記色調抽出部による色調抽出結果とを参照し、表示画面の色調を判断する色調判断部と、前記色調判断部による色調判断結果に基づいて、色調が不適合の場合に前記設計画面において対象部分を表示する対象箇所表示処理部と、を備える表示画面設計支援装置を提供する。
この構成により、作成中または作成後の表示画面データのオブジェクトや背景の色調を判断し、色調が不適合な場合に対象部分を表示することで、色調補正候補となる箇所を通知可能になる。設計者においては、色調変更が望ましい色調補正候補を容易に認識でき、その対象部分を適切な色調に補正することで色調が統一された良好なデザインの表示画面を作成可能になる。

また、本発明は、コンピュータに、上記いずれかに記載の表示画面設計支援装置の各部の機能を実現させるためのプログラムを提供する。

本発明によれば、表示画面の設計者が容易に適切な色調の色を設定可能にでき、設計時の作業効率を向上できるとともに、使用者においては表示内容の視認性を改善でき、見栄えの良い表示画面を提供することが可能になる。

本実施形態に係る表示画面設計支援装置及びプログラマブル操作表示器の概略構成を示す模式図 本実施形態に係る表示画面設計支援装置及びプログラマブル操作表示器を実現する各部の機能的構成を示すブロック図 本実施形態の表示画面設計支援装置に搭載される表示画面設計支援ツールの動作画面を示す図 本実施形態の表示画面設計支援ツールの概念的構成を示すブロック図 色調データの一例を示す図 色調の適合／不適合を説明するための図 第１の実施形態における色調抽出処理の手順を示すフローチャート 色設定画面の例を示す図 色選択肢表示画面の例を示す図 第２の実施形態における色調抽出処理の手順を示すフローチャート 第３の実施形態における色調抽出処理の手順を示すフローチャート 第４の実施形態における色調判断処理の手順を示すフローチャート 第５の実施形態における色調判断処理の手順を示すフローチャート 色調不適合の表示画面の例を示す図

本実施形態では、表示画面設計支援装置及びプログラムの一例として、表示装置として用いられるプログラマブル操作表示器の表示部の表示画面に対応し、この表示画面の設計を支援する装置の構成、機能、及びその動作について説明する。本実施形態の表示画面設計支援装置及びプログラムは、プログラマブル操作表示器と接続されるコンピュータにおいて動作する表示画面設計支援ツールを有して構成される。

図１は本実施形態に係る表示画面設計支援装置及びプログラマブル操作表示器の概略構成を示す模式図、図２は本実施形態に係る表示画面設計支援装置及びプログラマブル操作表示器を実現する各部の機能的構成を示すブロック図である。

表示画面設計支援装置に搭載される表示画面設計支援ツールは、コンピュータとしてのパーソナルコンピュータ（ＰＣ）１０において動作し特定の機能を実現するプログラムによって構成される。図１に示すように、設計入力操作用の端末となるパーソナルコンピュータ１０は、コンピュータ本体１１とモニタ１２とを有して構成され、表示画面設計支援ツールの動作画面がモニタ１２上に表示される。このパーソナルコンピュータ１０は、通信ケーブル２０を介してプログラマブル操作表示器３０と接続され、表示画面設計支援ツールにより設計した表示画面の設定情報をプログラマブル操作表示器３０に伝送して記憶させる。なお、通信ケーブル２０の代わりに、図示しないメモリカード等の記憶媒体を用いて、設計した表示画面の設定情報をプログラマブル操作表示器３０に転送することも可能である。

図２に示すように、コンピュータ本体１１には、各種処理を行うプロセッサとしてのＣＰＵ１３、動作時のプログラムやデータを記憶するメモリ１４、表示画面設計支援ツール１５を含む各種プログラムやデータを格納するハードディスクやシリコンディスク等からなる情報格納部１６、モニタ１２に対する出力を中継する表示インタフェース１７、通信ケーブル２０と接続されプログラマブル操作表示器３０との間でデータを送受信する通信インタフェース１８、キーボードやマウス等の操作デバイスによる操作部２５と接続され操作入力信号を中継する操作インタフェース１９が設けられている。一方、プログラマブル操作表示器３０には、表示デバイスと操作入力デバイスとを有してなる表示部３１、オペレーションシステムプログラムを格納したシステムメモリ３２、オペレーションシステムプログラムに基づいてシステム全体を制御する制御部３３、通信ケーブル２０と接続されパーソナルコンピュータ１０との間でデータを送受信する通信部３４、表示部３１の表示画面の設定情報を記憶する設定記憶メモリ３５が設けられている。表示部３１は、表示デバイスとしてのＬＣＤ３６と操作入力デバイスとしてのタッチパネル３７とを有して構成される。

図３は本実施形態の表示画面設計支援装置に搭載される表示画面設計支援ツールの動作画面を示す図である。パーソナルコンピュータ１０において表示画面設計支援ツール１５が動作したとき、モニタ１２には動作画面として設計画面４１などが表示される。設計画面４１は、表示画面のオブジェクトの配置や色設定等を行うものであり、設計者が各種部品等の配置オブジェクト４２を適宜配置して表示画面の設計を行うものである。設計画面４１の右側には、表示画面に用いる操作部材等の各種のオブジェクト４４が配列されたオブジェクトライブラリ画面４３が表示される。設計者はオブジェクトライブラリ画面４３内のオブジェクト４４を適宜選択して設計画面４１に配置し、オブジェクトの位置、大きさ、色等の設定を行う。

図４は本実施形態の表示画面設計支援ツールの概念的構成を示すブロック図である。表示画面設計支援ツール１５は、各機能を実現する概念的構成として、表示画面設定情報処理部５１、オブジェクトライブラリ５２、色調データ保持部５３、色調抽出部５４、基準色決定部５５、色調判断部５６を有している。

表示画面設定情報処理部５１は、操作部２５の指示操作による操作入力信号等に基づき、オブジェクトの配置、背景、色設定等の情報入力を行い、表示画面の設定に関する各種処理を行う。表示画面の設定完了後、設定情報として表示画面データを出力し、通信インタフェース１８、または図示しないメモリカード等を介してプログラマブル操作表示器３０に転送する。また、表示画面設定情報処理部５１は、上記設計画面４１の表示情報の出力や、後述する色調抽出部５４による色調抽出結果として適当な色調を持つ色選択肢の出力を行い、モニタ１２に設計画面、色選択肢画面等を表示させる。

オブジェクトライブラリ５２は、プログラマブル操作表示器３０の表示画面に用いる各種オブジェクトの情報を有し、上記オブジェクトライブラリ画面４３の表示情報を出力し、モニタ１２にオブジェクトライブラリ画面を表示させる。また、オブジェクトライブラリ５２は、表示画面設定情報処理部５１に対して指定されたオブジェクトの情報を出力する。オブジェクトとしては、スイッチ部品、ランプ部品、キーボード部品、グラフ部品などとともに、文字や画像等のキャラクタ部品を含むものとし、オブジェクトライブラリ５２にはこれらのオブジェクトの形状等のオブジェクト情報が格納される。キャラクタ部品はオブジェクトライブラリ５２とは別に保持していてもよい。そして、表示画面設定情報処理部５１によって、選択されたオブジェクトの配置位置、大きさ、色等のパラメータが設定される。

色調データ保持部５３は、適当な色調の色を抽出可能なように色調によって分類された色調データを保持するものであり、色データベース、色ライブラリなどから構成される。色調データは、各色を色調のカテゴリで分類した色情報を有するもの、あるいは、赤、青、緑等の各色ごとに複数の分類の色調にそれぞれ対応する色情報を有するもの、などが用いられる。

図５は色調データの一例を示す図である。図５の例は、色調のカテゴリで分類した色情報を有する色調データを示したものであり、色調Ａ、色調Ｂ、色調Ｃのそれぞれの色調のカテゴリごとに、赤、青、緑などの各色を示す色情報が格納されている。図示例では、色調Ａ（ライト：light）にはライトレッド、ライトブルー、ライトグリーンなどの明るい色が分類され、色調Ｂ（ペール：pale）にはパステルレッド、パステルブルー、パステルグリーンなどのパステル調の色が分類され、色調Ｃ（ビビッド：vivid）には純赤、純青、純緑などの純色が分類されている。なお、上記のような色調のカテゴリで分類したものに限らず、赤、青、緑等の各色ごとに、純色、明るい色、暗い色、薄い色など、様々な色調の色を分類し定義したものを用いるようにしてもよい。

色調抽出部５４は、色調データ保持部５３の色調データを参照して所定の基準色に基づく適当な色調を抽出する機能を有し、色調抽出結果を表示画面設定情報処理部５１に出力する。この際、基準色決定部５５により決定された所定の基準色に応じて、色調データの中から適切な色調を抽出し、この抽出された色調を持つ色による色選択肢を決定し、この色選択肢の色情報を色調抽出結果として出力する。

基準色決定部５５は、上記の色調抽出部５４による色調抽出を行うための基準色を決定する機能を有する。基準色決定部５５は、操作部２５の指示操作による設定入力、作成中または作成後の表示画面データの色情報などに基づき、色調抽出の基準となる基準色を決定し、表示画面設定情報処理部５１に出力する。これにより、色調抽出部５４において抽出する色調の基準色が設定される。

色調判断部５６は、作成中または作成後の表示画面データを入力し、表示画面内のオブジェクト及び／または背景のそれぞれの設定色の色情報と、色調抽出部５４による色調抽出結果とに基づき、表示画面の色調を判断する機能を有する。色調判断部５６は、色調判断結果として、色調の適合／不適合などを表示画面設定情報処理部５１に出力する。

図６は色調の適合／不適合を説明するための図である。図６（Ａ）は色調が統一されている良いデザインの例を示し、図６（Ｂ）は色調が統一されていない悪いデザインの例を示している。表示画面におけるオブジェクトや背景の色は、表示デバイスに表示させるためのＲＧＢの値で表現される他、色相（Ｈｕｅ）、彩度（Ｓａｔｕｒａｔｉｏｎ）、明度（Ｂｌｉｇｈｔｎｅｓｓ）の値によって表現される。色調とは、明度と彩度を一つにまとめた色の調子のことである。この色相と色調との組み合わせによって、様々な色を表現できる。ここで、明度は白から黒までの明るさを示すものである。彩度は、純色から無彩色（白、灰、黒）までの色の鮮やかさを示すものである。彩度の高い順から、純色、高彩色、中彩色、低彩色、無彩色と呼ばれる。色相は、明度を一定にした色平面における周方向の値を示すもので、赤、青、緑などの色の様相（色味）を示すものである。

図６（Ａ）は、例えば明るい色、薄い色、純色など、複数の色の組み合わせとして全体で色調が近い色を用いた例である。このように色調を統一することにより、ユーザが意図するデザイン、すなわち見栄えが良くみえる良いデザインの表示画面を実現できる。図６（Ｂ）は、例えば鮮やかな色と薄い色を混在して用いるなど、色調が異なる色を用いた例である。このように色調が統一されておらずバランスが崩れている場合は、見栄えが悪くなり、使用者にとって見づらい悪いデザインの表示画面となる。色調が異なってしまう要因としては、画面設計時に新規のオブジェクトを配置して色を設定したり、オブジェクトの色を変更したりする場合に、色調のバランスが全体で崩れることなどが考えられる。本実施形態では、このような色調のバランスの崩れが生じないように、適当な色調の色を抽出して提示することで、設計者による色選択を補う方法を構築する。

本実施形態の表示画面設計支援ツール１５は、色調データ保持部５３において色調によって分類、定義して保持してある色調データを用いて、色調抽出部５４によって所定の基準色に対して適当な色調を抽出する。そして、この色調抽出結果に基づき、表示画面設定情報処理部５１を介して色調が適合する色選択肢を出力してモニタ１２に表示させ、設計者に提示する。設計者は、この色選択肢によって容易に色調が合った適切な色を設定でき、見栄えの良い表示画面を作成可能となる。また、色調判断部５６によって、作成中または作成後の表示画面の色調を判断する。この際、表示画面設定情報処理部５１は、色調判断結果をモニタ１２に表示させて設計者に通知する、あるいは、色調判断結果に応じて表示画面内のオブジェクトや背景の設定色を変更して色調を適合させる、などの処理を行う。

ここで、表示画面設定情報処理部５１は、表示画面に対応する設計画面を出力する設計画面表示出力部、色調抽出部５４によって抽出された色調を持つ色による色選択肢を出力する色選択肢出力部、色選択肢に対応した所定の設定入力に基づいて設計画面における表示画面の色設定を行う表示画面設定処理部、色調判断部による色調判断結果に基づいて表示画面の対象の色調を変更する色調補正処理部、色調判断部による色調判断結果に基づいて対象部分を表示する対象箇所表示処理部の各機能を有している。

（第１の実施形態）
本実施形態に係る表示画面設計支援装置の第１の実施形態として、色調抽出機能の第１例について説明する。表示画面設計支援ツール１５は、表示画面設定情報処理部５１及び色調抽出部５４により、色調データ保持部５３の色調データを用いて所定の基準色に基づく適当な色調の色を抽出し、色選択肢として出力する。表示画面の作成時には、設計者は表示画面データの属性情報としてオブジェクトや背景の色を決定する際に、提示された色選択肢の中から色を選択して設定する。色選択肢の色は、色調抽出部５４より色調データを参照して抽出された色調によって変化する。またこの際、表示画面設定情報処理部５１及び基準色決定部５５により、色相を合わせるための所定の基準色を決定し、色調抽出部５４において基準色に対して適当な色調の色を抽出するようにする。

図７は第１の実施形態における色調抽出処理の手順を示すフローチャートである。基準色決定部５５は、表示画面設定情報処理部５１からの指示により、色調抽出の基準となる基準色を決定する（ステップＳ１１）。ここで、基準色決定部５５は、例えば操作部２５の指示操作による設定入力に基づいて、予め所定の基準色を決定する。設計者は、基準色として、作成する表示画面で主に使用する色を指定したり、表示画面のデザインに合った色調（明るい色、パステル色、純色など）を指定する。なお、以前に作成した表示画面データなどを活用して基準色を決定してもよい。

次に、色調抽出部５４は、表示画面設定情報処理部５１からの指示により、色調データ保持部５３の色調データを参照して色調データから適当な色調を抽出する（ステップＳ１２）。ここで、色調抽出部５４は、上記決定された所定の基準色に応じて、色調データの中から適切な色調を持つ色情報を抽出する。そして、色調抽出部５４は、色調抽出結果として、抽出した色調の色を含む色選択肢を出力する（ステップＳ１３）。表示画面設定情報処理部５１は、色選択肢の情報をモニタ１２に出力し、設計画面上に表示する。

その後、表示画面設定情報処理部５１は、前記色選択肢に対応して行われる操作部２５の指示操作による設定入力に基づき、表示画面データの色設定等の設定処理を行う（ステップＳ１４）。ここで、設計者が色選択肢から任意の色を選択して指示入力することで、表示画面のオブジェクト及び背景の色設定がなされ、表示画面データが作成される。

図８は色設定画面の例を示す図である。図９は色選択肢表示画面の例を示す図である。図３のような設計画面４１においてオブジェクトや背景の色を設定する場合、例えば図８の色設定画面６１を表示し、設計者が色のリストから部品色、背景色を指定して設定する。本実施形態では、色設定を行う際に、例えば色設定画面６１の色選択肢ボタン６３を操作すると、図９に示すように、色調抽出部５４により抽出した色調の色選択肢を示す色選択肢表示画面６２を表示する。この色選択肢表示画面６２には、抽出した適当な色調の色を示す適合色候補のパレットが表示され、この色選択肢の中から色を選択することで、基準色の色調に合った色が設定可能である。

このように、第１の実施形態によれば、基準色に応じて適切な色調の色が抽出されて色選択肢として出力され、設計者は色選択肢から色を選択することで、適切な色調の色を容易に設定でき、色調が統一された良好なデザインの表示画面を作成できる。また、設計者が作りたい色調の色を基準色に設定することで、その色調の範囲内にある色構成で色調バランスの良い表示画面データを作成することができる。

（第２の実施形態）
本実施形態に係る表示画面設計支援装置の第２の実施形態として、色調抽出機能の第２例について説明する。表示画面設計支援ツール１５は、表示画面設定情報処理部５１及び基準色決定部５５により、所定の基準色として、作成中または作成後の表示画面データの色情報から基準色を決定する。これにより、表示画面データの色に応じて色調抽出部５４において抽出する色調の基準色が設定される。

図１０は第２の実施形態における色調抽出処理の手順を示すフローチャートである。基準色決定部５５は、表示画面設定情報処理部５１からの指示により、表示画面データの色情報を入力し、この表示画面データの色に応じて色調抽出の基準となる基準色を決定する（ステップＳ２１）。ここで、基準色決定部５５は、表示画面データにおける１つまたは複数のオブジェクトの色、背景の色、あるいは、オブジェクトと背景を含めた全ての色から、基準となる色を決定する。なお、設計者が表示画面内の対象となるオブジェクトや背景を指定する操作入力を行い、指定されたオブジェクトや背景の色から基準色を決定してもよい。基準色の決定において、配置されたオブジェクトが画面全体に占める面積なども考慮して、基準色を決定するようにしてもよい。この場合、オブジェクトの配置に応じた適切な基準色の設定が可能である。

そして、色調抽出部５４は、表示画面設定情報処理部５１からの指示により、色調データ保持部５３の色調データを参照して色調データから適当な色調を抽出する（ステップＳ２２）。ここで、色調抽出部５４は、上記表示画面データに基づき決定された所定の基準色に応じて、色調データの中から適切な色調を持つ色情報を抽出する。そして、色調抽出部５４は、色調抽出結果として、抽出した色調の色を含む色選択肢を出力する（ステップＳ２３）。表示画面設定情報処理部５１は、色選択肢の情報をモニタ１２に出力し、設計画面上に表示する。その後、表示画面設定情報処理部５１は、前記色選択肢に対応して行われる操作部２５の指示操作による設定入力に基づき、表示画面データの色設定等の設定処理を行う（ステップＳ２４）。

このように、第２の実施形態によれば、表示画面データの色に応じて決定された基準色によって適切な色調の色が抽出されて色選択肢として出力される。設計者は色選択肢から色を選択することで、表示画面データを作成しながら現在の画面の色設定に合った適切な色調の色を設定でき、色調が統一された良好なデザインの表示画面を作成できる。また、作成中の表示画面データから色調を決定することで、その色調の範囲内にある色構成で色調バランスの良い表示画面データを作成することができる。

（第３の実施形態）
本実施形態に係る表示画面設計支援装置の第３の実施形態として、色調抽出機能の第３例について説明する。表示画面設計支援ツール１５は、表示画面設定情報処理部５１及び色調抽出部５４により、色調データ保持部５３の色調データから所定の基準色に基づく適当な色調の色調グループを抽出し、対応する色選択肢のグループを出力する。この場合、色調データ保持部５３は、色調の分類ごとにまとめられた色調データ群による色調グループを、それぞれ色調ライブラリとして保持しておく。色調抽出部５４は、分類ごとに括られた色調グループを複数抽出し、これらの色調グループに対応する色選択肢グループを表示画面設定情報処理部５１を介して出力することで、色調ライブラリを表示させる。設計者は、提示された色選択肢グループの中から所望の分類の色調を選択し、その対応する色選択肢から色を選択することで、適切な色調の色を設定可能となる。

図１１は第３の実施形態における色調抽出処理の手順を示すフローチャートである。色調抽出部５４は、表示画面設定情報処理部５１からの指示により、色調データ保持部５３の色調データを参照して適当な色調の分類の色調グループを抽出する（ステップＳ３１）。ここで、操作部２５の指示操作による設定入力などによって、色調抽出部５４により抽出する色調グループの数、主な色調の傾向などを設定してもよい。そして、色調抽出部５４は、色調抽出結果として、抽出した分類の色調グループごとに、色選択肢のグループを出力する（ステップＳ３２）。表示画面設定情報処理部５１は、色選択肢グループの情報をモニタ１２に出力し、色調ライブラリとして設計画面上に表示する。その後、表示画面設定情報処理部５１は、前記色選択肢に対応して行われる操作部２５の指示操作による設定入力に基づき、表示画面データの色設定等の設定処理を行う（ステップＳ３３）。

このように、第３の実施形態によれば、色調の分類ごとにまとめられた色調グループが適宜抽出されて色選択肢グループとして出力され、設計者は色調を意識した色選択肢グループから所望の分類の色調を選択し、その色調の色選択肢から色を選択することで、適切な色調の色を容易に設定できる。この場合、設計者は色調に合わせた色を選択しやすくなり、作業性が向上する。なお、前述した第１の実施形態における基準色の設定の際に、この第３の実施形態の色調グループを提示して予め所望の色調の分類を選択することも可能である。

（第４の実施形態）
本実施形態に係る表示画面設計支援装置の第４の実施形態として、色調判断機能の第１例について説明する。表示画面設計支援ツール１５は、表示画面設定情報処理部５１及び色調抽出部５４により、作成中または作成後の表示画面データに応じて、色調データ保持部５３の色調データを用いて適当な色調の色を抽出する。そして、色調判断部５６は、表示画面データにおけるオブジェクトや背景の設定色の色情報と、色調抽出部５４による色調抽出結果とを参照し、表示画面の色調を判断する。表示画面設定情報処理部５１は、色調判断部５６による色調判断結果に基づき、色調が不適合の場合に対象のオブジェクトや背景の色を変更し、適切な色調の色に補正する。

図１２は第４の実施形態における色調判断処理の手順を示すフローチャートである。表示画面設定情報処理部５１は、操作部２５の指示操作による設定入力に基づき、表示画面データの設定処理を行う（ステップＳ４１）。ここで、設計者が指示入力することで、表示画面のオブジェクト及び背景の色設定がなされ、表示画面データが作成される。色調抽出部５４は、表示画面設定情報処理部５１からの指示により、色調データ保持部５３の色調データを参照して表示画面データに応じた適当な色調を抽出する（ステップＳ４２）。ここで、色調抽出部５４は、表示画面データのオブジェクトや背景の色に応じて、色調データの中から適切な色調を持つ色情報を抽出する。

そして、色調判断部５６は、表示画面内のオブジェクトや背景に設定された色と、色調抽出部５４による色調抽出結果とに基づき、表示画面の色調を判断する（ステップＳ４３）。ここで、表示画面データの色が抽出された色調と適合し、色調判断がＯＫの場合は、特に処理を行わずに終了する。また、表示画面データの色が抽出された色調と適合せず、色調判断がＮＧの場合は、表示画面設定情報処理部５１は、表示画面データにおいて色調不適合のオブジェクトや背景を抽出し、その対象の色を変更する色調補正処理を行う（ステップＳ４４）。この際、表示画面設定情報処理部５１は、対象のオブジェクトや背景の色を抽出された色調に合った色に変更する。

このように、第４の実施形態によれば、表示画面データの色調を判断し、色調が不適合な場合に対象の色を適当な色調に変更することで、自動的に色調が合った色に補正され、色調が統一された良好なデザインの表示画面を作成できる。

（第５の実施形態）
本実施形態に係る表示画面設計支援装置の第５の実施形態として、色調判断機能の第２例について説明する。表示画面設計支援ツール１５は、表示画面設定情報処理部５１及び色調抽出部５４により、作成中または作成後の表示画面データに応じて、色調データ保持部５３の色調データを用いて適当な色調の色を抽出する。そして、色調判断部５６は、表示画面データのオブジェクトや背景の設定色と、色調抽出部５４による色調抽出結果とに基づいて、表示画面の色調を判断する。表示画面設定情報処理部５１は、色調判断部５６による色調判断結果に基づき、色調が不適合の場合に対象部分の表示を行う。

図１３は第５の実施形態における色調判断処理の手順を示すフローチャートである。表示画面設定情報処理部５１は、操作部２５の指示操作による設定入力に基づき、表示画面データの設定処理を行う（ステップＳ５１）。色調抽出部５４は、表示画面設定情報処理部５１からの指示により、色調データ保持部５３の色調データを参照して表示画面データに応じた適当な色調を抽出する（ステップＳ５２）。そして、色調判断部５６は、表示画面内のオブジェクトや背景に設定された色と、色調抽出部５４による色調抽出結果とに基づき、表示画面の色調を判断する（ステップＳ５３）。ここで、表示画面データの色が抽出された色調と適合し、色調判断がＯＫの場合は、特に処理を行わずに終了する。

また、ステップＳ５３で表示画面データの色が抽出された色調と適合せず、色調判断がＮＧの場合は、表示画面設定情報処理部５１は、表示画面データにおいて色調不適合のオブジェクトや背景を抽出し、その対象部分を表示する色調補正の対象箇所表示処理を行う（ステップＳ５４）。ここで、表示画面設定情報処理部５１は、設計画面において色調が外れている対象のオブジェクトや背景を示すための色調不適合の表示を行う。

図１４は色調不適合の表示画面の例を示す図である。表示画面データの色調判断の結果、ランプ部品やボタン部品などのオブジェクトの色調が合っていない場合、設計画面４１において、対象オブジェクトに対して色調不適合表示７２が表示される。なお、色調不適合表示７２の詳細ボタンを選択した場合に詳細画面において色調の詳細情報を表示することも可能である。また、図８に示した色設定画面などにおいて色調チェックボタンを設け、色調チェックボタンの操作により設計者が選択した色や自身で作成した色に関する色調判断を実行可能とし、色調判断結果を画面表示することもできる。

このように、第５の実施形態によれば、表示画面データの色調を判断し、色調が不適合な場合に対象部分を表示することで、色調補正候補となる箇所を知らせることができる。設計者は、色調補正候補を容易に認識でき、その対象部分を適切な色調に補正することで色調が統一された良好なデザインの表示画面を作成できる。

なお、本発明は、本発明の趣旨ならびに範囲を逸脱することなく、明細書の記載、並びに周知の技術に基づいて、当業者が様々な変更、応用することも本発明の予定するところであり、保護を求める範囲に含まれる。

１０ パーソナルコンピュータ（ＰＣ）
１１ コンピュータ本体
１２ モニタ
１３ ＣＰＵ
１４ メモリ
１５ 表示画面設計支援ツール
１６ 情報格納部
１７ 表示インタフェース
１８ 通信インタフェース
１９ 操作インタフェース
２０ 通信ケーブル
２５ 操作部
３０ プログラマブル操作表示器
３１ 表示部
３２ システムメモリ
３３ 制御部
３４ 通信部
３５ 設定記憶メモリ
３６ ＬＣＤ
３７ タッチパネル
４１ 設計画面
４２ 配置オブジェクト
４３ オブジェクトライブラリ画面
４４ オブジェクト
５１ 表示画面設定情報処理部
５２ オブジェクトライブラリ
５３ 色調データ保持部
５４ 色調抽出部
５５ 基準色決定部
５６ 色調判断部
６１ 色設定画面
６２ 色選択肢表示画面
６３ 色選択肢ボタン
７２ 色調不適合表示

Claims (7)

1. 表示装置における表示画面の設計に用いる表示画面設計支援装置であって、
   前記表示画面に対応する設計画面を出力する設計画面表示出力部と、
   前記表示画面に用いる色を色調によって分類した色調データを保持する色調データ保持部と、
   前記色調データを参照して所定の基準色に基づく適当な色調を抽出する色調抽出部と、
   前記色調抽出を行うための基準色を決定する基準色決定部と、
   前記抽出された色調を持つ色による色選択肢を出力する色選択肢出力部と、
   前記色選択肢に対応した所定の設定入力に基づいて前記設計画面における表示画面の色設定を行う表示画面設定処理部と、
   を備える表示画面設計支援装置。
2. 請求項１に記載の表示画面設計支援装置であって、
   前記基準色決定部は、作成中または作成後の表示画面の設定に関する表示画面データを入力し、この表示画面データの色情報に基づいて基準色を決定するものであり、
   前記色調抽出部は、前記基準色決定部において表示画面データの色から決定された基準色に応じて適当な色調を抽出する表示画面設計支援装置。
3. 請求項１に記載の表示画面設計支援装置であって、
   前記基準色決定部は、所定の設定入力に基づいて基準色を決定するものであり、
   前記色調抽出部は、前記基準色決定部により予め決定された基準色に応じて適当な色調を抽出する表示画面設計支援装置。
4. 請求項１に記載の表示画面設計支援装置であって、
   前記色調データ保持部は、色調の分類ごとにまとめられた色調データ群による色調グループを保持しており、
   前記色調抽出部は、前記色調データから適当な色調を持つ色調グループを複数抽出し、
   前記色選択肢出力部は、前記抽出された色調グループに対応する色選択肢グループを出力する表示画面設計支援装置。
5. 表示装置における表示画面の設計に用いる表示画面設計支援装置であって、
   前記表示画面に対応する設計画面を出力する設計画面表示出力部と、
   前記表示画面に用いる色を色調によって分類した色調データを保持する色調データ保持部と、
   作成中または作成後の表示画面の設定に関する表示画面データの色情報に基づき、前記色調データを参照して適当な色調を抽出する色調抽出部と、
   前記表示画面データにおけるそれぞれの色情報と前記色調抽出部による色調抽出結果とを参照し、表示画面の色調を判断する色調判断部と、
   前記色調判断部による色調判断結果に基づいて、色調が不適合の場合に前記設計画面における表示画面の対象の色調を変更する色調補正処理部と、
   を備える表示画面設計支援装置。
6. 表示装置における表示画面の設計に用いる表示画面設計支援装置であって、
   前記表示画面に対応する設計画面を出力する設計画面表示出力部と、
   前記表示画面に用いる色を色調によって分類した色調データを保持する色調データ保持部と、
   作成中または作成後の表示画面の設定に関する表示画面データの色情報に基づき、前記色調データを参照して適当な色調を抽出する色調抽出部と、
   前記表示画面データにおけるそれぞれの色情報と前記色調抽出部による色調抽出結果とを参照し、表示画面の色調を判断する色調判断部と、
   前記色調判断部による色調判断結果に基づいて、色調が不適合の場合に前記設計画面において対象部分を表示する対象箇所表示処理部と、
   を備える表示画面設計支援装置。
7. コンピュータに、請求項１〜６のいずれかに記載の表示画面設計支援装置の各部の機能を実現させるためのプログラム。

Images