JP3053160B2 - 図形の複数領域一括配色方法 - Google Patents

Description

【発明の詳細な説明】

【０００１】

【産業上の利用分野】本発明は、文字や図面を表示する
表示装置の図形配色方法に関する。

【０００２】

【従来の技術】従来の表示装置では、複数の領域で構成
された図形に配色を施す場合、各領域に対して所望する
色を逐一指定する必要があった。

【０００３】例えば図１のような積み重ね棒グラフに配
色を施す場合を考える。ここでは１１１，１１２，１１
３に示されるの３つの領域に赤を指定し、１２１，１２
２，１２３に示される３つの領域には青、１３１，１３
２，１３３に示される３つの領域には緑を配色するもの
とする。

【０００４】従来の方法は、まず１１１に示される領域
に赤を指定することによって赤に塗らしめ、次に領域１
１２に同じく赤を指定して塗らしめ、以下同じく１１３
に赤、次に１２１に示される領域に青…というように、
合計９つの領域に色を逐一指定し、指定した色に塗らし
めることによって、配色を施すものであった。

【０００５】ただし、共通の色を施す領域同士をリンク
させて１つの領域として見做すことにより、色指定の回
数を低減することは可能である。図１の例で言えば、１
１１，１１２，１１３の３つの領域を１つの領域として
見做し、そこに赤を指定することで、一括して３つの領
域に配色を施すことができる。このように領域を組み合
わせることによって、図１の例で言えば合計３回の操作
で９つの領域すべてを配色することは可能である。

【０００６】

【発明が解決しようとする課題】しかしこのような従来
の方法では、依然として配色する領域の数だけ色指定操
作を行わなければならなかった。

【０００７】しかし、中には色そのものにはこだわら
ず、領域同士を単に識別するという目的で配色を施すこ
とがある。例えばグラフ作成時などはその典型的な例で
あり、その場合は要素同士を色分けすることが配色の主
目的となる。特に構成要素の数が多いときなどは、色指
定の回数も勢い多くなり、操作が煩わしいという難点が
あった。

【０００８】また、色合いの規則的な変化による視覚的
効果をねらった配色方法、例えばグラデーション表現を
領域間で施したい場合がある。

【０００９】グラデーション表現とは、色の濃度，明る
さ、または一定面積における割合などをある規則性をも
って調節し、段階的に並べることによって色の濃淡，明
暗，色相の違いによる視覚的効果を与えるものである。

【００１０】例えば図１の領域１３１，１３２，１３３
を赤色にし、領域１２１，１２２，１２３をその半分の
赤（単位面積当たりの赤ドット数が半分で残り半分は白
ドットの状態を示す），領域１１１，１１２，１１３を
そのまた半分の赤にするようなものである。

【００１１】このような場合でも、従来の方法では、領
域の数だけ規則性を考慮しながら色を指定しなければな
らなかった。

【００１２】本発明は、以上のような従来の色指定操作
の煩わしさを低減するべく、対象図面の複数の領域を一
括操作で配色する方法を提供することを目的とするもの
である。

【００１３】

【課題を解決するための手段】上記目的は、図形などを
表示する表示手段を備えた情報処理装置において、色の
標本を並べて表示手段に表示し、表示された前記色標本
から一括して複数の色を選択し、選択された色を図形の
線分によって囲まれた複数の領域に塗らしめることで解
決できる。

【００１４】

【作用】前記色標本から複数の色を一括して選択するこ
とによって、領域の数に関わらず、少ない操作ステップ
で配色すべき対象に配色を施すことができる。

【００１５】

【実施例】本発明による実施例を図を用いて以下に説明
する。

【００１６】はじめに情報処理装置の構成例を図２を用
いて説明する。

【００１７】この構成例は、図形や文字などを表示する
ディスプレイ２１，文字入力および機能指示を行うキー
ボード２２，ディスプレイ２１上の座標指定を行うマウ
ス２３，制御手順が記述されたプログラムおよび図形や
文字などのデータを数値化して記憶する記憶装置２４、
そして上記装置を制御する制御処理装置２５を備える。

【００１８】制御装置２５は記憶装置２４に格納されて
いるプログラムの制御手順に従い、キーボード２２やマ
ウス２３を介して使用者の指示を受け、記憶装置２４に
データを格納したり取り出したりしながら、使用者の指
示に従った処理を行い、結果をディスプレイ２１を介し
て使用者に伝えるものである。

【００１９】次に識別番号付与機能の例を説明する。

【００２０】この識別番号付与機能は、色分けする領域
を各々指定できるように、各領域に対して識別番号を付
与するものである。

