JP2008146227A - 編集装置および編集方法および編集プログラム - Google Patents

Abstract

【課題】 デザイン編集処理において、グラフィックデザイン知識が十分ではない一般ユーザが作成したデザインでは、デザイン的に好ましいものにならない場合が多かった。特にデザインテンプレートを用いてもユーザが独自の写真を配置した際、そのままでは写真とその他のオブジェクトの色との親和性が低減し結果として全体の配色が崩れることが多かった。
【解決手段】 ページデザインに実際に配置されている構成要素上の色から、デザインルールに基づいた適用色生成を自動で行い、それを当該ページデザイン上の構成要素に対して自動で配色を行い、また、それらの配色候補を表示する手段を持つ。
【選択図】 図１

Description

本発明は、記憶装置上のテキストデータや画像データをディスプレイへ表示する編集装置および編集方法および編集プログラムに関する。

これまで、ポスターやカタログ、プレゼンテーションデータ、はがき、チラシ・広告等のページデザインを作成するための、パーソナルコンピュータ上で動作する様々なアプリケーションソフトウェアがリリースされている。これらページデザインを作成するソフトウェアには、従来より広く知られているＤＴＰ（デスクトップパブリッシング）の機能が盛り込まれている。つまり、画像や文字、クリップアートといったページデザイン構成要素の配置編集や、画像や文字に対する影付きや装飾効果といった機能のほか、プリンタへの出力を行う印刷機能が備えられている。

ページデザインアプリケーションは、プロのグラフィックデザイナが利用する高価かつ高機能なアプリケーションと、簡単操作・処理を謳う比較的安価な一般向けアプリケーションとに二分することができる。前者については、グラフィックデザイナの意図がより多くより正確に反映されるよう操作性よりも機能の幅や種類が重要視される傾向にあり、一般のユーザにとっては学習する時間も必要となり敷居の高い製品となっている。一方、後者については、パーソナルコンピュータ上のＯＳ（オペレーティングシステム）、ワードプロセッサ、スプレッドシートといったオフィスアプリケーションがある程度操作できるユーザも対象とされている。そのため、当該ページデザインを印刷するまでの操作が簡略化され、また、編集操作のみならず印刷設定に至るまでの作成フローをガイドする製品が存在している。

当該一般向けアプリケーションにおいては、簡単操作で高品質なページデザインを実現させる目的で、予めデザインされたデザインテンプレート（雛型）やクリップアート、写真といった、ページデザインを効率よく制作するための素材を備えていることが多い。ユーザは、目的とするページデザインの完成形のイメージに近いデザインテンプレートを選択し、適時写真の入れ替えやテキスト編集、他の素材追加や装飾効果適用などの編集によって、ページデザインを完成させる手順を踏む。レイアウトデザイン・カラーデザイン知識を十分に習得していない一般のユーザにとっては、まったくの白紙の状態から所望するページデザインを作成するまでには多大な時間を要し、また、作成されたものが常にデザイン的に好ましい結果になるとは限らない。ここで言うデザイン的に好ましいページデザインとは、当該ページデザインの読者・観察者に対して、正確な内容伝達がされ、読み易さが確保され、可能であれば強い印象づけが満足されている状態をいう。こういった状態のページデザインを作成するには、レイアウトや配色といった基本的なデザイン知識、ノウハウが必要となる。

昨今、ページデザイン作成作業において、予め提供されているデザインテンプレートのなかから所望のデザインを選択し編集作業を完成させる手法が定着している。このような手法に加えて、ページデザイン読者、観察者に与える印象となるデザインイメージを指定することで、ページデザインのレイアウトや配色のバリエーションを生成し、それらの中で所望のイメージに近いものを選択させる技術が開示されている。

特許文献１では、写真や絵画、ポスター等完成したデザインを持つサンプルとそのサンプルで特徴的に用いられている色と配色対象をペアにしてデータベース化し、当該データベース上のサンプルに基づいたページデザイン全体を配色する技術が開示されている。これにより、当該サンプルの配色に近い、一貫したセンスのよい配色のページデザインを作成できるとしている。また、当該データベース上にない、別のサンプルを読み込み当該サンプル上の色と配色対象を抽出して、当該抽出色と配色先に基づいて配色を行うことも可能としている。

特許文献２では、配色によるページデザインの印象を決定する配色イメージをユーザが選択することで、当該イメージが持つ最重要色を決定し当該最重要色にマッチする他の色を生成し組み合せて、ページデザインを配色する技術が開示されている。このために、ユーザが選択する配色イメージを格納するデータベースを持つ。これにより、作成するページデザインの印象を、ユーザが所望するものに容易に近づけることができるとしている。

また、近年、ユーザが指定したページ構成要素や目的、条件を基に、動的にページデザインを生成するアプリケーションソフトウェアがリリースされている。当該アプリケーションにおいては、当該ページデザイン上で利用する画像やクリップアート、文章、ページの向きを入力することで動的に数百のページデザインを生成し、ユーザに選択させる手段を提供している。当該生成ページデザインは、横軸に背景デザインの有無、縦軸に主題の大小とした二次元座標上にサムネール表示される。この表示方法によって、ユーザ自身が所望のデザインを選択する際に、生成デザイン群の中でどの位置のものがどういったデザインであるのかをイメージしやすくなっている。加えて、選択したページデザインに対して、ページデザインの印象を示す配色イメージを選択することができる。この配色技術の背景として、各配色イメージ毎にカラーパレットとそのカラーパレット上の色を用いた複数の組み合せ（カラーバリエーション）が定義されている。ユーザは、選択した配色イメージおよび当該選択配色イメージに属するカラーバリエーションを選択することになる。これらの技術により、ユーザによるページデザイン制作作業を総合的に支援している。
特開平０７−０９３５０７号公報 特開平０７−３０６９３５号公報

従来より、多くのページデザインアプリケーションでは、デザインテンプレートが提供され、ユーザは当該デザインテンプレート群から所望のイメージに近いものを選択し、適時画像や文字の置換や追加を行う操作が行われてきた。しかし、デザインテンプレートはすでに完成された配色となっており、デザイン知識が十分ではない一般ユーザがこれに対する変更を行と、当該配色が容易に崩れてしまうことが多い。特に写真を配置したり置換したりするときはこれが顕著となる。

