(57)【要約】      （修正有）【課題】ＧＵＩ画面において、自動での配色を行うことができるようにし、デザインの知識のないプログラム作成担当者が、デザイン担当者が作成したカラーセットを利用することで、デザイン担当者が作成したのに近いＧＵＩ画面の配色をするサーバおよびプログラムを提供する。【解決手段】利用者は、カラーセットを割り当てるＧＵＩソースを指定し、ＧＵＩソースの画面イメージを確認する。その後、配色ボタンを押下する。送受信部は、利用者により指定されたＧＵＩソースを通信インタフェースを介して、ＧＵＩカラーセットサーバ１０に送信する。ＧＵＩカラーセットサーバ１０の送受信部は、ステップ送信されたＧＵＩソースを受け取る。カラーセット配色部は、利用者が指定したＧＵＩソースに含まれるＧＵＩ画面の部品を定義するタグを特定する。【選択図】図４
2019020968.tif 000002
【特許請求の範囲】
【請求項１】
所定のＧＵＩソースに含まれるＧＵＩ画面の部品を特定し、いずれかの色を前記部品に割り当てるカラーセット配色部を
備えるＧＵＩカラーセットサーバ。
【請求項２】
前記いずれかの色は、所定の色の組み合わせを持つカラーセットとして記憶されているものであり、
前記カラーセット配色部は、前記部品をタグにより特定し、前記カラーセットに含まれるいずれかの色を前記タグに割り当てることを特徴とする請求項１に記載のＧＵＩカラーセットサーバ。
【請求項３】
前記カラーセットはキー色と定義された色を含み、キー色及びキーワードとの組み合わせに紐付けられたカラーセットパターンとしてカラーセット取得テーブルに記憶されていることを特徴とする請求項２に記載のＧＵＩカラーセットサーバ。
【請求項４】
前記カラーセット配色部は、前記ＧＵＩソースに前記カラーセットのいずれかの色を割り当てるために、前記タグと前記タグへの割り当て条件とを紐づけたカラーセット割り当てテーブルを用いる
ことを特徴とする
請求項２または３のいずれかに記載のＧＵＩカラーセットサーバ。
【請求項５】
前記カラーセット割り当てテーブルは、少なくともヘッダタグおよび背景タグを含む前記タグと前記タグへの割り当て条件とを紐づけた情報を持ち、
前記カラーセット配色部は、前記ヘッダタグには、前記カラーセットの中からキー色を割り当て、
前記背景タグには、前記カラーセットの中から明度が高くかつ彩度が低い色を割り当てることを特徴とする
請求項４記載のＧＵＩカラーセットサーバ。
【請求項６】
前記カラーセット配色部は、前記部品に明度が低い色または彩度が高い色を割り当てる場合には、前記部品の文字色に白色を割り当てる
ことを特徴とする
請求項１〜５のいずれか１項に記載のＧＵＩカラーセットサーバ。
【請求項７】
利用者から取得条件として必須とする色または印象を表す語句の指定を受け付け、
前記必須とする色が指定された場合は、カラーセットを特定するための条件として少なくともキー色およびキーワードの情報を持つカラーセット条件テーブルの中から前記必須とする色と合致するキー色を抽出し、
前記印象を表す語句が指定された場合は、前記カラーセット条件テーブルの中から前記印象を表す語句と合致するキーワードを抽出し、
この抽出されたキー色またはキーワードと紐づけられたカラーセットを取得するカラーセット取得部を備えた
請求項３〜６のいずれか１項に記載のＧＵＩカラーセットサーバ。
【請求項８】
前記カラーセット取得部は、前記利用者から取得条件として必須とする色および印象を表す語句の指定を受け付けたとき、
前記必須とする色とキー色とが合致し、前記印象を表す語句とキーワードとが合致する、カラーセットを取得することを特徴とする
請求項７に記載のＧＵＩカラーセットサーバ。
【請求項９】
前記カラーセット配色部は、前記ＧＵＩソースが複数存在するとき、前記複数のＧＵＩソースに含まれる同一部品に同一色を割り当てることを特徴とする請求項１〜８のいずれか１項に記載のＧＵＩカラーセットサーバ。
【請求項１０】
前記カラーセット配色部は、前記ＧＵＩソース内に含まれる第２のＧＵＩソースを指定するＵＲＬを検出すると、前記部品と同一である前記第２のＧＵＩソース内の部品に前記部品と同一色を割り当てることを特徴とする
請求項９に記載のＧＵＩカラーセットサーバ。
【請求項１１】
ネットワークを介してＧＵＩカラーセットサーバと接続するＧＵＩカラーセットクライアント端末であって、
所定のＧＵＩソースに含まれるＧＵＩ画面の部品に、ＧＵＩカラーセットサーバによりいずれかの色を割り当てたＧＵＩソースの画面イメージを生成し画面表示するカラーセット配色結果確認部
を備えるＧＵＩカラーセットクライアント端末。
【請求項１２】
前記カラーセット配色結果確認部は、
前記ＧＵＩソースに含まれる前記ＧＵＩ画面の部品を定義するタグに、所定の色の組み合わせを持つカラーセットに含まれるいずれかの色を割り当てた画面を表示することを特徴とする
請求項１１記載のＧＵＩカラーセットクライアント端末。
【請求項１３】
前記カラーセット配色結果確認部は、ユーザから決定の入力を受け付けるまで順次異なる前記カラーセットに基づく色を割り当てた画面を表示することを特徴とする
請求項１２記載のＧＵＩカラーセットクライアント端末。
【請求項１４】
前記ＧＵＩカラーセットサーバが有する、少なくともキー色およびキーワードと所定の色の組み合わせを持つカラーセットがカラーセットパターンとして登録されるカラーセット条件テーブルを使用して、
カラーセットが登録されたカラーセット取得テーブルの中から、所定のカラーセットを取得するための取得条件を利用者が指定するための入力画面を表示するカラーセット入力部
を備える請求項１２〜１３のいずれかに記載のＧＵＩカラーセットクライアント端末。
【請求項１５】
さらに、前記カラーセット入力部は、ＧＵＩソースの入力画面を表示し、利用者から指定された前記ＧＵＩソースの画面イメージを生成し画面表示することを特徴とする
請求項１４記載のＧＵＩカラーセットクライアント端末。
【請求項１６】
利用者から指定された取得条件にしたがって、前記ＧＵＩカラーセットサーバから候補となる前記カラーセットを取得し、前記カラーセットの中から前記ＧＵＩソースに割り当てるカラーセットの指定を受け付ける入力画面を表示するカラーセット確認・選択部
を備える請求項１２〜１５のいずれか１項に記載のＧＵＩカラーセットクライアント端末。
【請求項１７】
ＧＵＩカラーセットサーバと、ネットワークを介して接続されるＧＵＩカラーセットクライアント端末とからなるＧＵＩカラーセット配色システムであり、
前記ＧＵＩカラーセットサーバは、
所定のＧＵＩソースに含まれるＧＵＩ画面の部品を特定し、いずれかの色を前記部品に割り当てるカラーセット配色部を備え、
前記ＧＵＩカラーセットクライアント端末は、
所定のＧＵＩソースに含まれるＧＵＩ画面の部品に、前記カラーセット配色部によりいずれかの色を割り当てたＧＵＩソースの画面イメージを生成し画面表示するカラーセット配色結果確認部を備える
ことを特徴とするＧＵＩカラーセット配色システム。
【請求項１８】
所定のＧＵＩソースに含まれるＧＵＩ画面の部品を特定し、いずれかの色を前記部品に割り当てるカラーセット配色処理
をコンピュータに実行させるＧＵＩカラーセット配色プログラム。
【発明の詳細な説明】
【技術分野】
【０００１】
この発明は、ＧＵＩ（グラフィックユーザインターフェース）画面を配色する技術に関する。
【背景技術】
【０００２】
インターネットの普及により、ＧＵＩの画面作成が広く行われるようになった。これによって、企業からのＧＵＩ画面の作成依頼も多くなっている。
ＧＵＩの画面作成については、ＧＵＩソフト等を利用することで、ＧＵＩ画面の生成を簡単に行うことができる。
しかし、ＧＵＩ画面作成のうち配色については、利用者が色を指定することで一つひとつ行われており、自動で配色することはこれまで行われていない。
また、ＧＵＩの画面作成は、プログラム作成担当者が実施するが、画面デザインに関する部分、特に色のデザインに関する部分については、デザイン担当者が実施することが多い。
通常、デザイン担当者が顧客の要件をヒアリングした上で、画面で使用する色の一覧をカラーセットとして作成する。その後、プログラム作成担当者がカラーセットをＧＵＩ画面に反映する。
このため、画面作成のために、デザイン担当者と、プログラム作成担当者の両者が作業をする必要があり、顧客の要件にすぐに対応することができないという状況がある。
【０００３】
特許文献１には、カラー表示部を備えたスキャナ機能、ファクシミリ機能、プリンタ機能およびコピー機能等を統合したネットワーク型デジタル複合機の画像形成装置に関する、色変換装置が記載されている。特許文献１の色変換装置では、ユーザの好みに応じた配色パターンに変更することができる。
【先行技術文献】
【特許文献】
【０００４】
【特許文献１】特開２００４−２００９５５号公報
【発明の概要】
【発明が解決しようとする課題】
【０００５】
しかし、特許文献１は、ネットワーク型デジタル複合機等の色変換装置に関するもので、ＧＵＩ画面を対象としたものではない。
また、色覚異常などの個別のユーザに対する画像の見やすさに対応する発明であり、デザインを専門とする担当者が作成したカラーセットを第三者が利用できるようにするものではない。
この発明は、このような問題を解決し、ＧＵＩ画面において、自動での配色を行うことができるようにし、デザインの知識のないプログラム作成担当者が、デザイン担当者が作成したカラーセットを利用することで、デザイン担当者が作成したのに近いＧＵＩ画面の配色をするサーバおよびプログラムを提供することを目的とする。
【課題を解決するための手段】
【０００６】
ＧＵＩカラーセットサーバ１０は、所定のＧＵＩソースに含まれるＧＵＩ画面の部品を特定し、いずれかの色を部品に割り当てるカラーセット配色部を備える。
【発明の効果】
【０００７】
この発明では、利用者が指定したＧＵＩソースに含まれるＧＵＩ画面の部品を定義するタグを特定し、配色処理を行う。所定のＧＵＩソースに含まれるＧＵＩ画面の部品を特定できれば、タグを特定することに限定されない。
この発明によれば、ＧＵＩ画面において、自動での配色を行うことができるようになる。また、デザインの知識のないプログラム作成担当者が、デザイン担当者が作成したカラーセットを利用することで、顧客の要望を反映したカラーセットを作成し、デザイン担当者が作成したのに近いＧＵＩ画面の配色をすることができる。
【図面の簡単な説明】
【０００８】
【図１】実施の形態１に係るＧＵＩカラーセット配色システム１の構成図。
【図２】実施の形態１に係るＧＵＩカラーセットサーバ１０の構成図。
【図３】実施の形態１に係るＧＵＩカラーセットクライアント端末３０の構成図。
【図４】実施の形態１に係るカラーセット配色処理のフローチャート。
【図５】実施の形態１に係るカラーセット配色画面２１０  例１。
【図６】実施の形態１に係るサンプルＧＵＩソース（配色前）３３１ａ  例。
【図７】実施の形態１に係るカラーセット情報テーブル１３１  例。
【図８】実施の形態１に係るカラーセット配色画面２１０  例２。
【図９】変形例３に係るＧＵＩカラーセットサーバ１０の構成図。
【図１０】変形例３に係るＧＵＩカラーセットクライアント端末３０の構成図。
【図１１】実施の形態２に係るＧＵＩカラーセットサーバ１０の構成図。
【図１２】実施の形態２に係るカラーセット配色処理のフローチャート。
【図１３】実施の形態２に係るカラーセット配色画面２１０  例３。
【図１４】実施の形態２に係るカラーセット取得テーブル１３２  例。
【図１５】実施の形態２に係るカラーセット条件テーブル１３３  例。
【図１６】実施の形態２に係るサンプルＧＵＩソース（配色後）３３２ａ  例。
【図１７】実施の形態２に係るカラーセット割り当てテーブル１３４  例。
【図１８】実施の形態３に係るＧＵＩカラーセットクライアント端末３０の構成図。
【図１９】実施の形態３に係るカラーセット取得処理のフローチャート。
【図２０】実施の形態３に係るカラーセット配色処理のフローチャート。
【図２１】実施の形態３に係るカラーセット配色画面２１０  例４。
【図２２】実施の形態３に係るカラーセット配色画面２１０  例５。
【発明を実施するための形態】
【０００９】
実施の形態１．
＊＊＊構成の説明＊＊＊
図１を参照して、実施の形態１に係るＧＵＩカラーセット配色システム１の構成を説明する。
ＧＵＩカラーセット配色システム１は、ＧＵＩカラーセットサーバ１０と、ＧＵＩカラーセットクライアント端末３０とを備える。
ＧＵＩカラーセットサーバ１０は、ネットワーク５０を介してＧＵＩカラーセットクライアント端末３０と接続されており、通信可能である。
ネットワーク５０は、事務所内のローカルネットワークでも構わないし、インターネットでも構わない。
【００１０】
図２を参照して、実施の形態１に係るＧＵＩカラーセットサーバ１０の構成を説明する。
ＧＵＩカラーセットサーバ１０は、ＧＵＩ画面作成者向けのサービスを提供するコンピュータである。ＧＵＩカラーセットサーバ１０は、サービスを提供する会社、または、サービスを提供する会社が利用するデータセンターといった場所に設置されるが、ＧＵＩカラーセットクライアント端末３０と同じＬＡＮ内に設置されても構わない。
ＧＵＩカラーセットサーバ１０は、プロセッサ１１と、メモリ１２と、ストレージ１３と、通信インタフェース１４とのハードウェアを備える。プロセッサ１１は、信号線を介して他のハードウェアと接続され、これら他のハードウェアを制御する。
【００１１】
ＧＵＩカラーセットサーバ１０は、機能構成タグとして、カラーセット取得部２１と、送受信部２２と、カラーセット配色部２３とを備える。カラーセット取得部２１と、送受信部２２と、カラーセット配色部２３との機能はソフトウェアにより実現される。
ストレージ１３には、カラーセット取得部２１と、送受信部２２と、カラーセット配色部２３との機能を実現するプログラムが記憶されている。このプログラムは、プロセッサ１１によりメモリ１２に読み込まれ、プロセッサ１１によって実行される。これにより、カラーセット取得部２１と、送受信部２２と、カラーセット配色部２３との機能が実現される。
【００１２】
ストレージ１３には、カラーセット情報テーブル１３１が保存される。カラーセット情報テーブル１３１は、ＧＵＩ画面の部品を定義するヘッダタグや背景タグといった部品に割り当てる色情報（以降、カラーセットという）が保存されるテーブルである。カラーセット取得部２１が取得した情報をカラーセット情報テーブル１３１に保存する。
【００１３】
図３を参照して、実施の形態１に係るＧＵＩカラーセットクライアント端末３０の構成を説明する。
ＧＵＩカラーセットクライアント端末３０は、ＧＵＩカラーセットサーバ１０が提供するサービスを利用するためのコンピュータである。ＧＵＩカラーセットクライアント端末３０は、具体例としては、ＰＣ（Ｐｅｒｓｏｎａｌ  Ｃｏｍｐｕｔｅｒ）である。タブレットやスマートフォンといった携帯情報端末でも構わない。
また、ＧＵＩカラーセットクライアント端末３０は、ＧＵＩカラーセットサーバ１０と同一筐体でも構わない。
ＧＵＩカラーセットクライアント端末３０は、プロセッサ３１と、メモリ３２と、ストレージ３３と、通信インタフェース３４とを備える。プロセッサ３１は、信号線を介して他のハードウェアと接続され、これら他のハードウェアを制御する。
【００１４】
ＧＵＩカラーセットクライアント端末３０は、機能構成タグとして、カラーセット入力部４１と、送受信部４２と、カラーセット配色結果確認部４３とを備える。カラーセット入力部４１と、送受信部４２と、カラーセット配色結果確認部４３との機能はソフトウェアにより実現される。
ストレージ３３には、カラーセット入力部４１と、送受信部４２と、カラーセット配色結果確認部４３との機能を実現するプログラムが記憶されている。このプログラムは、プロセッサ３１によりメモリ３２に読み込まれ、プロセッサ３１によって実行される。これにより、カラーセット入力部４１と、送受信部４２と、カラーセット配色結果確認部４３との機能が実現される。
【００１５】
ストレージ３３には、ＧＵＩソース（配色前）３３１とＧＵＩソース（配色後）３３２が保存される。
ＧＵＩソース（配色前）３３１には、カラーセット入力部４１が選択するＧＵＩソースが記憶されている。
ＧＵＩソース（配色後）３３２には、ＧＵＩカラーセットサーバ１０にてカラーセットを割り当てられたＧＵＩソースが保存される。
ＧＵＩソース（配色前）３３１およびＧＵＩソース（配色後）３３２は、ネットワーク５０を介して接続され通信可能であればＧＵＩカラーセットクライアント端末３０以外のコンピュータ内に保存されていてもよい。
【００１６】
プロセッサ１１，３１は、演算処理を行うＩＣ（Ｉｎｔｅｇｒａｔｅｄ  Ｃｉｒｃｕｉｔ）である。プロセッサ１１，３１は、具体例としては、ＣＰＵ（Ｃｅｎｔｒａｌ  Ｐｒｏｃｅｓｓｉｎｇ  Ｕｎｉｔ）、ＤＳＰ（Ｄｉｇｉｔａｌ  Ｓｉｇｎａｌ  Ｐｒｏｃｅｓｓｏｒ）、ＧＰＵ（Ｇｒａｐｈｉｃｓ  Ｐｒｏｃｅｓｓｉｎｇ  Ｕｎｉｔ）である。
【００１７】
メモリ１２，３２は、データを一時的に記憶する記憶装置である。メモリ１２，３２は、具体例としては、ＳＲＡＭ（Ｓｔａｔｉｃ  Ｒａｎｄｏｍ  Ａｃｃｅｓｓ  Ｍｅｍｏｒｙ）、ＤＲＡＭ（Ｄｙｎａｍｉｃ  Ｒａｎｄｏｍ  Ａｃｃｅｓｓ  Ｍｅｍｏｒｙ）である。
【００１８】
ストレージ１３，３３は、データを保管する記憶装置である。ストレージ１３，３３は、具体例としては、ＨＤＤ（Ｈａｒｄ  Ｄｉｓｋ  Ｄｒｉｖｅ）である。また、ストレージ１３，３３は、ＳＤ（登録商標）（Ｓｅｃｕｒｅ  Ｄｉｇｉｔａｌ）メモリカード、ＣＦ（ＣｏｍｐａｃｔＦｌａｓｈ（登録商標））、ＮＡＮＤフラッシュ、フレキシブルディスク、光ディスク、コンパクトディスク、ブルーレイ（登録商標）ディスク、ＤＶＤ（Ｄｉｇｉｔａｌ  Ｖｅｒｓａｔｉｌｅ  Ｄｉｓｋ）といった可搬記憶媒体であってもよい。
【００１９】
通信インタフェース１４，３４は、外部の装置と通信するためのインタフェースである。通信インタフェース１４，３４は、具体例としては、Ｅｔｈｅｒｎｅｔ（登録商標）、ＵＳＢ（Ｕｎｉｖｅｒｓａｌ  Ｓｅｒｉａｌ  Ｂｕｓ）、ＨＤＭＩ（登録商標，Ｈｉｇｈ−Ｄｅｆｉｎｉｔｉｏｎ  Ｍｕｌｔｉｍｅｄｉａ  Ｉｎｔｅｒｆａｃｅ）のポートである。
【００２０】
図２および図３では、プロセッサ１１は１つだけ示されている。しかし、ＧＵＩカラーセットサーバ１０は、プロセッサ１１を代替する複数のプロセッサを備えていてもよい。同様に、ＧＵＩカラーセットクライアント端末３０は、プロセッサ３１を代替する複数のプロセッサを備えていてもよい。これら複数のプロセッサは、各機能構成タグの機能を実現するプログラムの実行を分担する。それぞれのプロセッサは、プロセッサ１１と同じように、演算処理を行うＩＣである。
【００２１】
＊＊＊動作の説明＊＊＊
図４から図１０を参照して、実施の形態１に係るＧＵＩカラーセット配色システム１の動作を説明する。
実施の形態１に係るＧＵＩカラーセット配色システム１の動作は、実施の形態１に係るＧＵＩカラーセット配色方法に相当する。また、実施の形態１に係るＧＵＩカラーセット配色システム１の動作は、実施の形態１に係るＧＵＩカラーセット配色プログラムの処理に相当する。
実施の形態１に係るＧＵＩカラーセット配色システム１の動作は、カラーセット取得処理と、カラーセット配色処理とを含む。
【００２２】
図４を参照して、実施の形態１に係るカラーセット配色処理を説明する。
カラーセット配色処理は、ネットワーク５０を介してＧＵＩカラーセットサーバ１０と接続するＧＵＩカラーセットクライアント端末３０において、利用者によって任意のタイミングで実行される。
【００２３】
カラーセット入力部４１は、ＧＵＩソースの入力画面を表示し、利用者から指定されたＧＵＩソースの画面イメージを生成し画面表示することを特徴とする。
利用者は、カラーセットを割り当てるＧＵＩソースを指定し、ＧＵＩソースの画面イメージを確認する（ステップＳ１１）。
【００２４】
図５を使用して、ＧＵＩソースの指定およびＧＵＩソースの画面表示について説明する。
図５は、カラーセット配色画面２１０である。利用者はカラーセットを割り当てる対象のＧＵＩソースをファイル選択欄２１０ａに指定する。ＧＵＩソース指定後、表示ボタン２１０ｂを押下することで、カラーセット入力部４１は、指定したＧＵＩソースの画面イメージを生成しイメージ表示エリア２１０ｃに表示する。
ＧＵＩカラーセット配色システム１でカラーセットを割り当てることができるＧＵＩソースの形式は、タグで色情報を保持しているものであればファイル形式を問わない。例えば、ｈｔｍｌ、ｘｍｌ、ｊｓｘ形式のＧＵＩソースが対象である。
【００２５】
利用者は、ＧＵＩソースを指定した後、配色ボタン２１０ｄを押下する。送受信部４２は、利用者により指定されたＧＵＩソースを通信インタフェース３４を介して、ＧＵＩカラーセットサーバ１０に送信する（ステップＳ１２）。
【００２６】
ＧＵＩカラーセットサーバ１０の送受信部２２は、ステップＳ１２で送信されたＧＵＩソースを受け取る（ステップＳ１３）。
【００２７】
カラーセット配色部２３は、ＧＵＩ画面を構成する部品をタグにより特定し、カラーセットに含まれるいずれかの色をタグに割り当てることを特徴とする。
カラーセット配色部２３は、利用者が指定したＧＵＩソースに含まれるＧＵＩ画面の部品を定義するタグを特定する（ステップＳ１４）。
なお、カラーセット配色部２３は、配色処理をカラーセットの割り当てをタグを特定することにより行っているが、所定のＧＵＩソースに含まれるＧＵＩ画面の部品を特定できれば、タグを特定することに限定されない。
【００２８】
図６を使用して、ＧＵＩソースの説明をする。図６はＧＵＩソースのサンプルファイル３３１ａである。ＧＵＩ画面を生成する画面上の部品はタグで定義される。図６の例では「ｂｏｄｙ」、「ｈｅａｄｅｒ」、「ｈ２」がタグである。各タグは所定の形式により色情報を定義する。図６の「ｂｏｄｙ」タグは「ｂａｃｋｇｒｏｕｎｄ−ｃｏｌｏｒ：＃ＦＦＦＦＦＦ；」と定義されており、「ｂｏｄｙ」タグの背景色は白色であることを表している。
図６の例では、「ｈｅａｄｅｒ」、「ｈ２」、「ｓｅｃｔｉｏｎ」、「ｂｕｔｔｏｎ」のタグで構成されていることがわかる。
【００２９】
ＧＵＩカラーセットサーバ１０のカラーセット取得部２１は、ＧＵＩソースに割り当てるのに必要なカラーセットを取得する（ステップＳ１５）。ここで、取得するカラーセットについて、図７にて説明する。
カラーセットとは、所定の色の組み合わせである。図７のカラーセットＩＤが「０００１」のカラーセットは、３色の色の組み合わせで構成される。
ステップＳ１５で取得されるカラーセットの取得方法は、任意で構わない。後述する実施の形態２で、具体的なカラーセットの取得方法を説明する。
【００３０】
カラーセット取得部２１は、取得したカラーセットの先頭から１件を選択する（ステップＳ１６）。
【００３１】
カラーセット配色部２３は、ステップ１４で特定した利用者が指定するＧＵＩソースに含まれるＧＵＩ画面の部品を定義するタグに、ステップ１６で選択したカラーセットのいずれかの色情報をタグに割り当てる（ステップＳ１７）。
ステップＳ１７でＧＵＩソースにカラーセットを割り当てる方法は、任意で構わない。後述する実施の形態２で、具体的なカラーセットの割り当て方法を説明する。
【００３２】
配色後のＧＵＩソースをＧＵＩクライアント端末に送信する（ステップＳ１８）。
【００３３】
ＧＵＩカラーセットクライアント端末３０の送受信部４２は、ステップＳ１８で送信されたＧＵＩソースを受信し、受信したＧＵＩソースをＧＵＩソース（配色後）３３２に保存する（ステップＳ１９）。
【００３４】
利用者は、配色後のＧＵＩソースを画面にて確認する（ステップＳ２０）。
カラーセット配色結果確認部４３は、ＧＵＩソースに含まれるＧＵＩ画面の部品を定義するタグに、ＧＵＩカラーセットサーバにより、所定の色の組み合わせを持つカラーセットに含まれるいずれかの色を割り当てた画面イメージを表示することを特徴とする。
図８を使用して、ＧＵＩソース（配色後）の画面表示について説明する。
【００３５】
図８は、カラーセット配色画面２１０の例である。
カラーセット配色結果確認部４３は、ステップＳ１９で取得し、ＤＢに保存されたＧＵＩソース（配色後）の画面イメージを生成しイメージ表示エリア２１０ｅに表示する。利用者は、画面により、選択されたＧＵＩソース（配色後）のイメージを確認することができる。
【００３６】
カラーセット配色結果確認部４３は、ユーザから決定の入力を受け付けるまで順次異なるカラーセットに基づく色を割り当てた画面を表示することを特徴とする。
利用者は、別のカラーセットを割り当てたイメージを見たい場合は、次ボタン２１０ｇを押下することにより、ステップＳ１５で取得したカラーセットの中から次のカラーセット１件を取得し、取得したカラーセットをＧＵＩソースに割り当て、カラーセット配色画面２１０に表示する。
ステップＳ１５で取得したカラーセットの数だけ、画面を変えてＧＵＩソースの画面を表示することが可能である。
前回表示したＧＵＩソースを見たい場合は戻るボタン２１０ｆを押下する。
【００３７】
ＧＵＩソースは複数のタグで構成されている。カラーセットは、複数の色で構成されている。タグとカラーセットとの組み合わせの数だけ、異なる配色が可能である。
図８のカラーセット配色画面２１０に、利用者が指定したＧＵＩソースのタグに割り当てた色を入れ替えることを可能とする入替えボタンを追加することで、カラーセットは変えずに、各タグに割り当てた色をタグ間で入れ替える機能を追加することも可能である。
【００３８】
利用者は、ＧＵＩソース（配色後）のイメージの確認が完了すると、対象のＧＵＩソース名をファイル指定欄２１０ｈに指定し、保存ボタン２１０ｉを押下する。カラーセット配色結果確認部４３は、ＧＵＩソース（配色後）を任意の場所に名前を付けて保存する（ステップＳ２１）。
【００３９】
＊＊＊実施の形態１の効果＊＊＊
ＧＵＩソースファイルを一件ずつ修正することなく、顧客のＷｅｂページなどのＧＵＩ画面への色の反映（背景色、ボタン色など）を行うことができるようになる。
この発明による配色は任意の色となるが、好みの配色になるまで何度も配色を繰り返すことで、配色について大きなこだわりのない利用者に対しては、十分利用可能な配色機能を提供することが可能となる。
また、ＧＵＩソースファイルを手動修正することによる修正ミスを防止することが可能となる。
【００４０】
＜変形例１＞
変形例１として、同一のカラーセットを割り当てたいＧＵＩソースが複数存在するとき、複数のＧＵＩソースに含まれる同一部品に同一色を割り当てるようにＧＵＩカラーセット配色システム１を構成することが可能である。
複数のＧＵＩソースの同一部品に同一色を割り当てる方法について説明する。
【００４１】
実施の形態１のカラーセット配色結果確認部４３は、ＧＵＩソース（配色後）を任意の場所に名前を付けて保存する（ステップＳ２１）。
変形例１では、ＧＵＩソース（配色後）の保存の際、ＧＵＩソース（配色後）に割り当てたカラーセットと、ＧＵＩソース内の各タグへの割り当て情報とを、ＧＵＩカラーセットサーバ１０に送信し、ＧＵＩカラーセットサーバ１０のＤＢ内に保存する。
【００４２】
利用者は、同一のカラーセットを割り当てたい複数のＧＵＩソースを指定する。具体的には、図５のファイル選択欄２１０ａを複数ファイル指定可能とするように構成する。
さらに、カラーセットとＧＵＩソース内の各タグへの割り当て情報とを指定できる割り当て情報選択欄をカラーセット入力部４１に追加する。
割り当て情報選択欄で指定することができる一覧は、ＧＵＩカラーセットサーバ１０のＤＢ内に保存した割り当て情報から取得する。
【００４３】
利用者は、ＧＵＩソースと割り当て情報を指定した後、配色ボタン２１０ｄを押下する。
送受信部４２は、利用者により指定された複数のＧＵＩソースと割り当て情報とを通信インタフェース３４を介して、ＧＵＩカラーセットサーバ１０に送信する。
【００４４】
ＧＵＩカラーセットサーバ１０の送受信部２２は、ＧＵＩカラーセットクライアント端末３０から送信された複数のＧＵＩソースと割り当て情報とを受け取る。
【００４５】
カラーセット配色部２３は、利用者が指定したＧＵＩソースに含まれるＧＵＩ画面の部品を定義するタグを特定する。
【００４６】
カラーセット配色部２３は、利用者が指定するＧＵＩソースに含まれるＧＵＩ画面の部品を定義するタグに、ＧＵＩカラーセットクライアント端末３０から受信した割り当て情報内のタグから特定した色情報を割り当てる。
ＧＵＩソースへの割り当ては、利用者が指定したＧＵＩソースの数だけ繰り返す。
【００４７】
すべてのＧＵＩソースへの割り当て完了後、配色後のＧＵＩソースをＧＵＩカラーセットクライアント端末３０に送信する。
【００４８】
ＧＵＩカラーセットクライアント端末３０の送受信部は、ＧＵＩカラーセットサーバ１０から送信されたＧＵＩソースを受信し、受信したＧＵＩソースをＧＵＩソース（配色後）３３２に保存する。
【００４９】
利用者は、配色後のＧＵＩソースを画面にて確認する。
【００５０】
カラーセット配色結果確認部４３は、ＤＢに保存されたＧＵＩソース（配色後）の画面イメージを生成しイメージ表示エリア２１０ｅに表示する。
利用者は、複数のＧＵＩソースに対して選択されたＧＵＩソース（配色後）のイメージを確認し、必要に応じて名前を付けて保存する。
利用者は、図５のファイル選択欄２１０ａで指定したファイルの数だけ、確認と保存を繰り返すことで、複数のＧＵＩソースに含まれる同一部品に同一色を割り当てることができる。
【００５１】
変形例１では、複数あるＧＵＩソースに同一のカラーセットを適用することができるため、ＧＵＩソースファイルを一件ずつ修正することによる修正ミスを防止することが可能となる。
【００５２】
＜変形例２＞
変形例２として、カラーセットを割り当てるＧＵＩソース内に、第２のＧＵＩソースを指定するＵＲＬを検出するとき、第２のＧＵＩソース内の部品に同一色を割り当てるようにＧＵＩカラーセット配色システム１を構成することが可能である。
【００５３】
第２のＧＵＩソース内の部品に同一色を割り当てる方法について、変形例１と異なる点について説明する。
変形例１と変形例２では、カラーセット入力部４１の処理が異なる。
【００５４】
変形例１のカラーセット入力部４１は、図５のファイル選択欄２１０ａを複数ファイル指定可能とするように構成し、カラーセットとＧＵＩソース内の各タグへの割り当て情報とを指定できる割り当て情報選択欄をカラーセット入力部４１に追加した。
変形例１の送受信部４２は、利用者により指定された複数のＧＵＩソースと割り当て情報とを通信インタフェース３４を介して、ＧＵＩカラーセットサーバ１０に送信した。
変形例２のカラーセット入力部４１は、図５のファイル選択欄２１０ａに指定されたファイルを解析し、第２のＧＵＩソースを指定するＵＲＬを検出するとき、指定されたＧＵＩソースだけでなく、第２のＧＵＩソースを選択する。
変形例２の送受信部４２は、利用者により指定されたＧＵＩソースに加えて第２のＧＵＩソースと割り当て情報とを通信インタフェース３４を介して、ＧＵＩカラーセットサーバ１０に送信する。
このように構成することで、カラーセット配色部２３は、第２のＧＵＩソースに含まれる同一部品に同一色を割り当てることが可能となる。
【００５５】
変形例２では、第２のＧＵＩソースを指定するＵＲＬを検出するとき、同一のカラーセットを第２のＧＵＩソースに適用することができるため、第２のＧＵＩソースファイルを一件ずつ検索し修正することによる、検索漏れや修正ミスを防止することが可能となる。
【００５６】
＜変形例３＞
実施の形態１では、カラーセット取得部２１と、送受信部２２と、カラーセット配色部２３と、カラーセット入力部４１と、送受信部４２と、カラーセット配色結果確認部４３との機能がソフトウェアで実現された。
しかし、変形例３として、カラーセット取得部２１と、送受信部２２と、カラーセット配色部２３と、カラーセット入力部４１と、送受信部４２と、カラーセット配色結果確認部４３との機能はハードウェアで実現されてもよい。この変形例３について、実施の形態１と異なる点を説明する。
【００５７】
図９を参照して、変形例３に係るＧＵＩカラーセットサーバ１０の構成を説明する。
機能がハードウェアで実現される場合、ＧＵＩカラーセットサーバ１０は、プロセッサ１１とメモリ１２とストレージ１３とに代えて、処理回路１５を備える。処理回路１５は、カラーセット取得部２１と、送受信部２２と、カラーセット配色部２３との機能と、メモリ１２とストレージ１３との機能とを実現する専用の電子回路である。
【００５８】
図１０を参照して、変形例３に係るＧＵＩカラーセットクライアント端末３０の構成を説明する。
機能がハードウェアで実現される場合、ＧＵＩカラーセットクライアント端末３０は、プロセッサ３１とメモリ３２とストレージ３３とに代えて、処理回路３５を備える。処理回路３５は、カラーセット入力部４１と、送受信部４２と、カラーセット配色結果確認部４３との機能と、メモリ３２とストレージ３３との機能とを実現する専用の電子回路である。
【００５９】
処理回路１５，３５は、単一回路、複合回路、プログラム化したプロセッサ、並列プログラム化したプロセッサ、ロジックＩＣ、ＧＡ（Ｇａｔｅ  Ａｒｒａｙ）、ＡＳＩＣ（Ａｐｐｌｉｃａｔｉｏｎ  Ｓｐｅｃｉｆｉｃ  Ｉｎｔｅｇｒａｔｅｄ  Ｃｉｒｃｕｉｔ）、ＦＰＧＡ（Ｆｉｅｌｄ−Ｐｒｏｇｒａｍｍａｂｌｅ  Ｇａｔｅ  Ａｒｒａｙ）が想定される。
ＧＵＩカラーセットサーバ１０の各機能構成タグの機能を１つの処理回路１５で実現してもよいし、各機能構成タグの機能を複数の処理回路１５に分散させて実現してもよい。同様に、ＧＵＩカラーセットクライアント端末３０の各機能構成タグの機能を１つの処理回路３５で実現してもよいし、各機能構成タグの機能を複数の処理回路３５に分散させて実現してもよい。
【００６０】
＜変形例４＞
変形例４として、一部の機能がハードウェアで実現され、他の機能がソフトウェアで実現されてもよい。つまり、各機能構成タグのうち、一部の機能がハードウェアで実現され、他の機能がソフトウェアで実現されてもよい。
【００６１】
プロセッサ１１，３１とメモリ１２，３２とストレージ１３，３３と処理回路１５，３５とを、総称して「プロセッシングサーキットリー」という。つまり、各機能構成タグの機能は、プロセッシングサーキットリーにより実現される。
【００６２】
実施の形態２．
実施の形態２は、ＧＵＩソースに割り当てるカラーセットの具体的な取得方法の一つと、取得したカラーセットをＧＵＩソースに割り当てる具体的な方法の一つについて説明する。実施の形態２では、実施の形態１と異なる点を説明し、同一の点については説明を省略する。
【００６３】
＊＊＊構成の説明＊＊＊
実施の形態２に係るＧＵＩカラーセット配色システム１の構成は、実施の形態１と同じであるため、省略する。
実施の形態２に係るＧＵＩカラーセットサーバ１０の構成について、図１１を参照して説明する。
実施の形態２に係るＧＵＩカラーセットサーバ１０は、ストレージに保存されるテーブル情報が実施の形態１と異なる。
【００６４】
実施の形態２のストレージ１３には、実施の形態１にあったカラーセット情報テーブル１３１の代わりに、カラーセット取得テーブル１３２とカラーセット条件テーブル１３３とカラーセット割り当てテーブル１３４が保存されている。
カラーセット取得テーブル１３２には、ＧＵＩ画面の部品を定義するヘッダタグや背景タグといった部品に割り当てる色情報（以降、カラーセットという）をカラーセット取得部２１が取得する際に必要となる情報、およびカラーセット配色部２３がＧＵＩソースにカラーセットを割り当てる際に必要となるカラーセットの情報が記憶されている。
カラーセット条件テーブル１３３には、少なくともキー色およびキーワードと所定の色の組み合わせを持つカラーセットがカラーセットパターンとして記憶されている。
カラーセット割り当てテーブル１３４には、カラーセット配色部２３がタグによってＧＵＩ画面を生成できるテキストファイル（以降、ＧＵＩソースという）にカラーセットの色情報を割り当てるために必要となるＧＵＩソースに含まれるＧＵＩ画面の部品を定義するタグとタグへの割り当て条件が記憶されている。
【００６５】
実施の形態２に係るＧＵＩカラーセットクライアント端末３０の構成は、実施の形態１と同じであるため省略する。
【００６６】
＊＊＊動作の説明＊＊＊
図１２を参照して、実施の形態２に係るカラーセット取得処理とカラーセット配色処理を説明する。
ステップＳ３５は、図４のステップＳ１４と、ステップＳ３７は、図４のステップＳ１６とそれぞれ同じである。
また、ステップＳ４０からステップＳ４３は、図４のステップＳ１８からステップＳ２１と同じである。
【００６７】
カラーセット入力部４１は、少なくともキー色およびキーワードと所定の色の組み合わせを持つカラーセットがカラーセットパターンとして登録されるカラーセット条件テーブル１３３を使用して、カラーセットが登録されたカラーセット取得テーブル１３２の中から所定のカラーセットを取得するための取得条件を利用者が指定するための入力画面を備えることを特徴とする。
図１３を使用して、カラーセットを取得するための取得条件を、利用者が指定するための入力画面について説明する。
図１３は、カラーセット配色画面２１０の例である。
【００６８】
（図１２のステップＳ３１）
利用者は、カラーセットを割り当てるＧＵＩソースを指定し、ＧＵＩソースの画面イメージを確認する（ステップＳ３１）。
同一のカラーセットを割り当てたいＧＵＩソースが複数存在するとき、複数のＧＵＩソースに含まれる同一部品に同一色を割り当てるため、ファイル選択欄２１０ａを複数入力可能とするようにすることも可能である。
【００６９】
（図１２のステップＳ３２）
カラーセット入力部４１は、カラーセットを取得するための取得条件を、利用者が指定するための入力画面に表示し、利用者は取得条件として必須とする色または印象を表す語句を指定する（ステップＳ３２）。
【００７０】
図１３の例では、取得条件を取得条件指定エリア２１０ｊに指定する。必須とする色の入力欄２１０ｋに「赤」、印象を表す語句を指定する欄２１０ｌに「明るい」が入力された例を表示している。
必須とする色に、例えば顧客のコーポレートカラーを入力することで、顧客のコーポレートカラーをベースとしたカラーセットを取得することができる。
印象を表す語句には、キーワードを入力する。例えば、「クール」、「明るい」、「落ち着いた」といった印象を表す単語を入力することで、入力された色に関連するカラーセットを取得することができる。
【００７１】
図１３の例では、必須とする色と印象を表す語句を、利用者に入力させるようにしているが、キー色およびキーワードの一覧をストレージ１３の中に持たせることで一覧から選択できるようにすることもできる。また、印象を表す語句を１つだけ指定するのではなく、２以上を指定するようにしてもよい。
【００７２】
（図１２のステップＳ３３）
利用者は、必須とする色、印象を表す語句を入力した後、配色ボタン２１０ｍを押下する。送受信部４２は、利用者により指定された取得条件を通信インタフェース３４を介して、ＧＵＩカラーセットサーバ１０に送信する（ステップＳ３３）。
【００７３】
（図１２のステップＳ３４）
ＧＵＩカラーセットサーバ１０の送受信部２２は、ステップＳ３３で送信されたＧＵＩソースと取得条件を受け取る（ステップＳ３４）。
【００７４】
カラーセット取得部２１は、利用者から取得条件として必須とする色の指定を受け付け、カラーセットを特定するための条件として少なくともキー色およびキーワードの情報を持つカラーセット条件テーブル１３３の中から必須とする色と合致するキー色を抽出し、キー色と紐づけられたカラーセットを取得することを特徴とする。
また、利用者から取得条件として印象を表す語句の指定を受け付け、カラーセット条件テーブル１３３の中から印象を表す語句と合致するキーワードを抽出し、この抽出されたキーワードと紐づけられたカラーセットを取得することを特徴とする。
【００７５】
また、必須とする色、または印象を表す語句からカラーセットを取得するために、カラーセットはキー色と定義された色を含み、キー色及びキーワードとの組み合わせに紐付けられたカラーセットパターンとしてカラーセット取得テーブル１３２に記憶されていることを特徴とする。
【００７６】
（図１２のステップＳ３６）
カラーセット取得部２１は、利用者から指定された取得条件にしたがって、ＧＵＩカラーセットサーバ１０のカラーセット取得テーブル１３２とカラーセット条件テーブル１３３を使用して候補となるカラーセットを取得する（ステップＳ３６）。
【００７７】
まず、カラーセット取得テーブル１３２を図１４にて説明する。
カラーセット取得テーブル１３２は、カラーセットＩＤ、色番号、色系統、カラーコード、色相、明度および彩度の列とを持ち、色情報を保持するテーブルである。
カラーセットＩＤは、カラーセット毎に採番される番号で、後述するカラーセット条件テーブル１３３と紐づけるために使用する。
色番号はカラーセットＩＤ内での１からの連番である。カラーセットが３色で構成される場合は、色番号は１〜３の連番となる。
色系統は、カラーコード（以降で説明）の色の傾向を表す赤、青、緑や黄色といった色である。利用者がキー色として指定した色を、カラーセット配色部２３が配色する際に条件として使用する。
カラーコードは、色を表示するためにＲＧＢ値を１６進数で表現したものである。色相は、赤、黄、緑、青、紫といった色の様相を表す。明度は、色の明暗を表す。彩度は、色の鮮やかさを表す。
【００７８】
次に、カラーセット条件テーブル１３３を図１５にて説明する。
カラーセット条件テーブル１３３は、カラーセットＩＤ、カラーセット名、キー色、色数およびキーワードＸ（Ｘは１以上の数で、キーワード情報は複数保持できることを表す）の列を持つ。
カラーセットＩＤは、カラーセット毎に採番される番号で、カラーセットを特定するために使用する。
カラーセット名は、カラーセット毎に命名する名称である。
キー色は、カラーセットのキーとなる色である。利用者が指定した必須とする色からカラーセットを取得する際に使用する。
色数は、カラーセットが持つ色の数である。利用者が指定した色数からカラーセットを取得する際に使用する。
キーワードＸは、印象を表す語句を指定する。利用者が指定した印象を表す語句からカラーセットを取得する際に使用する。
一つのカラーセットに複数のキーワードＸを持つことを可能としており、一つの印象を表す語句から複数のカラーセットが取得される。
【００７９】
具体的に、カラーセットをカラーセット条件テーブル１３３から取得する方法を説明する。
説明のため、利用者が必須とする色に「赤」、印象を表す語句に「明るい」を指定したとする。
まず、カラーセット条件テーブル１３３のキー色を参照し、キー色が「赤」となっているカラーセットＩＤを取得する。図１５の例では、キー色が「赤」のカラーセットＩＤは、「０００１」と「０００２」が取得される。
次に、カラーセット条件テーブル１３３のキーワードＸを参照し、キーワードＸが印象を表す語句が「明るい」と合致するカラーセットＩＤを取得する。図１５の例では、カラーセットＩＤ「０００１」が取得されることがわかる。
【００８０】
キーワードの抽出は、完全一致で抽出することでもよいし、あいまい検索や類似検索で抽出するように構成することも可能である。
【００８１】
（図１２のステップＳ３８）
ＧＵＩカラーセットサーバ１０のカラーセット配色部２３は、ステップＳ３７で取得したカラーセットの色を明度、彩度に従って分類する（ステップＳ３８）。
カラーセットを構成する色の明度、彩度は、カラーセット取得テーブル１３２を参照することで取得できる。
【００８２】
（図１２のステップＳ３９）
ＧＵＩカラーセットサーバ１０のカラーセット配色部２３は、ステップＳ３８で分類したカラーセットのそれぞれの色を、ステップＳ３５で画面の構造を特定したＧＵＩソースのタグに割り当てる（ステップＳ３９）。
【００８３】
カラーセット配色部２３は、ＧＵＩソースにカラーセットのいずれかの色を割り当てるために、ＧＵＩソースに記載されたタグとタグへの割り当て条件とを紐づけたカラーセット割り当てテーブル３３４を用いることを特徴とする。
【００８４】
また、カラーセット割り当てテーブル３３４は、少なくともヘッダタグおよび背景タグを含むタグとタグへの割り当て条件とを紐づけた情報を持ち、カラーセット配色部２３は、ヘッダタグには、カラーセットの中からキー色を割り当て、背景タグには、カラーセットの中から明度が高くかつ彩度が低い色を割り当てることを特徴とする。
【００８５】
カラーセット割り当てテーブル３３４について、図１６を使用して説明する。
図１６は、ＧＵＩソース（ＨＴＭＬ）の場合におけるカラーセット割り当てテーブル３３４の例である。
図１６は、構造の分類列とタグ名列とルール列の列を持つ。構造の分類列は、ＨＴＭＬの構造を分類したタグの分類を示す列である。ＨＴＭＬの構造は、ヘッダ、ナビゲーションメニュー、見出し、操作ボタンおよび背景等に分けられる。
タグ名列は、ＨＴＭＬの構造毎にＧＵＩソース上のタグの記述例を記載したものである。使用されるタグの一覧を定義する。
配色列は、ＨＴＭＬの構造の分類毎にどのような配色とするかを定義した列である。タグへの割り当て条件を定義する。
【００８６】
例えば、構造の分類でヘッダ情報と分類されるものには、「ｈｅａｄｅｒ」タグを含むタグがあることを表している。ヘッダ情報の場合、キー色となる色を（１）、（２）の優先順に配色することを表している。
また、構造の分類で背景情報と分類されるものは、ＨＴＭＬファイルの場合、（１）「ｆｏｏｔｅｒ」タグ、（２）「ａｒｔｉｃｌｅ」タグ、（３）「ｓｅｃｔｉｏｎ」タグ、（４）「ａｓｉｄｅ」タグがあることを表している。背景情報の場合は、薄い色（明度が高く、かつ彩度が低い色）を（１）から（４）の順で割り当てることを表している。
【００８７】
具体的に、取得したカラーセットをＧＵＩソースに割り当てる方法を説明する。
まず、サンプルＧＵＩソースから、ＧＵＩソースに含まれるＧＵＩ画面の部品を定義するタグを取得する。
カラーセット割り当てテーブル１３４のタグ名列に定義されている「ｈｅａｄｅｒ」タグや「ｂｕｔｔｏｎ」タグといったタグがＧＵＩソース内に定義されているかを文字列検索により確認する。図６のサンプルＧＵＩソースを例とすると、「ｈｅａｄｅｒ」タグ、「ｈ２」タグ、「ｂｕｔｔｏｎ」タグおよび「ｓｅｃｔｉｏｎ」タグが定義されていることがわかる。
【００８８】
次に、図１６のカラーセット割り当てテーブル１３４を参照すると、タグ名列が「ｈｅａｄｅｒ」タグであるタグは、構造の分類列では「ヘッダ」として分類され、同様に「ｈ２」タグは「見出し」であり、「ｂｕｔｔｏｎ」タグは操作ボタンであり、「ｓｅｃｔｉｏｎ」タグは背景であることが分かる。
ルール列を見ると、「ヘッダ」には「キー色（コーポレートカラーなど。条件指定時に設定）」を割り当て、「見出し」には、「濃い色（明度が低い、または彩度が高い色）」を割り当て、「操作ボタン」には、「濃い色」を割り当て、「背景」には、「薄い色（明度が高く、かつ彩度が低い色）」を割り当てることが分かる。
【００８９】
以上から、「ヘッダ」である「ｈｅａｄｅｒ」タグには、「カラーセット１」のキー色である「赤」を色系統に持つ「カラーセット１」の色番号「１」が「ｈｅａｄｅｒ」タグに定義される。
「見出し」である「ｈ２」タグには「カラーセット１」の中で、「濃い色（明度が低い、または彩度が高い色）」である色番号「１」が「ｈ２」タグに定義される。
【００９０】
「操作ボタン」である「Ｂｕｔｔｏｎ」タグには「カラーセット１」の中で、「濃い色」を配色するため「カラーセット１」の中で最も濃い色である色番号「２」が「Ｂｕｔｔｏｎ」タグに定義される。
最後に、「背景」である「ｓｅｃｔｉｏｎ」タグには「カラーセット１」の中で「薄い色（明度が高く、かつ彩度が低い色）」を配色するので、最も薄い色である色番号「３」が「ｓｅｃｔｉｏｎ」タグに定義される。
【００９１】
配色が決まると、サンプルファイルの該当タグの色情報を配色後の色情報で置換することにより反映する。
図１７は上記に記載した方法により図６のサンプルファイル３３１ａに配色したサンプルＧＵＩソースファイル３３２ａである。
【００９２】
カラーセット配色部２３は、部品に明度が低い色または彩度が高い色を割り当てる場合には、部品の文字色に白色を割り当てることを特徴とする。
具体的には、ＧＵＩソース上は、タグに明度が低い色または彩度が高い色を割り当てる場合には、タグの文字色のスタイルに「ｃｏｌｏｒ：＃ＦＦＦＦＦＦ；」を設定する。
図１７の例では、「ｈｅａｄｅｒ」タグの背景色は、「ｂａｃｋｇｒｏｕｎｄ−ｃｏｌｏｒ：＃ＦＦ００００」と定義し、次の行に「ｃｏｌｏｒ：＃ＦＦＦＦＦＦ；」を設定している。
【００９３】
＊＊＊実施の形態２の効果＊＊＊
以上のように、実施の形態２に係るＧＵＩカラーセット配色システム１では、デザイン担当者がデザインした配色を、カラーセット取得テーブル１３２、カラーセット条件テーブル１３３として、割り当て方法をカラーセット割り当てテーブル１３４として、ＤＢに保存しておくことで、デザイン力のないプログラム担当者でもデザイン担当者が実施したのと近いレベルの配色をＧＵＩ画面に対して行うことが可能となる。
プログラム作成担当者のみで配色作業を行うことができることから、顧客の要件にすぐに対応することができる。
【００９４】
＜変形例１＞
実施の形態２の変形例１では、カラーセット取得部２１は、利用者から取得条件として必須とする色および印象を表す語句の指定を受け付けたとき、必須とする色とキー色とが合致し、かつ印象を表す語句とキーワードとが合致する、カラーセットを取得することを特徴とする。
カラーセットを取得する際の条件が、実施の形態１と異なっている。
【００９５】
＜変形例２＞
実施の形態２の変形例１では、カラーセット取得部２１は、利用者から取得条件として必須とする色および印象を表す語句の指定を受け付けたが、実施の形態２の変形例２のカラーセット取得部２１は、利用者から取得条件として必須とする色および印象に加えて、色数を受け付けることを特徴とする。
【００９６】
色数は、カラーセットが持つ色の数である。利用者が指定した色数からカラーセットを取得する際に条件として使用する。
色数を指定することで、指定した色数を持つカラーセットのみを取得し、ＧＵＩソースに割り当てることが可能となる。
カラーセット取得部２１は、必須とする色、印象を表す語句、色数以外の項目を追加の取得条件としてもよい。
【００９７】
実施の形態３．
実施の形態３に係るＧＵＩカラーセット配色システム１の構成は、実施の形態２と同じであるため、省略する。
【００９８】
＊＊＊構成の説明＊＊＊
実施の形態３に係るＧＵＩカラーセットサーバ１０の構成は、実施の形態２と同じであるため、省略する。
実施の形態３に係るＧＵＩカラーセットクライアント端末３０の構成について、図１８を参照して説明する。
ＧＵＩカラーセットクライアント端末３０は、実施の形態２にあるカラーセット確認・選択部４４が追加となっている点が実施の形態２と異なる。
【００９９】
＊＊＊動作の説明＊＊＊
図１９、図２０を参照して、実施の形態３に係るカラーセット取得処理とカラーセット配色処理を説明する。
ステップＳ５１、ステップ５２は、図１２のステップＳ３１、ステップ３２と同じである。
ステップＳ５５は、図１２のステップ３６と同じである。
ステップＳ６１は、図１２のステップ３１と同じである。
ステップＳ６５は、図１２のステップ３５と同じである。
また、ステップＳ６６からステップＳ７２は、図１２のステップＳ３７からステップＳ４３と同じである。
【０１００】
カラーセット確認・選択部４４は、利用者から指定された取得条件にしたがって、ＧＵＩカラーセットサーバ１０から候補となるカラーセットを取得し、カラーセットの中からＧＵＩソースに割り当てるカラーセットの指定を受け付ける入力画面を表示することを特徴とする。
【０１０１】
（図１９のステップＳ５３）
図２１を参照して、実施の形態３に係るカラーセット配色処理を説明する。
利用者は、必須とする色、印象を表す語句を入力した後、取得ボタン２１０ｎを押下する。送受信部４２は、利用者により指定された取得条件を通信インタフェース３４を介して、ＧＵＩカラーセットサーバ１０に送信する（ステップＳ５３）。
【０１０２】
（図１９のステップＳ５４）
ＧＵＩカラーセットサーバ１０の送受信部２２は、ステップＳ５３で送信されたＧＵＩソースと取得条件を受け取る。（ステップＳ５４）。
【０１０３】
（図１９のステップＳ５６）
ＧＵＩカラーセットサーバ１０の送受信部２２は、ステップＳ５５で取得したカラーセットを通信インタフェース１４を介してＧＵＩカラーセットクライアント端末３０に送信する（ステップＳ５６）。
【０１０４】
（図１９のステップＳ５７）
ＧＵＩカラーセットクライアント端末３０の送受信部４２は、ステップＳ５６で送信されたカラーセットを受信し、受信したカラーセットを保存する（ステップＳ５７）。
【０１０５】
（図１９のステップＳ５８）
利用者は、取得したカラーセットを画面にて確認する（ステップＳ５８）。
具体例を図２２を使用して説明する。
【０１０６】
図２２は、カラーセット取得後のカラーセット配色画面２１０の例である。
取得時に指定した必須とする色、印象を表す語句をもとに取得したカラーセットの一覧は、カラーセットの選択欄２１０ｏに一覧として格納される。利用者は、カラーセットの選択欄２１０ｏからカラーセットを選択することで、どのような色の組み合わせを持つカラーセットが取得されたかを視覚により確認することができる。
例えば、３個の色情報から構成されるカラーセットであるカラーセット１が取得された場合、利用者がカラーセットの選択欄２１０ｏにてカラーセット１を選択すると、カラーセット１を構成する３個の色をカラーセット配色画面２１０のカラーセット表示エリア２１０ｐに表示する。
一度取得したカラーセットは、検索条件と併せて保存する機能を追加することで、次回以降、再検索せずにカラーセットを再利用することが可能である。
【０１０７】
（図２０のステップＳ６２）
利用者は、カラーセット取得部２１が取得したカラーセット情報を確認した後、ＧＵＩソースに割り当てたいカラーセットをカラーセットの選択欄２１０ｏで指定する（ステップＳ６２）。
【０１０８】
（図２０のステップＳ６３）
カラーセットとＧＵＩソースを選択した後、配色ボタン２１０ｑを押下する。送受信部４２は、利用者により選択されたカラーセットとＧＵＩソースとを通信インタフェース３４を介して、ＧＵＩカラーセットサーバ１０に送信する（ステップＳ６３）。
【０１０９】
（図２０のステップＳ６４）
ＧＵＩカラーセットサーバ１０の送受信部２２は、ステップＳ６３で送信されたＧＵＩソースとカラーセットを受け取る。（ステップＳ６４）。
【０１１０】
＊＊＊実施の形態３の効果＊＊＊
実施の形態３に係るＧＵＩカラーセット配色システム１では、取得したカラーセットの一覧を事前に利用者側で確認し選択することで、不要なカラーセットをＧＵＩソースへ反映してしまう無駄を省くことができる。
【符号の説明】
【０１１１】
１  ＧＵＩカラーセット配色システム、１０  ＧＵＩカラーセットサーバ、１１  プロセッサ、１２  メモリ、１３  ストレージ、３３１  ＧＵＩソース（配色前）（ＧＵＩソース、第２のＧＵＩソース）、３３２  ＧＵＩソース（配色後）、１４  通信インタフェース、１５  処理回路、２１  カラーセット取得部、２２  送受信部、２３  カラーセット配色部、３０  ＧＵＩカラーセットクライアント端末、３１  プロセッサ、３２  メモリ、３３  ストレージ、３３１  ＧＵＩソース（配色前）、３３２  ＧＵＩソース（配色後）、３４  通信インタフェース、３５  処理回路、４１  カラーセット入力部、４２  送受信部、４３  カラーセット配色結果確認部、４４  カラーセット確認・選択部。
【図１】
2019020968.tif 000003
【図２】
2019020968.tif 000004
【図３】
2019020968.tif 000005
【図４】
2019020968.tif 000006
【図５】
2019020968.tif 000007
【図６】
2019020968.tif 000008
【図７】
2019020968.tif 000009
【図８】
2019020968.tif 000010
【図９】
2019020968.tif 000011
【図１０】
2019020968.tif 000012
【図１１】
2019020968.tif 000013
【図１２】
2019020968.tif 000014
【図１３】
2019020968.tif 000015
【図１４】
2019020968.tif 000016
【図１５】
2019020968.tif 000017
【図１６】
2019020968.tif 000018
【図１７】
2019020968.tif 000019
【図１８】
2019020968.tif 000020
【図１９】
2019020968.tif 000021
【図２０】
2019020968.tif 000022
【図２１】
2019020968.tif 000023
【図２２】
2019020968.tif 000024
【手続補正書】
【提出日】平成30年9月12日(2018.9.12)
【手続補正１】
【補正対象書類名】特許請求の範囲
【補正対象項目名】全文
【補正方法】変更
【補正の内容】
【特許請求の範囲】
【請求項１】
所定の色の組み合わせを持ち、前記所定の色のうちのキー色及びキーワードの組み合わせに紐付けられたカラーセットに記憶されているいずれかの色を、ＧＵＩソースに含まれるＧＵＩ画面の中の所定の部品を定義するタグに割り当てるカラーセット配色部を
備えるＧＵＩカラーセットサーバ。
【請求項２】
前記カラーセット配色部は、前記ＧＵＩソースに前記カラーセットのいずれかの色を割り当てるために、前記タグと前記タグへの割り当て条件とを紐づけたカラーセット割り当てテーブルを用いることを特徴とする
請求項１に記載のＧＵＩカラーセットサーバ。
【請求項３】
前記カラーセット割り当てテーブルは、少なくともヘッダタグおよび背景タグを含む前記タグと前記タグへの割り当て条件とを紐づけた情報を持ち、
前記カラーセット配色部は、前記ヘッダタグには、前記カラーセットの中からキー色を割り当て、
前記背景タグには、前記カラーセットの中から明度が高くかつ彩度が低い色を割り当てることを特徴とする
請求項２に記載のＧＵＩカラーセットサーバ。
【請求項４】
前記カラーセット配色部は、前記部品に明度が低い色または彩度が高い色を割り当てる場合には、前記部品の文字色に白色を割り当てることを特徴とする
請求項１〜３のいずれか１項に記載のＧＵＩカラーセットサーバ。
【請求項５】
利用者から取得条件として必須とする色または印象を表す語句の指定を受け付け、前記必須とする色が指定された場合は、カラーセットを特定するための条件として少なくともキー色およびキーワードの情報を持つカラーセット条件テーブルの中から前記必須とする色と合致するキー色を抽出し、
前記印象を表す語句が指定された場合は、前記カラーセット条件テーブルの中から前記印象を表す語句と合致するキーワードを抽出し、
この抽出されたキー色またはキーワードと紐づけられたカラーセットを取得するカラーセット取得部を備えた
請求項１〜４のいずれか１項に記載のＧＵＩカラーセットサーバ。
【請求項６】
前記カラーセット取得部は、前記利用者から取得条件として必須とする色および印象を表す語句の指定を受け付けたとき、
前記必須とする色とキー色とが合致し、前記印象を表す語句とキーワードとが合致する、カラーセットを取得することを特徴とする
請求項５に記載のＧＵＩカラーセットサーバ。
【請求項７】
前記カラーセット配色部は、前記ＧＵＩソースが複数存在するとき、前記複数のＧＵＩソースに含まれる同一部品に同一色を割り当てることを特徴とする請求項１〜６のいずれか１項に記載のＧＵＩカラーセットサーバ。
【請求項８】
前記カラーセット配色部は、前記ＧＵＩソース内に含まれる第２のＧＵＩソースを指定するＵＲＬを検出すると、前記部品と同一である前記第２のＧＵＩソース内の部品に前記部品と同一色を割り当てることを特徴とする
請求項７に記載のＧＵＩカラーセットサーバ。
【請求項９】
ネットワークを介してＧＵＩカラーセットサーバと接続するＧＵＩカラーセットクライアント端末であって、
所定のＧＵＩソースに含まれるＧＵＩ画面の部品を定義するタグに、ＧＵＩカラーセットサーバにより所定の色の組み合わせを持つカラーセットに含まれるいずれかの色を割り当てたＧＵＩソースの画面イメージを生成し画面表示するカラーセット配色結果確認部と、
前記ＧＵＩカラーセットサーバが有する、少なくともキー色およびキーワードと所定の色の組み合わせを持つカラーセットがカラーセットパターンとして登録されるカラーセット条件テーブルを使用して、カラーセットが登録されたカラーセット取得テーブルの中から、所定のカラーセットを取得するための取得条件を利用者が指定するための入力画面を表示するカラーセット入力部と
を備えるＧＵＩカラーセットクライアント端末。
【請求項１０】
前記カラーセット配色結果確認部は、ユーザから決定の入力を受け付けるまで順次異なる前記カラーセットに基づく色を割り当てた画面を表示することを特徴とする
請求項９に記載のＧＵＩカラーセットクライアント端末。
【請求項１１】
さらに、前記カラーセット入力部は、ＧＵＩソースの入力画面を表示し、利用者から指定された前記ＧＵＩソースの画面イメージを生成し画面表示することを特徴とする
請求項９に記載のＧＵＩカラーセットクライアント端末。
【請求項１２】
利用者から指定された取得条件にしたがって、前記ＧＵＩカラーセットサーバから候補となる前記カラーセットを取得し、前記カラーセットの中から前記ＧＵＩソースに割り当てるカラーセットの指定を受け付ける入力画面を表示するカラーセット確認・選択部
を備える請求項９〜１１のいずれか１項に記載のＧＵＩカラーセットクライアント端末。
【請求項１３】
ＧＵＩカラーセットサーバと、ネットワークを介して接続されるＧＵＩカラーセットクライアント端末とからなるＧＵＩカラーセット配色システムであり、
前記ＧＵＩカラーセットサーバは、
所定の色の組み合わせを持ち、前記所定の色のうちのキー色及びキーワードの組み合わせに紐付けられたカラーセットに記憶されているいずれかの色を、ＧＵＩ画面の中の所定の部品を定義するタグに割り当てるカラーセット配色部を備え
前記ＧＵＩカラーセットクライアント端末は、
ネットワークを介してＧＵＩカラーセットサーバと接続するＧＵＩカラーセットクライアント端末であって、
所定のＧＵＩソースに含まれるＧＵＩ画面の部品を定義するタグに、ＧＵＩカラーセットサーバにより所定の色の組み合わせを持つカラーセットに含まれるいずれかの色を割り当てたＧＵＩソースの画面イメージを生成し画面表示するカラーセット配色結果確認部と、
前記ＧＵＩカラーセットサーバが有する、少なくともキー色およびキーワードと所定の色の組み合わせを持つカラーセットがカラーセットパターンとして登録されるカラーセット条件テーブルを使用して、カラーセットが登録されたカラーセット取得テーブルの中から、所定のカラーセットを取得するための取得条件を利用者が指定するための入力画面を表示するカラーセット入力部とを備える
ことを特徴とするＧＵＩカラーセット配色システム。
【請求項１４】
所定の色の組み合わせを持ち、前記所定の色のうちのキー色及びキーワードの組み合わせに紐付けられたカラーセットに記憶されているいずれかの色を、ＧＵＩ画面の中の所定の部品を定義するタグに割り当てるカラーセット配色処理をコンピュータに実行させるＧＵＩカラーセット配色プログラム。