【００２１】図１の例で言えば、ここには線分に囲まれ
た領域が９つ存在するが、領域111，１１２，１１３は
同色に塗ることが要求されるので、以上の３つの領域に
識別番号１を付与する。同じく領域１２１，１２２，１
２３には識別番号２を、領域１３１，１３２，１３３に
は識別番号３を付与する。

【００２２】実際の方法としては、ディスプレイ２１上
にグラフを構成する線分がすでに描かれているものとす
れば、まず使用者は識別番号付与機能の起動を制御装置
２５に要求する。要求された制御装置２５は手続を開始
し、識別番号１の領域を指示するよう使用者に要求す
る。使用者は領域１１１に含まれる任意の一点を図２の
マウス２３で指示し、制御装置２５は指示された点の座
標を記憶装置２４に格納する。同じく領域１１２，領域
１１３に含まれる任意の一点を指定し記憶させた後、使
用者は識別番号１の領域指定操作終了を制御装置２５に
伝える。

【００２３】次に制御装置２５は識別番号２の領域を指
示するように使用者に要求し、以下識別番号１と同様に
領域に含まれる任意の座標を指定し、制御装置２５はそ
れらを記憶装置２４に記憶する。

【００２４】配色したいすべての領域に識別番号を付与
したら、使用者は識別番号付与手続の終了を制御装置２
５に要求し、識別番号付与手続を終了する。

【００２５】以上のようにして、記憶装置２４には識別
番号ごとに、その識別番号が付与された座標が記憶され
る。

【００２６】ここでは領域を示すデータとして領域内の
任意の座標を用いたが、この他にも領域を一意に示すこ
とができるもので代用しても良い。例えば図形の内部領
域を示す場合には、図形番号，図形の始点・終点などの
ように、図形の属性でありしかも他の領域と識別できる
パラメーターをデータとして用いても同様の結果が得ら
れる。

【００２７】また、図１はグラフの例であるが、一般的
にグラフ作成は入力した数値データから自動的に画面上
に棒グラフ，線グラフなどを展開する場合が多い。

【００２８】このようなものでは、グラフが表示された
後において領域にあらためて識別番号を付加しなくて
も、数値データの段階で１つの範疇に含まれる要素（こ
の例で領域１１１，１１２，１１３は「ワープロ」とい
う１つの範疇に含まれている）に自動的に識別番号を付
与する手段を設けても良い。つまりグラフを作成した時
点において、領域１１１,１１２,１１３には識別番号１
が、領域１２１，１２２，１２３には識別番号２がすで
に付与されているものである。

【００２９】いずれにせよ、後述する色指定段階におい
て、既に領域に識別番号が付与されていれば良い。

【００３０】次に色標本の表示例と、色標本から色を選
択する方法例を説明する。

【００３１】表示画面上で色を表現する際には、赤（Re
d），緑（Green），青（Blue）の光の３原色を単位当た
りに組み合わせて様々な色相を表現し、また各原色の明
るさを調節することによって、より複雑な中間色を表現
することが可能である。

【００３２】このように表現された様々な色標本を並べ
たものを、ここではパレットと呼ぶことにする。

【００３３】パレットの形状と色の配置は基本的に任意
である。パレットを編集する手段を用意し、使用者自身
が使いやすいようにパレットを配置することも可能であ
る。ここではグラデーション表現を行うパレットと、パ
レット上の色の選択方法を図３を用いて述べる。この例
では色標本を格子状に配置するものとする。

【００３４】このパレットの横軸方向には、例えば赤の
ドットしか用いない色標本に緑のドットの割合を段階的
に増やした色（単位面積当たりの赤ドット数を減らして
緑のドット数を増やすことを示す）を順次並べる。これ
で純粋な赤の列から横方向へゆくに従い段々赤みが無く
なり、赤と緑の中間色である黄色の列となり、その後純
粋な緑の列となる。

【００３５】以下同じように緑の列から青の割合を段階
的に増やし、純粋な青の列になったら次に赤の割合を増
やす。赤になる直前まで列を設ければ、白や黒、そして
その中間色である灰色を除いた、ＲＧＢによる一通りの
色相が表現できる。

【００３６】また、パレットの縦軸方向には、同じ色相
の中で明るさを段階的に調節し、例えば上から順に暗く
なるよう色を配置する。

【００３７】これで横方向には色相のグラデーション、
縦方向には明るさのグラデーションを表現したパレット
が得られる。

【００３８】また色相を円周方向に配置し、明るさを遠
心方向に配置すれば、図６の６１で示される円チャート
型のパレットを得ることも可能である。

【００３９】図３で用いる色標本の選択方法としては、
図３のカーソル３２のような選択手段を用いることが相
応しい。

【００４０】このカーソル３２は、パレット内を色標本
単位に自由に移動可能であり、識別番号の数だけ色標本
を選択できる形状を持っている。カーソル３２は識別番
号数が３の場合の例であり、色標本確定手段３５をマウ
スで指示することにより、その時点でカーソル３２が示
している３つの色標本３３１，３３２，３３３を一括し
て指定することができる。