上述の従来技術にあるいずれの特許文献の技術においても、当該ページデザインの読者、観察者に与えたい印象を具現化するためのページ全体配色技術としては有効である。しかし、ユーザが独自に当該ページデザイン上に配置するような上述の状況においては、当該画像を含む当該ページデザイン全体の配色は当該画像に基づいていないため、当該画像が当該ページデザインに対して親和性が低い状況が多く発生する。

特許文献１の技術では、画像の一部の色を抽出してページデザインの配色に用いることを可能としているが、配色先が前景や背景といったように配色用途が限定されてしまい、構成要素が多いページデザインに対しては色抽出のバリエーションを増やさねばならず非効率的である。また、色抽出と配色先指定の決定はユーザに委ねられているため、デザイン知識が十分ではないユーザが操作した場合には最終的に仕上がるページデザインの配色はデザイン的に好ましいものにならない可能性が大きい。

特許文献２の技術では、ユーザが読者に与えたい印象を入力することで複数の配色候補を自動生成し表示することで、よりユーザの所望するデザインに簡単にかつ効率的に変更することが可能となる。しかし、ユーザが撮影した写真などのようなユーザ独自の画像データをページデザインに配置した場合には、当該画像を色補正したり、当該画像に基づいた全体配色ができないため、常に当該画像が当該ページデザインに溶け込むような好ましい全体配色にはならない。

当該ページデザインアプリケーションにおいては、自動生成したページデザインを編集しはじめると全体配色の操作ができないため、画像やテキストを追加していく際手動で適切な色設定を行わないと配色のバランスが崩れる可能性がある。

従って、デザイン知識が十分ではない一般ユーザがデザイン的により良いページデザインを作成するには、ユーザが配置した画像を含めたページデザイン全体の配色を行う必要がある。加えて、当該一般ユーザにとっては、いつでも簡単かつ効率的な配色処理を行う技術が必要とされる。

前述の課題を解決するため、請求項１の発明は、配色可能なラスターデータまたはベクターデータまたは文字によって構成されるデータを編集する装置であって、前記データを表示する出力装置、およびユーザによる操作を受け付ける入力装置を具備し、前記データを構成する任意の要素上の色を代表色として前記入力装置によってユーザに指定させる色抽出手段と、前記色抽出手段で抽出された色に基づいて１つまたは複数の適用色を生成する適用色生成手段と、前記配色可能なラスターデータまたはベクターデータまたは文字を前記適用色を用いて配色する配色変更手段と、前記配色変更手段によって生成された配色候補を前記出力装置に表示する配色候補表示手段を持つことを特徴とする。

さらに、請求項２の発明は、前記配色手段は複数の配色候補を生成する処理を有し、前記複数の配色候補のなかから少なくとも一つの配色候補を前記入力装置によってユーザに選択させる配色候補選択手段をもつ、ことを特徴とする。

さらに、請求項３の発明は、前記配色手段は配色変更対象を変えて前記適用色を配色することで複数の配色候補を生成する処理を有する、ことを特徴とする。

さらに、請求項４の発明は、前記適用色生成手段は一つの代表色から複数の適用色パターンを生成する処理を有し、前記配色手段は前記複数の適用色パターンを前記配色対象の色として配色することで複数の配色候補を生成する、ことを特徴とする。

さらに、請求項５の発明は、色抽出対象である要素に対して前記要素を構成する色を１つまたは複数抽出する色解析手段と、前記色解析処理によって抽出された色の中から前記入力装置によってユーザに選択させる色選択手段とを持ち、前記色選択手段によって選択された色を前記データの代表色とする、ことを特徴とする。

さらに、請求項６の発明は、前記色抽出対象である要素上の任意の領域を前記入力装置によってユーザに指定させる領域指定手段を持ち、前記色解析手段は前記領域指定手段で指定された領域内の色を抽出する処理を有する、ことを特徴とする。

さらに、請求項７の発明は、前記配色可能なラスターデータまたはベクターデータまたは文字の属性を設定する属性設定手段を持ち、前記属性設定手段において既定値として前記適用色を設定する処理を有する、ことを特徴とする。

本発明によれば、ページデザインに実際に配置されている構成要素上の色から、デザインルールに基づいた配色パターンを自動生成し、それを当該ページデザイン上の構成要素に対して自動で配色を行うことで、好ましい配色がされたデザインを簡単に実現できる。また、複数の配色候補を表示することでそれらを比較することできるため、ユーザにとってより好ましいデザインを得やすくなる。

以下では、本発明の実施例となる、パーソナルコンピュータ（以下「ＰＣ」と略する）上のアプリケーションソフトウェアの一部として動作する配色バリエーション自動生成機能を、図面を参照しながら説明する。当該アプリケーションの編集対象となるページデザインは、配色可能なラスターデータまたはベクターデータまたは文字によって構成されるデータを有するものであれば、一般的なオフィスドキュメントであってもよいし、ポスターやはがき、プレゼンテーションデータといった用途が特定されたドキュメントであってもよい。また、当該ページデザインアプリケーションは、ページデザインの編集を行うための様々な機能をもっており、ページ構成要素に対するリサイズ、移動、回転や、画像に対する補正処理、テキスト編集、写真やテキストに対する装飾処理、背景設定が可能である。以下の実施例１では静的に保持している配色ＤＢを利用した処理、実施例２では抽出色から動的に配色パターンを生成する処理を示す。更に実施例３では、指定した領域内の色解析を自動で行い抽出色の候補を表示する処理を示す。

図１は、本発明の一実施例となる、配色バリエーションを表示している画面例である。ここでは、編集中のページデザインに対して、ページデザイン上で抽出した色に基づいた配色バリエーションがサムネール表示されている。所望の配色デザインがあれば、当該ページデザイン一覧上で対応するサムネールを選択し、当該画面上のＯＫボタンを選択することで、編集中のページデザインを、選択した配色デザインに差し替えることができる。