【００４１】このような形状のカーソルを用いることに
より、複数の色を一括して指定することが可能である。

【００４２】また図３のように格子型のパレットの場合
はカーソル３２のような矩形のカーソルを用いる必要が
あるが、図６のように円チャート６１の場合には、カー
ソル６２，６３，６４のように、パレットの形状に合わ
せたカーソルを用いることで同様の結果が得られる。

【００４３】さらに図３において、カーソル方向変更手
段３６をマウスなどで指示することによって、図５のよ
うに縦長カーソル５１、横長カーソル５２というよう
に、取得する色標本の方向性を変化させる手段を設け
る。

【００４４】図３のパレット３１で図５に示す縦長カー
ソル５１を用いれば、同じ色相のなかで明るさが微妙に
暗くなる３つの色標本を選択することができる。また横
長カーソルを用いれば、同じ明るさで色相が微妙に変化
する３つの色標本を得ることができる。

【００４５】さらにこのカーソルは図３の長さ変更手段
３８（横長カーソルの時は長さ変更手段３９）によって
図４のように長さを変化させる。

【００４６】識別番号の数が３の場合、初期設定ではカ
ーソル４１のような形状である。このときカーソル４１
は、上から下または下から上に色標本４１１,４１２,４
１３の３色を順に指定する。図３のパレット３１でこれ
を用いれば、色相または明るさに微妙な違いを持つ３つ
の色標本が選択できる。

【００４７】図３のカーソル長さ変更手段３７をマウス
などで指示すれば、カーソル４２やカーソル４３のよう
にカーソルの長さを変化させることができる。このとき
カーソル４２は、そのときのカーソル位置において４２
１，４２２，４２３に示される位置に存在する３つの色
標本を指定することができ、同じくカーソル４３では、
４３１，４３２，４３３に示される色標本を指定するこ
とができる。

【００４８】図３のパレット３１においてこれらのカー
ソルを用いれば、カーソル４１に比べダイナミックな色
相変化または明度変化を持つ３つの色標本を指定するこ
とができる。

【００４９】また、横長カーソルを最大限に長くしたも
のは、識別する領域の数が多い場合に有効である。なぜ
ならば、識別すべき領域の数が多ければ、それだけダイ
ナミックに領域同士の色相変化を付けたほうが識別しや
すく、しかもこのカーソルを用いれば１回の選択操作で
済み、従来のように領域数だけ色指定をする手間を省く
ことができる。

【００５０】さらにこのカーソルは、選択した複数の色
標本に順序付けを行う。

【００５１】図３のカーソル３２は、初期状態では色標
本３３１，３３２，３３３と上から順に順序付けを行う
ものである。この順序付けは順序指定手段３８をマウス
で指定することで下から上、つまり色標本３３３，３３
２，３３１の順序に変更可能である。

【００５２】この順序付けは、色と領域を１対１に対応
付けるためのものである。選択した複数の色が複数の領
域にランダムに配色されれば良いのならば、領域に識別
番号を付与することも、色標本に順序を付けることも不
要である。

【００５３】一方、１対１の対応付けをし、どの領域に
どの色標本が配色されるかを把握しながらパレット上の
色見本を選択する場合は、これら２つの手続が必要不可
欠にある。

【００５４】次に、図３のパレット３１とカーソル３２
を用いて図１のグラフを配色する手続について説明す
る。

【００５５】その前の段階として、ディスプレイにはグ
ラフを構成する線分が表示されており、識別番号付与手
段によって領域１１１，１１２，１１３に識別番号１が
付与され、領域１２１，１２２，１２３には識別番号２
が、領域１３１，１３２，１３３には識別番号３が付与
されているものとする。

【００５６】配色する段階で使用者はパレットを画面に
表示させる。そのときパレット上には、初期設定とし
て、識別番号の数だけ、つまり３つの色標本を指定でき
る大きさのカーソルが図３の３２の如く存在している。

【００５７】しかしこのカーソルで選択されている３つ
の色標本は、明るさが微妙に異なる同色相であるから、
棒グラフの領域を明確に見分けるという目的には不向き
である。その目的を達成するためには、３つの色標本を
ダイナミックに違う色相で、しかも最大限の明度で選択
するのが効果的である。

【００５８】そこで使用者は、カーソル方向変更手段３
６をマウスで指示することでカーソルを横向きに替え、
カーソル長さ変更手段３７を指示することでカーソルを
長くし、またキーボード上のカーソルキーなどでカーソ
ルの位置を移動することで３４に示されるところへカー
ソルを持って行く。このカーソル３４で指示されている
色標本は３４１，３４２，３４３の３つである。