１０１は、本発明が実施されるページデザインアプリケーションのメイン画面である。当該アプリケーションのメイン画面には、各種処理に対応したメニューやツールバー、ボタン、写真やクリップアート、写真フレーム、文字飾り、背景といったデザイン要素（以下、これらデザイン要素を「アートワーク」と総称する）を一覧表示する画面を持つ。また、当該アプリケーションは編集対象ドキュメント内の選択したページデザインを表示する領域（以下、「プレビュー領域」と呼ぶ）を持っている。当該プレビュー領域では、当該ページデザイン上の構成要素（以下、これらの個々の構成要素を「オブジェクト」と総称する）に対する、移動やリサイズといった操作が可能である。当該コマンドやユーザによる操作は、当該ＰＣに接続されている当該マウスやキーボードといった入力機器を利用して行う。

１０２はプレビュー領域であり、現在編集中のページデザイン全体が表示されている。本実施例においては、１ページで構成されるドキュメントを編集対象としているが、複数ページを持つドキュメントが編集対象であってもよい。この場合、当該アプリケーションは任意のページへ移動するためのページ移動コマンドを持ち、ユーザが所望するページへ移動可能となっていなければならない。加えて、ガイドやグリッド、ルーラといった編集支援機能を備え、意図した位置へのオブジェクトの配置がスムーズに実施可能となっていてもよい。

１０３は、ツールバー上にある配色バリエーション生成ボタンである。当該ツールバーには他の処理ボタンやプレビュー領域の表示倍率指定ドロップダウンリストが配置されている。当該配色バリエーション生成ボタンがクリックされると色抽出モード時に移行する。当該モード時に所望の位置の色を選択すると、当該抽出色に基づいた配色パターンが適用された複数のページデザインが自動生成され、後述の１０４の配色デザイン候補画面上に表示される。

１０４は配色バリエーション表示画面であり、１０３の配色バリエーション生成ボタンによって自動生成されるページデザインをサムネール表示する。いずれのサムネールもページデザイン全体が表示されるため、配色デザイン変更によりページデザインの印象がどのように変わるのかを容易に比較することができる。また、各生成ページデザインのサムネール下に、配色で用いたメインカラー、サブカラーを実際の色で併記してもよい。

１０５は、選択中のページデザインを示している。１０７にあるＯＫボタンが選択されると、１０５のページデザインが１０２に展開される。このとき、１０２のページデザインが編集中で、かつ、当該ＰＣのファイルシステム上に保存されていない状態である場合には、当該アプリケーションは警告を表示し、ユーザに対して当該ページデザインの保存を促す。

１０６は生成ページデザイン画像の表示サイズを変更するためのドロップダウンメニューであり、大、中、小の大きさが選択可能である。

配色バリエーション生成ボタン選択時から当該ページデザイン一覧表示に至るまでの処理の詳細については後述する。

図２は、本発明の一実施例となる、当該アプリケーションが編集中のページデザインを表示している状態である。

２０１は、１０１と同様にページデザインアプリケーションのメイン画面である。２０２は、当該プレビュー領域上に表示されている、編集中のページデザインである。当該ページデザインには複数のオブジェクトが配置されている。すなわち、テキスト（２０４、２０６、２１０）、写真オブジェクト（２０８）、クリップアート（２１１）、図形の一種である円（２０７）、矩形（２０３、２０５）背景（２０９）が配置されている。このうち、テキストや矩形、背景、クリップアートは色変更が可能であり、本発明で配色対象となるオブジェクトとなる。

当該ページデザインアプリケーションでは、指定した色に基づいて対象となる背景やクリップアート等のベクター画像全体の色を変更する機能を持っている。当該ベクター画像を構成する領域が１つであれば、当該ベクター画像全体が指定した色に配色されることになる。一方、当該ベクター画像が複数の領域で構成される場合には、基準色を持つメイン領域（ベクター画像全体の印象を決定づける領域）とその他の領域で構成され、その他の領域の色（以下、「その他領域色」と呼ぶ）は当該基準色に基づいて決定される。当該基準色とその他領域色の関係はベクター画像毎に定義される。例えば、あるベクター画像は、その他領域色は当該基準色から一定の明度差を持つ、といったルールを持つことができる。これにより、ベクター画像に対する色指定を行うことで当該ベクター画像全体の配色が変更され、その見た目の印象が大きく変わる可能性を持っている。

バランスの良い配色デザインとは、当該ページデザイン全体が一体感のある調和した色彩のデザインであり、これを実現するためには、個々のオブジェクトの色味がバランスよく配色されていなければならない。写真のような自然画を配置する場合には、その他のオブジェクトの配色に際し、当該写真が持つ色味やそれが与える印象、当該画像中の強調色（以下、「アクセントカラー」と呼ぶ）にマッチするようにデザインすることが必要である。また、最初にデザインや配色の構想が固まっている場合には、それにマッチした写真を選ぶといったこともある。

図３は、本発明の一実施例となる、当該アプリケーションが色抽出モードにある状態を示している。

３０１は当該色抽出モードにおいて変更されたカーソルであり、スポイトをモチーフとしたカラーピッカーである。当該カラーピッカーは、カーソル下のピクセル上の色を抽出する機能をもつ。

３０２は、抽出色表示画面である。３０１のカーソル下にある当該画像上のピクセルの色と、その数値を表示しており、マウスを動かすたびに当該抽出カラーの色情報が変化する。写真のような自然画は、ベタ塗りされているベクター画像と比較すると、隣合うピクセルとの色のばらつきがある。このような状況に対応するために、当該色抽出時においては当該カーソル下のピクセルのみならず、当該ピクセル周辺のピクセルを含めて平均化した色を抽出する処理を行う。例えば、当該カーソル下のピクセルとその４方を囲む８つのピクセルの色も抽出して平均化した色を当該抽出色表示画面に表示する。

３０３、３０４は当該カーソル下のピクセルの色情報を、実際の色と数値で示している。３０３内では当該抽出色が均一にベタ塗りされて表示されている。３０４は、色相（Ｈ）、彩度（Ｓ）、明度（Ｖ）の３つの成分で構成される色空間モデルのＨＳＶ値で表示される。Ｈは、０〜３６０°、Ｓは０〜１００％、Ｖは０〜１００％の範囲で定義されている。この例ではＨＳＶ色空間を用いているが、他の色空間を用いて表示したり、また、色空間を変更できるようにしてもよい。例えば、ＨＳＶ値とＲＧＢ値を切り替えたり、両方同時に表示可能であったりしてもよい。

当該色抽出モードにおいてマウスクリックされると抽出色が確定され、３０２の抽出色表示画面が閉じ、後述する配色バリエーション生成とそのサムネール表示処理が行われる。

図４および図５は、本発明の一実施例となる、当該ページデザイン上で抽出した色に基づいた配色バリエーションを生成する処理フローである。当該抽出した色と同じ色をもつ静的に定義されている配色パターンを検索し、当該配色パターン内の色を適用した配色バリエーション生成を行う。

４０１は配色バリエーションの生成処理開始を示しており、１０３の配色バリエーション生成ボタン選択時に相当する。４０２では、当該アプリケーションは色抽出モードに移行し、カーソル形状をスポイトのデザインに変更し、また抽出色表示画面を表示する。

４０３では、抽出色が確定されたかどうかをチェックし、確定されている場合には４０４の配色データベース検索を行い、確定されなかった場合には４１６の配色バリエーション終了処理に進む。ユーザによるマウスクリックが行われた場合には当該カーソル下の色が配色バリエーションの基準色して確定され、当該色抽出モードを解除するためのボタンやメニューが選択された場合には基準色は確定されず当該配色バリエーションがキャンセルされる。

４０４では、４０３で抽出した基準色を使った配色パターンを配色パターンデータベースから抽出するための配色パターン検索処理である。当該配色パターンデータベースの詳細は図６で説明するが、ここではメインカラーが基準色と同じである配色パターンを検索する処理を行う。各色は３つの色情報をパラメータとして持ち、各パラメータも取り得る範囲は大きいためその表現可能な色数は大きい。そのため、ここではメインカラーと当該基準色とが完全に一致するかどうかチェックするのではなく、一定の範囲での同一性のチェックを行う。より具体的には、色相Ｈを１０分割し、メインカラーと当該基準色が同一色相領域にあるかどうかをチェックする。当該アプリケーションは当該基準色と同一色をメインカラーとして持つ配色パターンのレコード番号を配列として保持し、以下の配色パターン適用処理時に利用する。

４０５から４０８においては、４０４の検索でヒットした各配色パターンを、当該ページデザイン上のオブジェクトに適用したページデザインを生成し、それを一時保存ディレクトリに保存する処理を繰り返し行っている。４０５において適用する対象配色パターンが残っている場合には、４０６、４０７、４０８で各オブジェクトに対する配色変更処理を繰り返し行い、未処理配色パターンが残っていない場合、つまり全配色パターン適用済みの場合には４０９の処理に進む。

４０６から４０７においては、編集中のページデザイン上のオブジェクト単位に配色パターン内の色を順に適用する処理を示している。例えば、配色可能オブジェクト数が５個（それぞれｏｂｊ１、ｏｂｊ２、ｏｂｊ３、ｏｂｊ４、ｏｂｊ５）で、配色パターンが３個（それぞれｃ１、ｃ２、ｃ３）とする。この場合には、ｏｂｊ１、ｏｂｊ４にはｃ１が、ｏｂｊ２、ｏｂｊ５にはｃ２が、ｏｂｊ３にはｃ３が適用される。上述のとおり、対象オブジェクトがメイン領域とその他領域を持つベクター画像の場合には、メイン領域に当該色が適用され、その他領域上は当該ベクター画像に定義されているルールに基づいて決定された色が適用される。

なお、プレビュー画面上で表示されているページデザインに影響を与えないために、当該ルール適用処理は当該ページデザインを複製したデータに対して行われる。このとき、当該データは、メモリ上に複製されていてもファイルシステム上に複製されていてもよい。メモリ上に複製されたページデザインデータに対して当該デザイン変更ルールを適用した場合には、適用された結果もまたメモリ上に保持される。

なお、同じ配色パターンであっても、適用対象色の順序を変えたバリエーション生成を更に行う処理が追加されてもよい。すなわち、上述の配色可能オブジェクト数が５個、配色パターンが３個の例の場合、ｃ３、ｃ２、ｃ１の順で適用した配色バリエーション生成を実施してもよい。この場合には、ｏｂｊ１、ｏｂｊ４にはｃ３が、ｏｂｊ２、ｏｂｊ５にはｃ２が、ｏｂｊ３にはｃ１が適用されたページデザインが更に生成されることになる。

４０８においては、４０６、４０７で配色処理が適用されたページデザインデータを、ファイルシステム上の一時保存ディレクトリに保存する。このとき、保存されるファイルの名称は、当該一時保存ディレクトリ内で一意になるように任意の名称であってよい。当該一時保存ディレクトリの詳細は後述する。

４０９においては、当該一時保存ディレクトリ上のページデザインファイルの数をチェックする。当該数が０である場合には４１０に進み、配色パターンデータベース上に同一色相グループのメインカラーを持つ配色パターンがなかった、もしくは何らからのエラーが発生したため処理を中止した旨の警告を表示し、４１６で処理を終了する。考えられるエラーの原因としては、ファイルシステム上の空きスペース不足のため生成ページデザインの保存処理に失敗した等の状況がある。

４１１においては、１０４の配色バリエーション表示画面を表示し、当該一時保存ディレクトリにある全ページデザインを縮小画像で一覧表示する。ここで表示するページデザインの縮小画像は、ページデザインファイル内に埋め込まれている画像情報である。当該ページデザインファイルのフォーマットについては後述する。

４１２においては、配色バリエーション表示画面でのユーザの入力待ちを示している。ここで、ユーザによって当該画面でＯＫボタンが選択された場合には４１３に進み選択されているページデザインを展開する処理を行う。４１２でキャンセルボタンが選択された場合には４１５に進み当該一時保存ディレクトリ上に保存されたすべてのページデザインファイルを削除する。

４１３においては、ページバリエーション表示画面上で選択されたアイテムに相当するページデザインファイルを開き、ページプレビュー上で展開するデータを差し替える処理を行う。ここで、すでに展開されているページデザインが未保存の状態である場合には前述のとおり保存を促す警告を表示するが、この処理も４１３に含まれているものとする。

４１４においては、当該ページデザイン生成時に用いた配色パターン内の色を、色設定可能なオブジェクト属性設定画面において推奨色として設定する処理を示している。当該ページデザイン選択後もテキストや図形といったオブジェクトを追加するケースも考えられる。このとき、当該オブジェクトの色変更をする際に全体の配色バランスが崩れないように、当該オブジェクト属性設定画面においては当該配色パターン上の色が簡単に選択できるようにする。これにより配色バランスを大きく崩すことなく編集作業を進めることが可能である。