【００５９】使用者がこの３つの色標本で満足すれば、
最後に順序指定手段３９のどちらかを指示して３つの色
標本の順序を決定する。仮に使用者が右方向の矢印を選
択したことにすれば、色標本３４１，３４２，３４３の
順に順序が指示されたことになる。

【００６０】これで３つの領域の色標本およびその順序
が指示されたことになる。

【００６１】使用者が色標本確定手段３５を指示すれ
ば、制御手段は識別番号１の領域111，１１２，１１３
に、順序が一番先である色標本３４１を塗り、次に識別
番号２の領域１２１，１２２，１２３に次の色標本３４
２を塗り、最後に識別番号３の領域１３１，１３２，１
３３に最後の色標本３４３を塗ることで配色処理を終了
する。

【００６２】最後に、本実施例ではＲＧＢの要素を全て
を用いたグラデーション表現を行うためのパレットを用
いたが、その他の表現を目的としたパレット、例えば淡
い色を集めたパステル調のパレットや、赤が比較的前面
に表現されている色を集めた暖色調のパレット、青が前
面に表れている寒色調のパレット、黒から灰色，灰色か
ら白へと段階的に表現されたモノクロパレットなどを用
いても本実施例の操作を適用することは可能である。

【００６３】

【発明の効果】本発明によれば、複数領域の配色操作が
容易になり、領域ごとに色を指定するという従来の操作
ステップを低減できる。特に領域数が多い場合や、領域
間に規則性を持たせて配色する場合において、簡便な色
指定操作環境を提供することができる。

【図面の簡単な説明】

【図１】本発明の配色対象例である積み重ね棒グラフを
示す図。

【図２】本発明の一実施例になる情報処理装置の構成
図。

【図３】本発明の一実施例になる色標本および色指定カ
ーソルを示す図。

【図４】本発明の一実施例になる色指定カーソルの形状
変更結果を示す図。

【図５】本発明の一実施例になる縦カーソルと横カーソ
ルを示す図。

【図６】本発明の一実施例になる円形色チャートと色指
定カーソルを示す図。

【符号の説明】

３１…色標本、３２，４１，４２，４３…色指定カーソ
ル、５１…縦カーソル、５２…横カーソル。

───────────────────────────────────────────────────── フロントページの続き (72)発明者 吉田 信敏 東京都足立区中川五丁目１番34号 株式 会社 日立製作所 生活ソフト開発セン ター内 (72)発明者 川上 洋一 茨城県日立市東多賀町一丁目１番１号 日立多賀エンジニアリング株式会社内 (72)発明者 山本 剛司 茨城県日立市東多賀町一丁目１番１号 日立多賀エンジニアリング株式会社内 (58)調査した分野(Int.Cl.⁷，ＤＢ名) G06T 1/00 G06T 11/00 - 11/80 G09G 5/00 - 5/40

Claims (4)

(57)【特許請求の範囲】
1. 【請求項１】図形などを表示する表示手段を備えた情報
   処理装置において、 複数の色の標本を表示手段に表示し、 表示された前記色標本から一括して複数の色を選択し、 選択された色を図形の線分によって囲まれた複数の領域
   に塗らしめる図形の複数領域一括配色方法。
2. 【請求項２】図形などを表示する表示手段を備えた情報
   処理装置において、 前記表示手段に表示された図形の線分によって囲まれた
   配色すべき領域に識別番号を付与した後、 複数の色の標本を前記表示手段に表示し、 表示された前記色標本から付与した識別番号の個数分だ
   け一括して色を選択し、 選択した色に順序付けをした後、その順序に従って、選
   択された色を識別番号順に各領域に塗らしめる図形の複
   数領域一括配色方法。
3. 【請求項３】図形などを表示する表示手段を備えた情報
   処理装置において、 前記表示手段に表示された図形の線分によって囲まれた
   配色すべき領域に識別番号を付与した後、 複数の色の標本を格子状に前記表示手段に表示し、 矩形状のカーソルを用いて表示された前記色標本から付
   与した識別番号の個数分だけ一括して色を選択し、 選択した色に順序付けをした後、色の順序に従い、選択
   された色を識別番号順に各領域に塗らしめる図形複数領
   域の一括配色方法。
4. 【請求項４】図形などを表示する表示手段を備えた情報
   処理装置において、 前記表示手段に表示された図形の線分によって囲まれた
   配色すべき領域に識別番号を付与した後、 複数の色の標本を格子状に前記表示手段に表示し、 矩形状で方向および長さを変更できるカーソルを用いて
   表示された前記色標本から付与した識別番号の個数分だ
   け一括して色を選択し、 選択した色に順序付けをした後、色の順序に従い、選択
   された色を識別番号順に各領域に塗らしめる図形複数領
   域の一括配色方法。