４１５においては、４０８で保存した、当該一時保存ディレクトリ上のすべてのページデザインファイルを削除する。そして、４１６において当該配色バリエーション表示画面を閉じ配色バリエーション生成処理を終了する。

図６は、本発明の一実施例となる、当該アプリケーションで使用する配色パターンデータベースである。

上述のとおり、当該配色バリーション生成処理においては、実際に配色される色は配色パターンデータベースで定義されている配色パターン上から使われる。これらの配色パターンはカラーデザインや配色の知識、ノウハウに基づいて定義されるものであり、デザイン的に色彩バランスの取れたものになっている。例えば、配色用テキスト等で紹介されている配色パターンが利用されてもよい。また、あらゆる当該基準色に対応するためにも、１０分割された色相グループにはメインカラーとその配色パターンがくまなく属するように定義することが望ましい。ただし、色相によっては多くのメインカラーを定義しにくいものもあるため、必ずしも各色相グループのメインカラー数を同一にする必要はない。

６０１では、メインカラーとサブカラー１、サブカラー２の３つの配色パターンが定義されている。本発明においては、当該配色パターン内で定義される色数については制限しない。つまり、デザイン的に色彩バランスの取れたものであれば、配色パターンによってはサブカラーが１つのみであったり、サブカラーが３つであるものがあってもよい。ただし、一般的には配色パターン内の色数が多くなればなるほど調和可能な組み合せの数は減少するため、配色パターンデータベース内ではサブカラーが１つもしくは２つのものが大半となるケースが想定できる。なお、当該配色パターンデータベース内は、ＨＳＶ色空間上の色情報として定義されているが、ＲＧＢ等他の色空間の値で定義されていてもよい。

図７は、本発明の一実施例となる、当該配色パターンデータベースで定義されているメインカラー定義のため色相を１０分割した例であり、一般的に知られているＨＳＶ色空間の断面を簡単に示したものである。

７０１は分割された色相グループｈ１〜ｈ１０のうちの一つであるｈ３を示しており、黄色および黄色に近い色相の色がこのグループに属することになる。この図において、各色相グループは等角度で分割されているが、色相によっては面積に偏りが生じてもよい。７０２は色相値の正方向を示している。つまり、０から３６０度で示される色相値を増やすことで赤、黄、緑、青、紫、の順で色相が変化することを示している。７０３は彩度の正方向を示しており、彩度の値が大きいほど色は鮮やかになり、逆に彩度の値が小さいほど灰色の混色度が増して色が濁る。また、図中には示されていないが、当該円の法線方向、つまり紙面から手前に向かって明度が定義されおり、明度が大きいほど色が薄く明るくなる。本ＨＳＶ空間は、円錐形もしくは円柱形で立体表現されることがあるが、本実施例ではその形式は問わない。

図８は、本発明の一実施例となる、当該アプリケーションで利用する、一時保存ディレクトリの構成図である。８０１はディレクトリ、８０２は当該配色バリエーション生成処理で作成させるページデザインファイルである。当該ページデザインファイルの数は、適用が成功した配色パターンの数に等しい。当該ページデザインファイルは配色バリエーション生成が終了した後自動で削除される。なお、当該一時保存ディレクトリの場所は当該アプリケーションが静的に保持しているものであってもよいし、当該ＰＣ上の構成に応じてユーザが適時変更できるものであってもよい。

図９は、本発明の一実施例となる、当該アプリケーションで用いるページデザインファイル上のフォーマットの例である。９０１ではページデザイン全体の属性となる、作成したアプリケーションのバージョン名、９０２、９０３ページ毎の情報が保持されている。ドキュメント内に複数のページを持つ状態もあり、その場合は、９０２、９０３の部分が繰り返されて保持される。９０２は当該ページ固有の情報であり、ページサイズ、余白情報、背景オブジェクトが定義されている。９０３では、当該ページデザインが持つオブジェクト群の属性となる、オブジェクトの種類、位置、サイズ、回転、写真フレームや文字飾りなどの装飾の有無、適用色、といった情報が定義されている。９０４では、当該ページデザインを示すサムネール画像のビットマップデータが定義されており、１０４の配色バリエーション表示画面で利用される。対象ページデザイン保存処理時には、当該ページデザインが低解像度でレンダリングされ、当該レンダリングの結果がビットマップとして９０４に格納される。

図１０は、本発明の一実施例となる、当該アプリケーションで用いるテキスト属性設定画面である。この図では、４１４内の処理対象の一つである、選択ページデザインの配色パターン内の色がテキスト属性画面の推奨色として設定される状況を示す。

１００１は、ページプレビュー上で選択されているテキストのフォント名を変更するドロップダウンリストであり、また現在選択中のフォント名の表示も兼ねている。また、１００２はフォントサイズを変更するドロップダウンリストであり、これもまた現在設定中のフォントサイズを示している。

１００３は、現在選択中のテキスト色を示す、選択色表示エリアでありこのエリアに対する一切の操作はできない。従ってテキストを選択するたびにこのエリアは更新されることになる。

１００４はテキスト用にプリセットされている推奨色選択ボタン群であり、当該ボタンはその適用色で表示される。起動時には白、黒、灰、赤、といった色が既定値として設定されている。当該推奨色選択ボタンを選択すると、選択中のテキストの色が当該推奨色に変更される。４１４の処理においては、当該配色パターン内の色群が当該推奨色に設定される。これにより、以後の編集時には当該推奨色を利用する限りにおいては当該ページデザインの配色を大きく崩す心配することなく、処理を継続することができる。

１００５は、色選択画面を表示するボタンであり、当該ボタンを選択することにより、汎用的なカラーパレットの画面が表示される。当該色選択画面においてユーザは、ＨＳＶやＲＧＢの各値を個別に指定するなど自由に色を選択することが可能であり、当該色選択画面で設定した色は選択中のテキストに反映される。

実施例２では、配色パターンを自動生成する点以外は実施例１と同じ構成である。

図１１および図１２は、本発明の一実施例となる、当該ページデザイン上で抽出した色に基づいた配色バリエーションを生成する処理フローである。配色パターン生成ルールデータベース上の配色ルールに従って、当該抽出した色から動的に複数の配色パターンを生成し、当該配色パターン内の色を適用した配色バリエーション生成を行う。

１１０１は配色バリエーションの生成処理開始を示しており、１０３の配色バリエーション生成ボタン選択時に相当する。１１０２では、４０３と同様に、当該アプリケーションは色抽出モードに移行し、カーソル形状をスポイトのデザインに変更し、また抽出色表示画面を表示する。

１１０３では、抽出色が確定されたかどうかをチェックし、確定されている場合には１１０４から１１０６の配色パターン生成処理を行い、確定されなかった場合には１１１５の配色バリエーション終了処理に進む。基準色の確定基準は４０３と同一である。

１１０４から１１０６においては、１１０３で抽出した基準色と、後述の配色ルールデータベース上に定義されているルールに基づいて配色パターンを生成し、それらを配色ＤＢに追加する処理を行う。１１０４において、適用する配色ルールが残っている場合には１１０５に進み、全配色ルールを適用した全配色パターンの生成が完了していれば１１０７に進む。

１１０５においては、当該配色パターン生成ルールに則って当該基準色から配色パターンを生成する。当該配色パターン生成ルールの詳細については後述する。次に１１０６に進み、生成した配色パターンを配色データベースへ追記する。当該配色データベースは６０１と同じ形式をもつ。すなわち、各レコードは基準色とサブカラー１、サブカラー２といった複数の色の組み合せで構成される。

１１０７から１１１０においては、当該配色データベース上で定義されている全配色パターンを当該ページデザイン上のオブジェクトに適用したページデザインを生成し、それを一時保存ディレクトリに保存する処理を繰り返し行っている。１１０７において適用する対象配色パターンが残っている場合には、１１０８、１１０９、１１１０で各オブジェクトに対する配色変更処理を繰り返し行い、未処理配色パターンが残っていない場合には１１１１の処理に進む。

１１０８、１１０９、１１１０における処理は、編集中のページデザイン上のオブジェクト単位に配色パターン内の色を順に適用する処理を示しており、それぞれ４０６、４０７、４０８と同一の処理である。加えて、同配色パターン内の適用色を入れ替えることで更に異なるバリエーション生成が可能であることも図４と同じである。

１１１１から１１１６においては配色バリエーション表示と、選択されたページデザインの展開処理を示しており、これも４１１から４１６までの処理と同一である。

図１３は、本発明の一実施例となる、当該アプリケーションで使用する配色パターン生成ルールデータベースである。

上述のとおり、当該配色パターン生成処理においては、当該配色パターン生成ルールデータベース上に定義されているルールに基づいて動的に生成する。当該配色パターン生成ルルールにおいても、グラフィックデザインや配色の知識、ノウハウに基づいて定義されるものであり、デザイン的に色彩バランスを取りやすい生成ルールである。

配色ルールとして、同系色を用いる、類似色を用いる、補色を用いる、などの手法が広く知られている。また、同系色を用いる場合でも、明度差をつけたり、純色を用いたり、無彩色を用いたりといったバリエーション、ノウハウがあることも知られている。当該配色パターン生成ルールデータベースにおいては、このような配色パターン生成方法が定義されている。

１３０１内の各レコードは、配色パターン（本実施例ではメインカラー、サブカラー１、サブカラー２）を生成するために、基準色の定義、生成カラー１および生成カラー２の生成方法が定義されている。基準色は、生成カラー１、生成カラー２で生成される色の基準色であり、１１０６で配色データベースに追加される際にメインカラーとなるものである。同様に、生成カラー１および２のルールで生成したカラーは同配色データベース上のサブカラー１および２になる。

レコードＮｏ．１から４までは抽出色をそのまま基準色とした配色パターン生成ルールである。Ｎｏ．１においては、基準色に対して同色相つまりＨ値を変えずに明度を３０％増大した色を生成するルールが生成カラー１として定義されている。生成カラー２は空白のため、当該配色パターンにおいてはサブカラー２は存在しない。Ｎｏ．２においては、同色相かつ明度を３０％増大した色、減少した色を生成するよう生成カラー１および２で定義されている。Ｎｏ．３においては、同色相かつ彩度を３０％増加した色、減少した色を生成するよう生成カラー１および２で定義されている。Ｎｏ．４においては、同色相かつ明度を３０％増加して色、彩度を３０％減少した色を生成するよう生成カラー１および２で定義されている。

レコードＮｏ．５から１２までは抽出色から純色を生成し当該純色を基準色とした配色パターン生成ルールである。ここでは、当該抽出色の再度を１００％に設定することで純色が生成できるものとする。

Ｎｏ．５および６は、基準色を純色に変えたＮｏ．１および２のルールである。Ｎｏ．７は、類似相色かつ明度を３０％増大した色を生成するよう生成カラー１で定義されている。類似相色は、図７において対象色相の隣に位置する色相の色を指す。Ｎｏ．７の生成カラー１の定義では類似色相が＋１とし定義されているためＨの増加方向の隣接色相色を生成する。より具体的には、当該色相は１０個の各色相等角度の扇型で定義されているため、基準色のＨ値に３６度を加えた色を意味している。色相は３６０度で一周するため、（Ｈ＋３６）の３６０の剰余が当該類似色相となる。Ｎｏ．８の生成カラー１では、右隣の類似色相色かつ明度を３０％減少させた色を、生成カラー２では左隣の類似色相色すなわち（Ｈ−３６）の色を生成する。（Ｈ−３６）が負の値の場合には、３６０＋（Ｈ−３６）が当該類似色になる。Ｎｏ．９では生成カラー１として固定色を用いることが定義されている。より具体的には、明るいグレーを示すＨＳＶそれぞれの値が直に定義されている。これにより、Ｎｏ．９の生成ルールでは抽出色の純色と明るいグレーの２色の配色パターンが生成される。Ｎｏ．１０では、同色相で明度を３０％増大せさた色と、Ｎｏ．９のそれと同じ固定の明るいグレーで構成される配色パターンが生成される。Ｎｏ．１１および１２ではそれぞれ補色を用いた生成ルールが定義されている。補色は図７の色相図における反対側の色相の色と定義し、具体的にはＨ値に対して１８０を加えた値の色となる。例えば、図７のｈ３の補色はｈ８上の色になる。類似色と同様に、（Ｈ＋１８０）の３６０の剰余が当該補色となる。Ｎｏ．１１では補色かつ明度を３０％増大させた色が、Ｎｏ．１２では補色かつ彩度を３０％増大させた色が、それぞれ生成カラー１として生成される。

１３０１の配色パターン生成ルールでは明度、彩度の増減率が固定的に設定されているが、基準色に応じてこの値も変化するようなルールであってもよい。例えば、基準色、生成される色のそれぞれの明度、彩度が、明度座標、彩度座標上、一定の距離を保つようなルールが定義されていてもよい。また、反対色と呼ばれる、補色に隣接した色相の色を生成するルールが定義されてもよい。

実施例３では、配色パターン適用前の段階である抽出色確定に際し、指定した領域内の色解析を自動で行い抽出色の候補を表示する処理を示す。つまり、図４の４０３、図１１の１１０３に相当する処理であり、本実施例では当該抽出色確定後の処理は、実施例１にあるように静的に定義された配色パターンを用いても、実施例２にあるように動的に生成した配色パターンを用いても構わない。

図１４は、本発明の一実施例となる、色抽出モード時の色抽出対象オブジェクト上での領域選択状態を示している。

当該アプリケーションは、当該配色バリエーション生成ボタン１０３選択時に色抽出モードに移行し、ユーザは編集中のページデザイン上の任意の領域を矩形選択できる。１４０１はマウスドラッグにより選択された、図２の２０８の写真オブジェクト上の立方体上の側面付近の領域を示している。マウスドラッグが終了すると図１５の抽出色選択画面が表示される。当該色抽出モードを解除するためのボタンやメニューを選択することで当該色抽出モードを終了し、当該配色バリエーション処理がキャンセルされる。

図１５は、本発明の一実施例となる、抽出色選択画面を示している。

１５０１は抽出色選択画面全体を示しており、１４０１で指定された領域内の主要色がそのＨＳＶ値とともに一覧表示されている。１４０１内の全ピクセル上の色に対して各色情報を間引くことで当該領域を構成する色数を減少させ、そられの色のうち構成する面積が大きい上位４個の色を当該主要色としている。ここでは当該主要色を４個としているが、この数については増減しても構わない。

上述のように写真のような自然画上の色を抽出する際、隣合うピクセルごとに色のばらつきがあることが多い。正確なマウス操作で狙った色を抽出したい場合には実施例１、２のようなピクセル単位での色抽出方法が有効であり、抽出色にあたりをつけてから選択したい場合には当該実施例３の当該領域指定による抽出色選択の方法が有効である。

１５０２は画面上選択状態にある抽出色を示しており、この状態で１５０４のＯＫボタンを選択すると抽出色が確定したことになり、配色バリエーションが生成され図１６の配色バリエーション選択画面が表示される。１５０３は領域再選択ボタンであり、当該領域再選択ボタンが選択されると図１４のように領域の再選択が可能な状態に戻ることができる。１５０５はキャンセルボタンであり、当該キャンセルボタンを選択すると色抽出モードが終了する。

図１６は、本発明の一実施例となる、配色バリエーション表示画面である。当該配色バリエーション表示画面は、１５０４選択後に表示される画面である。

１６０１は、１６０３の色再選択ボタンを持っている点を除き、１０４と同じ構成である。すなわち、１６０１では１５０１で選択された抽出色に基づいて生成された配色バリエーションがサムネール表示され、１６０４のＯＫボタンを選択すると選択中にある１６０２がポスタープレビュー画面上に展開される。ポスタープレビューへの展開後は当該配色バリエーション生成機能が終了する。１６０３の色再選択ボタンを選択すると１５０１の画面に戻り、抽出色選択のやり直しを実行することができる。

図１７は、本発明の一実施例となる、当該ページデザインアプリケーションが動作する装置の構成図である。

図中、１７０１はキーボード・マウスなどの入力装置、１７０２はシステムのマネージメント制御・入力画像の入力や補正、印刷用編集データの生成処理などを行う中央処理装置、１７０３は表示に使用するディスプレイ、１７０４は該画像データファイルや対応する画像補正コマンド履歴ファイルを格納するハードディスクなどの記憶装置、１７０５は編集データを出力する印刷装置、１７０６はフィルムスキャナやフラットベッドスキャナ、デジタルカメラなどの画像入力装置、１７０７はフロッピー（登録商標）ドライブやデジタルカメラ等で用いる媒体に対応した外部記憶装置である。

本実施例では、主に写真上の色抽出処理を例にして説明したが、対象オブジェクトは写真のような自然画に限らず、ベクター画像やテキストといったラスター画像以外のものであってもよい。

実施例１では、同一色検索にあたり、メインカラーのみならずサブカラー１、２も対象に入れてもよい。これにより、より幅広く配色バリエーションを生成することができる。

さらに、実施例１、２では、各オブジェクトに対する配色処理において、オブジェクトのタイプやページデザイン上の面積比に応じて適用する色を変えるロジックを持たせてもよい。例えば、背景オブジェクトのように構成面積が大きいものにはサブカラーを用いて、構成面積の小さい矩形オブジェクトにはメインカラーを用いる、といった処理が行われてもよい。また、配色バリエーション生成直前のデザインをチェックし、全体のトーンがなるべく同じになるように更なる処理が行われてもよい。例えば、配色バリエーション生成直前のデザインでは背景が明るくテキストが黒であれば、対象配色パターンのうち明度の高い色を背景に、明度の低い色をテキストに適用する。

さらに、実施例１、２において抽出した色に対して色情報を微修正するユーザインターフェースを持っていてもよい。たとえば、当該抽出色に対してＨＳＶの各値を変更するスライダもしくはＲＧＢの各値を変更するスライダを持つ画面が、色確定後かつ４０４や１１０４の処理の前に表示されていてもよい。

以上の実施例によって、オブジェクトを構成する色に基づいた配色バリエーションが自動で生成されるため、好ましい配色がされたデザインを簡単に得ることができる。また、配色パターンは、デザインルールに基づいた配色パターンデータベース上で定義もしくは配色パターン生成ルールで生成されるため、デザイン知識が十分ではない一般ユーザであっても好ましい配色デザインを簡単に得ることができる。さらに、生成した配色バリエーション展開後にも、当該配色バリエーションで利用した配色パターン上の色をデフォルト値として設定することで、以降の編集処理においても当該ページデザインの配色バランスが崩れてしまう可能性を低減することができる。

配色バリエーションを表示している画面例である。 編集中のページデザインを表示している状態である。 ページデザインアプリケーションが色抽出モードにある状態である。 ページデザイン上で抽出した色に基づいた配色バリエーションを生成する処理フローの前半である。 ページデザイン上で抽出した色に基づいた配色バリエーションを生成する処理フローの後半である。 ページデザインアプリケーションで使用する配色パターンデータベースである。 配色パターンデータベースで定義されているメインカラー定義のため色相を１０分割した例である。 ページデザインアプリケーションで利用する、一時保存ディレクトリの構成図である。 ページデザインファイル上のフォーマットの例である。 ページデザインアプリケーションで用いるテキスト属性設定画面である。 ページデザイン上で抽出した色に基づいた配色バリエーションを生成する処理フローの前半である。 ページデザイン上で抽出した色に基づいた配色バリエーションを生成する処理フローの後半である。 ページデザインアプリケーションで使用する配色パターン生成ルールデータベースである。 色抽出モード時の色抽出対象オブジェクト上での領域選択状態である。 抽出色選択画面である。 配色バリエーション表示画面である。 ページデザインアプリケーションが動作する装置の構成図である。

符号の説明

１７０１ キーボード・マウスなどの入力装置
１７０２ 中央処理装置
１７０３ ディスプレイなどの表示装置
１７０４ ハードディスクなどの記憶装置
１７０５ 印刷装置
１７０６ スキャナなどの画像入力装置
１７０７ フロッピー（登録商標）ドライブなどの外部記憶装置

Claims (15)

1. 配色可能なラスターデータまたはベクターデータまたは文字によって構成されるデータを編集する編集装置であって、前記データを表示する出力装置、およびユーザによる操作を受け付ける入力装置を具備し、
   前記データを構成する任意の要素上の色を代表色として前記入力装置によってユーザに指定させる色抽出手段と、
   前記色抽出手段で抽出された色に基づいて１つまたは複数の適用色を生成する適用色生成手段と、
   前記配色可能なラスターデータまたはベクターデータまたは文字を前記適用色を用いて配色する配色変更手段と、
   前記配色変更手段によって生成された配色候補を前記出力装置に表示する配色候補表示手段を持つことを特徴とする編集装置。
2. 前記配色手段は複数の配色候補を生成する処理を有し、前記複数の配色候補のなかから少なくとも一つの配色候補を前記入力装置によってユーザに選択させる配色候補選択手段をもつことを特徴とする請求項１の編集装置。
3. 前記配色手段は配色変更対象を変えて前記適用色を配色することで複数の配色候補を生成する処理を有することを特徴とする請求項２の編集装置。
4. 前記適用色生成手段は一つの代表色から複数の適用色パターンを生成する処理を有し、前記配色手段は前記複数の適用色パターンを前記配色対象の色として配色することで複数の配色候補を生成することを特徴とする請求項３の編集装置。
5. 色抽出対象である要素に対して前記要素を構成する色を１つまたは複数抽出する色解析手段と、前記色解析処理によって抽出された色の中から前記入力装置によってユーザに選択させる色選択手段とを持ち、前記色選択手段によって選択された色を前記データの代表色とすることを特徴とする請求項１の編集装置。
6. 前記色抽出対象である要素上の任意の領域を前記入力装置によってユーザに指定させる領域指定手段を持ち、前記色解析手段は前記領域指定手段で指定された領域内の色を抽出する処理を有することを特徴とする請求項５の編集装置。
7. 前記配色可能なラスターデータまたはベクターデータまたは文字の属性を設定する属性設定手段を持ち、前記属性設定手段において既定値として前記適用色を設定する処理を有することを特徴とする請求項１の編集装置。
8. 配色可能なラスターデータまたはベクターデータまたは文字によって構成されるデータを編集する方法であって、前記データを表示する出力工程、およびユーザによる操作を受け付ける入力工程を具備し、
   前記データを構成する任意の要素上の色を代表色として前記入力工程によってユーザに指定させる色抽出工程と、
   前記色抽出工程で抽出された色に基づいて１つまたは複数の適用色を生成する適用色生成工程と、
   前記配色可能なラスターデータまたはベクターデータまたは文字を前記適用色を用いて配色する配色変更工程と、
   前記配色変更工程によって生成された配色候補を前記出力装置に表示する配色候補表示工程を持つことを特徴とする編集方法。
9. 前記配色工程は複数の配色候補を生成する処理を有し、前記複数の配色候補のなかから少なくとも一つの配色候補を前記入力工程によってユーザに選択させる配色候補選択工程をもつことを特徴とする請求項８の編集方法。
10. 前記配色工程は配色変更対象を変えて前記適用色を配色することで複数の配色候補を生成する処理を有することを特徴とする請求項９の編集方法。
11. 前記適用色生成工程は一つの代表色から複数の適用色パターンを生成する処理を有し、前記配色工程は前記複数の適用色パターンを前記配色対象の色として配色することで複数の配色候補を生成することを特徴とする請求項１０の編集方法。
12. 色抽出対象である要素に対して前記要素を構成する色を１つまたは複数抽出する色解析工程と、前記色解析処理によって抽出された色の中から前記入力工程によってユーザに選択させる色選択工程とを持ち、前記色選択工程によって選択された色を前記データの代表色とすることを特徴とする請求項８の編集方法。
13. 前記色抽出対象である要素上の任意の領域を前記入力工程によってユーザに指定させる領域指定工程を持ちことを特徴とする前記色解析工程は前記領域指定工程で指定された領域内の色を抽出する処理を有することを特徴とする請求項１２の編集方法。
14. 前記配色可能なラスターデータまたはベクターデータまたは文字の属性を設定する属性設定工程を持ち、前記属性設定工程において既定値として前記適用色を設定する処理を有することを特徴とする請求項８の編集方法。
15. 請求項８〜１４に記載のいずれかの編集方法をコンピュータに実行させる編集プログラム。

Images