特許 5706960 画像配置方法、ブラウズ方法、表示制御装置、サーバー、通信システム、画像配置システムおよびプログラム

(19)【発行国】日本国特許庁(JP)

(12)【公報種別】特許公報(B2)

(11)【特許番号】5706960

(24)【登録日】2015年3月6日

(45)【発行日】2015年4月22日

(54)【発明の名称】画像配置方法、ブラウズ方法、表示制御装置、サーバー、通信システム、画像配置システムおよびプログラム

(51)【国際特許分類】

   G06F 3/048 20130101AFI20150402BHJP

   G06F 3/0482 20130101ALI20150402BHJP

   G09G 5/38 20060101ALI20150402BHJP

   G09G 5/36 20060101ALI20150402BHJP

   G09G 5/02 20060101ALI20150402BHJP

   G09G 5/14 20060101ALI20150402BHJP

【ＦＩ】

   G06F3/048 655B

   G06F3/048 654B

   G09G5/38 A

   G09G5/36 520F

   G09G5/36 520G

   G09G5/02 B

   G09G5/14 A

【請求項の数】18

【全頁数】23

(21)【出願番号】特願2013-502039(P2013-502039)

(86)(22)【出願日】2011年3月1日

(86)【国際出願番号】JP2011001193

(87)【国際公開番号】WO2012117442

(87)【国際公開日】20120907

【審査請求日】2013年8月15日

(73)【特許権者】

【識別番号】000005016

【氏名又は名称】パイオニア株式会社

(74)【代理人】

【識別番号】110000637

【氏名又は名称】特許業務法人樹之下知的財産事務所

(74)【代理人】

【識別番号】110001623

【氏名又は名称】特許業務法人真菱国際特許事務所

(72)【発明者】

【氏名】山田 拓也

【審査官】 円子 英紀

(56)【参考文献】

【文献】 特開平１１−１７５５３５（ＪＰ，Ａ）

【文献】 特開２０１０−０４９１５８（ＪＰ，Ａ）

【文献】 国際公開第２００７／１２６０９６（ＷＯ，Ａ１）

【文献】 特開２００３−３３１２５７（ＪＰ，Ａ）

【文献】 特開２００３−２７１６５７（ＪＰ，Ａ）

【文献】 特開２００３−００６２２７（ＪＰ，Ａ）

【文献】 特開２０００−２４２６４８（ＪＰ，Ａ）

【文献】 特開平０８−２４９３５２（ＪＰ，Ａ）

(58)【調査した分野】（Int.Cl.，ＤＢ名）

Ｇ０６Ｆ ３／０４８−３／０４８９

Ｇ０６Ｆ ３／１４

Ｇ０９Ｇ ５／００−５／４２

(57)【特許請求の範囲】

【請求項1】

Ｘ軸およびＹ軸を有する座標空間上に、複数の画像を配置させる画像配置方法であって、
各画像から、各画像を構成するＮ個（但し、ＮはＮ≧３となる整数）の色要素を取得する色要素取得ステップと、
前記Ｎ個の色要素のうちＭ個（但し、Ｍは１≦Ｍ≦Ｎとなる整数）の色要素に基づいて前記画像のＸ軸方向の配置を決定すると共に、残りの（Ｎ−Ｍ）個の色要素に基づいて前記画像のＹ軸方向の配置を決定する配置決定ステップと、
決定した配置にしたがって、前記複数の画像を前記座標空間上に配置させる画像配置ステップと、を備えたことを特徴とする画像配置方法。

【請求項2】

前記Ｎ個の色要素は、ＨＬＳ色空間の３つの成分である、色相、輝度、彩度であることを特徴とする請求項１に記載の画像配置方法。

【請求項3】

前記配置決定ステップは、色相に基づいて前記画像のＸ軸方向の配置を決定すると共に、輝度および彩度に基づいて前記画像のＹ軸方向の配置を決定することを特徴とする請求項２に記載の画像配置方法。

【請求項4】

前記Ｘ軸は、色相環にしたがって各画像が配置されるループ状の無端軸であることを特徴とする請求項３に記載の画像配置方法。

【請求項5】

前記Ｙ軸は、所定の彩度以上の画像が輝度にしたがって配置される第１の半円弧軸と、前記所定の彩度未満の画像が輝度にしたがって配置される第２の半円弧軸と、から成るループ状の無端軸であり、前記第１の半円弧軸と前記第２の半円弧軸は、各軸上の輝度の最大値同士および最小値同士がつながって１つの円弧となるように構成されていることを特徴とする請求項４に記載の画像配置方法。

【請求項6】

前記所定の彩度は、輝度の影響を考慮して算出された補正彩度によって定められていることを特徴とする請求項５に記載の画像配置方法。

【請求項7】

前記色要素取得ステップは、各画像の全画素について、色相、輝度、彩度を取得し、
全画素の色相、輝度、彩度に基づいて、各画像の色相、輝度、彩度の代表値を決定する代表値決定ステップをさらに備え、
前記配置決定ステップは、各画像の色相、輝度、彩度の各代表値に基づいて、Ｘ軸方向およびＹ軸方向の配置を決定することを特徴とする請求項５に記載の画像配置方法。

【請求項8】

請求項７に記載の画像配置方法における各ステップと、
前記複数の画像が配置された前記座標空間を表示画面に表示させる表示制御ステップと、を備え、
前記表示制御ステップは、ユーザーの画面移動操作にしたがって、前記座標空間のＸ軸方向およびＹ軸方向の表示位置をシームレスに移動させることを特徴とするブラウズ方法。

【請求項9】

前記表示制御ステップは、ユーザーの画面拡大操作および画面縮小操作にしたがって、前記座標空間および各画像の表示サイズを変更し、
前記各画像の画像サイズが所定サイズ以下となった場合、各画像を、色相、輝度、彩度の各代表値に基づく代表色で塗り潰すことを特徴とする請求項８に記載のブラウズ方法。

【請求項10】

前記表示制御ステップは、前記各画像の読み込みが完了していない状態で、ユーザーの選択操作により、任意の画像が選択された場合、当該任意の画像から画像の読み込みを開始することを特徴とする請求項８に記載のブラウズ方法。

【請求項11】

前記表示制御ステップは、ユーザーによるフィルタリング条件の入力により、前記座標空間に表示する画像数が減少する場合、減少前の画像レイアウトを保持したまま、前記フィルタリング条件に該当する画像のみを表示させることを特徴とする請求項８に記載のブラウズ方法。

【請求項12】

前記表示制御ステップは、ユーザーによるフィルタリング条件の入力により、前記座標空間に表示する画像数が減少する場合、前記フィルタリング条件に該当する画像のみを対象として前記配置決定ステップにより配置し直された座標空間を表示させることを特徴とする請求項８に記載のブラウズ方法。

【請求項13】

前記表示制御ステップは、ユーザーによるフィルタリング条件の入力により、前記座標空間に表示する画像数が減少する場合であって、減少する画像数が所定数以上の場合、前記フィルタリング条件に該当する画像のみを対象として前記配置決定ステップにより配置し直された座標空間を表示させ、減少する画像数が所定数未満の場合、減少前の画像レイアウトを保持したまま、前記フィルタリング条件に該当する画像のみを表示させることを特徴とする請求項８に記載のブラウズ方法。

【請求項14】

Ｘ軸およびＹ軸を有する座標空間上に、複数の画像を配置させる表示制御装置であって、
各画像から、各画像を構成するＮ個（但し、ＮはＮ≧３となる整数）の色要素を取得する色要素取得手段と、
前記Ｎ個の色要素のうちＭ個（但し、Ｍは１≦Ｍ≦Ｎとなる整数）の色要素に基づいて前記画像のＸ軸方向の配置を決定すると共に、残りの（Ｎ−Ｍ）個の色要素に基づいて前記画像のＹ軸方向の配置を決定する配置決定手段と、
決定した配置にしたがって、前記複数の画像を前記座標空間上に配置させる画像配置手段と、を備えたことを特徴とする表示制御装置。

【請求項15】

Ｘ軸およびＹ軸を有する座標空間上に、複数の画像を配置させ、当該座標空間をユーザー端末に提供するサーバーであって、
各画像から、各画像を構成するＮ個（但し、ＮはＮ≧３となる整数）の色要素を取得する色要素取得手段と、
前記Ｎ個の色要素のうちＭ個（但し、Ｍは１≦Ｍ≦Ｎとなる整数）の色要素に基づいて前記画像のＸ軸方向の配置を決定すると共に、残りの（Ｎ−Ｍ）個の色要素に基づいて前記画像のＹ軸方向の配置を決定する配置決定手段と、
決定した配置にしたがって、前記複数の画像を前記座標空間上に配置させる画像配置手段と、を備えることを特徴とするサーバー。

【請求項16】

請求項１５に記載のサーバーと、
前記サーバーと接続されて用いられ、前記座標空間を表示する表示画面と、前記座標空間に配置された複数の画像のうち、任意の画像を選択するための操作手段と、を備えたユーザー端末と、が通信可能に構成されていることを特徴とする通信システム。

【請求項17】

Ｘ軸およびＹ軸を有する座標空間上に、複数の画像を配置させ、当該座標空間をユーザー端末に提供する画像配置システムであって、
各画像から、各画像を構成するＮ個（但し、ＮはＮ≧３となる整数）の色要素を取得する色要素取得手段と、
前記Ｎ個の色要素のうちＭ個（但し、Ｍは１≦Ｍ≦Ｎとなる整数）の色要素に基づいて前記画像のＸ軸方向の配置を決定すると共に、残りの（Ｎ−Ｍ）個の色要素に基づいて前記画像のＹ軸方向の配置を決定する配置決定手段と、
決定した配置にしたがって、前記複数の画像を前記座標空間上に配置させる画像配置手段と、
前記座標空間を表示する表示画面と、
前記表示画面に表示された複数の画像のうち、任意の画像を選択するための操作手段と、を備えたことを特徴とする画像配置システム。

【請求項18】

コンピューターに、請求項１ないし７のいずれか１項に記載の画像配置方法における各ステップ、または請求項８ないし１３のいずれか１項に記載のブラウズ方法における各ステップを実行させるためのプログラム。

【発明の詳細な説明】

【技術分野】

【0001】

Ｘ軸およびＹ軸を有する座標空間上に、複数の画像を配置させる画像配置方法、ブラウズ方法、表示制御装置、サーバー、通信システム、画像配置システムおよびプログラムに関する。

【背景技術】

【0002】

従来、複数の画像を配列する技術として、各画像を構成する色要素を抽出し、抽出した色要素に基づいてＸ軸方向およびＹ軸方向の配置を決定する表示制御装置が提案されている。例えば、特許文献１では、Ｘ軸に「色相」を割り当てると共にＹ軸に「明度」または「彩度」を割り当て、該当する位置に各画像を配置している。これにより、複数の画像を配列した場合に、視覚的な規則性が得られ、見栄えが良いといった効果がある。

【0003】

一方、近年のファイルミュージックを扱うソフトウェアでは、アルバムアートワークを用いて視覚的な選曲を行うことができるようになっている。それは、ＤＪパフォーマンス用のＤＪ機器でも同様であるが、ＤＪ機器のように、比較的多くのファイルを扱う機器を想定した場合、既存製品のようにアルバムアートワークを単純にアルバム名やアーティスト名順に並べただけでは効率的に目的のアルバムを探し出すことができない。そこで、特許文献１の技術を適用し、アルバムアートワークの視覚情報を頼りに、目的のアルバムを探し出すことが考えられる。

【先行技術文献】

【特許文献】

【0004】

【特許文献1】特開２００９−７０３１７号公報

【発明の概要】

【発明が解決しようとする課題】

【0005】

ところが、上記特許文献１では、「色の三属性（色の三要素）」と称される「色相」、「明度（輝度）」、「彩度」のうち、２つの要素しか考慮されていない。つまり、Ｘ軸とＹ軸にそれぞれ１つの色要素しか割り当てられていないため、残りの１つの色要素について、画像を視認上滑らかに配置することができない。このため、アルバムアートワークを「画像」として表示画面上に配置した場合、目的のアルバムを見つけ出すことが困難になると予想される。また、上記特許文献１には、３つの色要素を全て考慮した場合の実施例として、白黒モードのＯＮ／ＯＦＦを切り替える構成が記載されており、白黒モードＯＦＦ時は「彩度」が一定以上の画像を「色相」と「明度」に基づいて配置し、白黒モードＯＮ時は「彩度」が一定未満の画像を「明度」に基づいて配置することが記載されている。ところが、白黒モードによって表示対象が「彩度」の閾値で切り替わるため、両方の表示対象をシームレスに表示できず、特に閾値周辺の画像を探す場合や、目的の画像がはっきりしていない場合にデメリットとなる。

【0006】

本発明は、上記の問題点に鑑み、複数の画像を見栄え良く配置できると共に、目的の画像を効率的に探し出すことが可能な画像配置方法、ブラウズ方法、表示制御装置、サーバー、通信システム、画像配置システムおよびプログラムを提供することを目的とする。

【課題を解決するための手段】

【0007】

本発明の画像配置方法は、Ｘ軸およびＹ軸を有する座標空間上に、複数の画像を配置させる画像配置方法であって、各画像から、各画像を構成するＮ個（但し、ＮはＮ≧３となる整数）の色要素を取得する色要素取得ステップと、Ｎ個の色要素のうちＭ個（但し、Ｍは１≦Ｍ≦Ｎとなる整数）の色要素に基づいて画像のＸ軸方向の配置を決定すると共に、残りの（Ｎ−Ｍ）個の色要素に基づいて画像のＹ軸方向の配置を決定する配置決定ステップと、決定した配置にしたがって、複数の画像を座標空間上に配置させる画像配置ステップと、を備えたことを特徴とする。

【0008】

本発明の表示制御装置は、Ｘ軸およびＹ軸を有する座標空間上に、複数の画像を配置させる表示制御装置であって、各画像から、各画像を構成するＮ個（但し、ＮはＮ≧３となる整数）の色要素を取得する色要素取得手段と、Ｎ個の色要素のうちＭ個（但し、Ｍは１≦Ｍ≦Ｎとなる整数）の色要素に基づいて画像のＸ軸方向の配置を決定すると共に、残りの（Ｎ−Ｍ）個の色要素に基づいて画像のＹ軸方向の配置を決定する配置決定手段と、決定した配置にしたがって、複数の画像を座標空間上に配置させる画像配置手段と、を備えたことを特徴とする。

【0009】

これらの構成によれば、各画像のＮ個（但し、ＮはＮ≧３となる整数）の色要素のうち、Ｍ個（但し、Ｍは１≦Ｍ≦Ｎとなる整数）の色要素に基づいて画像のＸ軸方向の配置を決定すると共に、残りの（Ｎ−Ｍ）個の色要素に基づいて画像のＹ軸方向の配置を決定する。つまり、３つの色要素を取得した場合は、Ｘ軸およびＹ軸のいずれか一方の軸に、２つの色要素が割り当てられ、当該２つの色要素に基づいて一方の軸方向の配置を決定する。これにより、各画像を規則的且つ見栄え良く配置することができる。
なお「色要素」とは、「色の三属性」である色相、明度または輝度、彩度の他、加法混合の３色（赤、緑、青）、減法混色の３色（シアン、マゼンタ、イエロー）なども含む概念である。また、「色の三属性」は、ＨＬＳ色空間やＨＳＶ色空間など、どの色空間（表色系）の成分を指すものであっても良い。
また、「Ｘ軸およびＹ軸を有する座標空間」は、必ずしも２次元空間でなくても良く、３次元空間であっても良い。つまり、「少なくともＸ軸およびＹ軸で表される座標空間」であれば良い。また、Ｘ軸とＹ軸は、必ずしも直交していなくても良い。
また、「画像」とは、座標空間に配置可能且つ視認可能な物体を指すものであり、画像であっても良いし、映像であっても良い。また、平面体ではなく、立体であっても良い。

【0010】

上記の画像配置方法において、Ｎ個の色要素は、ＨＬＳ色空間の３つの成分である、色相、輝度、彩度であることを特徴とする。

【0011】

上記の画像配置方法において、配置決定ステップは、色相に基づいて画像のＸ軸方向の配置を決定すると共に、輝度および彩度に基づいて画像のＹ軸方向の配置を決定することを特徴とする。

【0012】

これらの構成によれば、「色の三属性」に基づいて、各画像を規則的且つ見栄え良く配置することができる。また、ＨＬＳ色空間に基づく色相、輝度（明るさ）、彩度を用いることで、より見栄え良く（視覚上、滑らかに）各画像を配置できる。

【0013】

上記の画像配置方法において、Ｘ軸は、色相環にしたがって各画像が配置されるループ状の無端軸であることを特徴とする。

【0014】

この構成によれば、色相環にしたがって、各画像をＸ軸方向にシームレスに配置することができる。

【0015】

上記の画像配置方法において、Ｙ軸は、所定の彩度以上の画像が輝度にしたがって配置される第１の半円弧軸と、所定の彩度未満の画像が輝度にしたがって配置される第２の半円弧軸と、から成るループ状の無端軸であり、第１の半円弧軸と第２の半円弧軸は、各軸上の輝度の最大値同士および最小値同士がつながって１つの円弧となるように構成されていることを特徴とする。

【0016】

この構成によれば、輝度および彩度にしたがって、各画像をＹ軸方向にシームレスに配置することができる。特に、第１の半円弧軸と第２の半円弧軸は、各軸上の輝度の最大値同士および最小値同士がつながって１つの円弧となるように構成されているため、輝度と彩度の両方について、視覚上滑らかに各画像を配置することができる。

【0017】

上記の画像配置方法において、所定の彩度は、輝度の影響を考慮して算出された補正彩度によって定められていることを特徴とする。

【0018】

この構成によれば、人間が実際に感じる彩度は、輝度の影響を受けているため、補正彩度によって閾値を定めることで、各画像をより見栄えの良く（視覚上、滑らかに）配置することができる。

【0019】

上記の画像配置方法において、色要素取得ステップは、各画像の全画素について、色相、輝度、彩度を取得し、全画素の色相、輝度、彩度に基づいて、各画像の色相、輝度、彩度の代表値を決定する代表値決定ステップをさらに備え、配置決定ステップは、各画像の色相、輝度、彩度の各代表値に基づいて、Ｘ軸方向およびＹ軸方向の配置を決定することを特徴とする。

【0020】

この構成によれば、全画素について取得された各色要素から、画像毎の各色要素の代表値を決定するため、アルバムアートワークなど複雑な絵柄が含まれる画像（複数色が用いられる画像）であっても、その代表色（ユーザーがイメージする色）によって、見栄え良く配置することができる。

【0021】

本発明のブラウズ方法は、上記の画像配置方法における各ステップと、複数の画像が配置された座標空間を表示画面に表示させる表示制御ステップと、を備え、表示制御ステップは、ユーザーの画面移動操作にしたがって、座標空間のＸ軸方向およびＹ軸方向の表示位置をシームレスに移動させることを特徴とする。

【0022】

この構成によれば、各画像が、色要素にしたがって規則的且つ見栄え良く配置されているため、目的の画像を効率的に探し出すことができる。また、座標空間のＸ軸およびＹ軸は、いずれもループ状の無端軸であるため、ユーザーの画面移動操作にしたがって表示画面の表示位置をＸ軸方向およびＹ軸方向にシームレスに移動させることができ、より迅速に目的の画像を探し出すことができる。

【0023】

上記のブラウズ方法において、表示制御ステップは、ユーザーの画面拡大操作および画面縮小操作にしたがって、座標空間および各画像の表示サイズを変更し、各画像の画像サイズが所定サイズ以下となった場合、各画像を、色相、輝度、彩度の各代表値に基づく代表色で塗り潰すことを特徴とする。

【0024】

この構成によれば、座標空間および各画像の表示サイズを変更することができるため、配置されている画像数によらず、より効率的に目的の画像を探し出すことができる。また、各画像の画像サイズが所定サイズ以下となった場合、各画像が代表色で塗り潰されるため、表示画面の解像度が低い場合であっても、ユーザーが記憶する色のイメージから、目的の画像を探し出すことができる。

【0025】

上記のブラウズ方法において、表示制御ステップは、各画像の読み込みが完了していない状態で、ユーザーの選択操作により、任意の画像が選択された場合、当該任意の画像から画像の読み込みを開始することを特徴とする。

【0026】

この構成によれば、ユーザーが選択した任意の画像から読み込みが開始されるため、より早く任意の画像を確認することができる。

【0027】

上記のブラウズ方法において、表示制御ステップは、ユーザーによるフィルタリング条件の入力により、座標空間に表示する画像数が減少する場合、減少前の画像レイアウトを保持したまま、フィルタリング条件に該当する画像のみを表示させることを特徴とする。

【0028】

この構成によれば、フィルタリング条件の入力により、表示させる画像の絞込みを行うことができる。また、フィルタリング前後で、フィルタリング条件に該当する画像の配置は変わらないため、徐々に絞込みを行いながら目的の画像を探し出すような場合、目的の画像を見失うことがない。

【0029】

上記のブラウズ方法において、記表示制御ステップは、ユーザーによるフィルタリング条件の入力により、座標空間に表示する画像数が減少する場合、フィルタリング条件に該当する画像のみを対象として配置決定ステップにより配置し直された座標空間を表示させることを特徴とする。

【0030】

この構成によれば、フィルタリングによって表示させる画像数が極端に少なくなった場合、再配置によってフィルタリング条件に該当する画像が集結されるため、目的の画像を探し出しやすくなる。

【0031】

上記のブラウズ方法において、表示制御ステップは、ユーザーによるフィルタリング条件の入力により、座標空間に表示する画像数が減少する場合であって、減少する画像数が所定数以上の場合、フィルタリング条件に該当する画像のみを対象として配置決定ステップにより配置し直された座標空間を表示させ、減少される画像数が所定数未満の場合、減少前の画像レイアウトを保持したまま、フィルタリング条件に該当する画像のみを表示させることを特徴とする。

【0032】

この構成によれば、フィルタリングによって減少する画像数に応じて、好ましい配置を実現できる。具体的には、フィルタリングによって極端に画像数が減少した場合、再配置されるため、目的の画像を探し出しやすくなる。また、フィルタリング前後の画像数がさほど変化しない場合は、画像レイアウトが変化しないため、目的の画像を見失うことがない。

【0033】

本発明のサーバーは、Ｘ軸およびＹ軸を有する座標空間上に、複数の画像を配置させ、当該座標空間をユーザー端末に提供するサーバーであって、各画像から、各画像を構成するＮ個（但し、ＮはＮ≧３となる整数）の色要素を取得する色要素取得手段と、Ｎ個の色要素のうちＭ個（但し、Ｍは１≦Ｍ≦Ｎとなる整数）の色要素に基づいて画像のＸ軸方向の配置を決定すると共に、残りの（Ｎ−Ｍ）個の色要素に基づいて画像のＹ軸方向の配置を決定する配置決定手段と、決定した配置にしたがって、複数の画像を座標空間上に配置させる画像配置手段と、を備えることを特徴とする。

【0034】

本発明のユーザー端末は、上記のサーバーと接続されて用いられ、座標空間を表示する表示画面と、座標空間に配置された複数の画像のうち、任意の画像を選択するための操作手段と、を備えたことを特徴とする。

【0035】

本発明の通信システムは、上記のサーバーと、サーバーと接続されて用いられ、座標空間を表示する表示画面と、座標空間に配置された複数の画像のうち、任意の画像を選択するための操作手段と、を備えたユーザー端末と、が通信可能に構成されていることを特徴とする。

【0036】

本発明の画像配置システムは、Ｘ軸およびＹ軸を有する座標空間上に、複数の画像を配置させ、当該座標空間をユーザー端末に提供する画像配置システムであって、各画像から、各画像を構成するＮ個（但し、ＮはＮ≧３となる整数）の色要素を取得する色要素取得手段と、Ｎ個の色要素のうちＭ個（但し、Ｍは１≦Ｍ≦Ｎとなる整数）の色要素に基づいて画像のＸ軸方向の配置を決定すると共に、残りの（Ｎ−Ｍ）個の色要素に基づいて画像のＹ軸方向の配置を決定する配置決定手段と、決定した配置にしたがって、複数の画像を座標空間上に配置させる画像配置手段と、座標空間を表示する表示画面と、表示画面に表示された複数の画像のうち、任意の画像を選択するための操作手段と、を備えたことを特徴とする。

【0037】

これらの構成によれば、ネットワーク上のサーバーで、本発明を実現できる。また、クラウドコンピューティングにも、本発明を適用できる。さらに、サーバー、ＰＣ、ユーザー端末がネットワーク接続された構成に本発明を適用する場合は、最低限、ユーザー端末に、表示画面、操作手段、サーバーおよび／またはＰＣと通信するための通信手段を備えれば良く、他の手段（色要素取得手段、配置決定手段、画像配置手段）については、サーバー、ＰＣ、ユーザー端末のいずれか、またはそれぞれに分散して備えられれば良い。

【0038】

本発明のプログラムは、コンピューターに、上記の画像配置方法における各ステップ、または上記のブラウズ方法における各ステップを実行させることを特徴とする。

【0039】

このプログラムを用いることにより、複数の画像を見栄え良く配置できる画像配置方法、および目的の画像を効率的に探し出すことができるブラウズ方法を実現できる。

【図面の簡単な説明】

【0040】

【図1】本発明の一実施形態に係るＰＣの構成図である。

【図2】ファイルミュージックプレーヤの画面表示例を示す図である。

【図3】ＰＣの機能ブロック図である。

【図4】単色画像群の２次元座標空間への配置例を示す図である。

【図5】各軸とＨＬＳ色空間の対応関係を示す図である。

【図6】各画像の代表ＨＬＳ値とその配置例を示す図である。

【図7】補正彩度の計算式の一例を示す図である。

【図8】各画像の代表値決定処理を示すフローチャートである。

【図9】各画像の配置決定処理を示すフローチャートである。

【図10】ユーザーの平行移動操作に基づく表示制御の説明図である。

【図11】ユーザーの画面拡大／縮小操作に基づく表示制御の説明図である。

【図12】画像読み込み動作の説明図である。

【図13】楽曲選択画面の一例を示す図である。

【図14】ユーザーのフィルタリング条件の入力による表示制御の説明図である。

【図15】楽曲選択の流れを説明するための、楽曲選択画面の一例を示す図である。

【図16】カテゴリー、キー、キーワードによる絞込みを説明するための、操作画面の一例を示す図である。

【図17】ファイルミュージックプレーヤの他の画面表示例を示す図である。

【図18】五度圏の調性空間を示す図である。

【発明を実施するための形態】

【0041】

以下、本発明の一実施形態に係る画像配置方法、ブラウズ方法、表示制御装置、サーバー、通信システム、画像配置システムおよびプログラムについて、添付図面を参照しながら詳細に説明する。本実施形態では、パーソナルコンピューター（以下、「ＰＣ」と表記する）上で動作する「ファイルミュージックプレーヤ」に、本発明を適用した場合について例示する。

【0042】

図１は、ＰＣ１０（表示制御装置）の概略構成を示す構成図である。同図に示すように、ＰＣ１０は、表示部１１、操作部１２、外部記憶装置インターフェース部（以下、「外部記憶装置Ｉ／Ｆ部」と表記する）１３、通信部１４、制御部１５、記憶部１６、再生処理部１７、音声出力部１８の他、これらを接続するバス１９を備えている。

【0043】

表示部１１は、不図示の表示画面上に、ファイルミュージックプレーヤの操作画面Ｄ０（図２参照）などを表示する。特に本実施形態は、操作画面Ｄ０のブラウザ領域Ｅ５に、多数のアルバムアートワークＡＡＷを、アルバムアートワークＡＡＷから取得された色要素に基づく配列で表示することを特徴とする。操作部１２は、マウス、キーボード、タッチパッド等を有し、ユーザーが各種操作を行うために用いられる。

【0044】

外部記憶装置Ｉ／Ｆ部１３は、外部記憶装置３０から楽曲情報等を読み出すなど、ＰＣ１０と外部記憶装置３０との間で情報の入出力を行う。なお、外部記憶装置３０とは、ＰＣ１０にローカル接続された記憶デバイス（外付けハードディスク装置など）や、ＰＣ１０に搭載のメモリスロットで読み出し可能なＵＳＢメモリなどを指す。

【0045】

通信部１４は、インターネットやイントラネットなどのネットワークＮＷを介して、ネットワークＮＷ上の機器（サーバー）のメモリから楽曲情報等を取得するなど、ＰＣ１０とネットワークＮＷ上の機器との間で通信を行う。

【0046】

制御部１５は、ＣＰＵ（Central Processing Unit）、ＲＯＭ（Read Only Memory）、ＲＡＭ（Random Access Memory）等から成り、各種演算処理を行う。また、操作部１２の操作に基づく表示部１１の表示制御、外部記憶装置Ｉ／Ｆ部１３および通信部１４を介した情報入出力制御、楽曲の編集処理（ミキシング処理を含む）、楽曲の再生制御等を行う。

【0047】

記憶部１６は、ハードディスクドライブ等から成り、ファイルミュージックプレーヤを実現するための専用アプリケーション２０を記憶すると共に、楽曲情報を記憶する。「楽曲情報」としては、楽曲ファイル（または楽曲ファイルのパス）と楽曲付随情報などを記憶する。楽曲付随情報は、楽曲の識別情報（楽曲ＩＤ）、楽曲タイトル名、アルバム名、アーティスト名、ジャンル名、作曲者名、リミキサー名、レーベル名、アルバムアートワークＡＡＷのＩＤ、アルバムアートワークＡＡＷの画像ファイル（または画像ファイルのパス）、アルバムアートワークＡＡＷの代表色情報、発売時期、楽曲アートワークＴＡＷのＩＤ、楽曲アートワークＴＡＷの画像ファイル（または画像ファイルのパス）、楽曲アートワークＴＡＷの代表色情報、レート（ユーザーによる評価）、ＢＰＭ（Beats Per Minute）、楽曲の調性（キー）、音声波形データ、楽音の有無、メロディ、ハーモニー、リズム、データベース登録日、楽曲ファイルの最終更新日、楽曲の長さ（再生時間）、再生回数や再生日時などのアクセス履歴、などである。

【0048】

なお、これらの情報のうち、ジャンル、ＢＰＭ、楽曲の調、音声波形データ、楽音の有無、メロディ、ハーモニー、リズムなどは、専用アプリケーション２０による楽曲ファイルの解析結果から得られる情報とすることも可能である。また、予め楽曲付随情報内に設定されていてもよいが、ユーザーが指定するようにしてもよい。また、アルバムアートワークＡＡＷや楽曲アートワークＴＡＷの代表色情報も、専用アプリケーション２０によってアートワークＡＷ（以下、アルバムアートワークＡＡＷや楽曲アートワークＴＡＷを「アートワークＡＷ」と表記する）の画像ファイルから取得される情報である（詳細については後述する）が、予め楽曲付随情報内に設定されていてもよく、ユーザーが指定するようにしてもよい。なお、楽曲アートワークＴＡＷは、特に設定されていない場合は、アルバムアートワークＡＷと同じ画像とすることも可能である。

【0049】

再生処理部１７は、制御部１５の制御下で、楽曲ファイルの再生処理を行い、その再生信号を音声出力部１８に出力する。音声出力部１８は、ＤＳＰ、アンプ、スピーカーまたはヘッドフォン等から成り、再生信号を外部出力する。なお、音声出力部１８としては、外付けのものを用いても良い。

【0050】

次に、図２を参照し、ファイルミュージックプレーヤの操作画面Ｄ０について説明する。操作画面Ｄ０は、画面上部のプレーヤ部Ｅａと、画面下部のブラウザ部Ｅｂと、から成る。プレーヤ部Ｅａは、再生中の楽曲に関する情報を表示する領域であり、楽曲のアルバムアートワークＡＡＷを表示するアートワーク表示領域Ｅ１と、当該アルバム内の現在再生中の楽曲の楽曲情報、再生時間、音声波形等を表示する再生情報表示領域Ｅ２と、各種再生操作を行うためのボタン群表示領域Ｅ３と、を有している。

【0051】

一方、ブラウザ部Ｅｂは、ユーザーが各種操作および情報確認を行うための領域であり、操作内容を選択するためのユーザー操作領域Ｅ４と、多数のアルバムアートワークＡＡＷを配列したブラウザ領域Ｅ５と、を有している。ユーザー操作領域Ｅ４は、ブラウザ領域Ｅ５を表示させる「ARTWORKSボタン」、任意のデータベースファイル（外部記憶装置３０、ネットワークＮＷ上の機器、記憶部１６の記憶領域）を選択するための「SELECT DBボタン」、楽曲情報を取り込むための「IMPORTボタン」、楽曲情報を表示させるための「PROPERTYボタン」などが配置されている。なお、同図の操作画面Ｄ０は、「ARTWORKSボタン」が選択されている状態を示している。

【0052】

また、ブラウザ領域Ｅ５には、選択されたデータベース内の各楽曲ファイルに対応するアルバムアートワークＡＡＷの画像群が、３つの色要素（ＨＬＳ色空間の色相、輝度、彩度）に基づいて、Ｘ軸方向（図示横方向）およびＹ軸方向（図示縦方向）に配列されている。つまり、色要素の近いアルバムアートワークＡＡＷ（以下、「画像」とも称する）が近い場所に配置されるように（グラデーションになるように）、離散的な２次元空間に配置されている。なお、画像群は、必ずしも縦・横方向において間隙なく（完全なマトリクス状として）配置される訳ではなく、各画像の代表色に基づき、３つの色要素全てにおいて滑らかな変化が得られることを優先して配置される。したがって、ブラウザ領域Ｅ５の随所に、画像が配置されない空白領域Ｅ００が発生する。なお、各画像の代表色（ＨＬＳ代表値）を決定するアルゴリズム、および各画像の配置を決定するアルゴリズムについては後述する。

【0053】

また、本実施形態のファイルミュージックプレーヤは、ブラウザ領域Ｅ５に表示する画像群を、ジャンル、アルバム名、アーティスト名、ＢＰＭ、再生回数や再生日時などのアクセス履歴、発売時期などのフィルタリング条件の入力により絞込む絞込み機能を有している。また、ブラウザ領域Ｅ５に表示する画像群を、全てのアルバムアートワークＡＡＷを表示する他に、アーティストの代表アルバムのアルバムアートワークＡＡＷ、プレイリストのアートワークＡＷ、楽曲の楽曲アートワークＴＡＷや音声波形データなどの表示に切り替えることも可能である。詳細については、図１６を参照して後述する。さらに、ユーザーによる、再生中の楽曲またはプレイリスト内の楽曲の指定により、指定された楽曲を含むアルバムのアルバムアートワークＡＡＷに、ブラウザ領域Ｅ５上でジャンプするジャンプ機能も有している。

【0054】

なお、ブラウザ領域Ｅ５には、アルバムアートワークＡＡＷのないアルバムについては表示されない。これは、例えば既存製品のようにアルバムアートワークＡＡＷがないことを表す画像を表示した場合、美観が損なわれるだけでなく、他のアルバムアートワークＡＡＷが存在するアルバムを探す際の妨げとなるためである。なお、アルバムアートワークＡＡＷのないアルバムについては、アルバムアートワークＡＡＷ以外の情報（アルバム名検索、アーティスト名検索など）による検索が可能である。

【0055】

また、ブラウザ領域Ｅ５は、アルバムアートワークＡＡＷが同一のアルバムについて纏めて表示する。複数組みのディスクやコンピレーションアルバムなど、楽曲データベース上異なるアルバムに、同一のアルバムアートワークＡＡＷが設定される場合があるが、これらは１のアルバムアートワークＡＡＷとして表示する。これは、ブラウザ領域Ｅ５に同一のアルバムアートワークＡＡＷが複数表示されると、それらの区別が困難となるためである。もっとも、それぞれのアルバムアートワークＡＡＷを区別するために、ブラウザ領域Ｅ５上にアルバムアートワークＡＡＷ以外の情報を表示することも考えられるが、ユーザーは、アルバムアートワークＡＡＷに加えてそれらの情報を確認しなければならず、アルバムアートワークＡＡＷによる直感的なブラウズの妨げになってしまう。このため、複数のアルバムに紐付けられたアルバムアートワークＡＡＷが選択された場合は、アルバムアートワークＡＡＷが選択された後、目的のアルバムを選択するための別画面を表示する構成となっている。なお、アルバムアートワークＡＡＷが同一のアルバムを纏めて表示することにより、同じ縮尺で一度に表示・認識できる実質的な情報量が増えるため、目的のアルバムアートワークＡＡＷをより探し出しやすくなるといった利点もある。

【0056】

次に、図３を参照し、ＰＣ１０（ファイルミュージックプレーヤ）の機能構成について説明する。ＰＣ１０は、主な機能構成として、色要素取得手段５１、代表値決定手段５２、配置決定手段５３、画像配置手段５４、表示制御手段５５を備えている。なお、これらの各手段は、いずれも専用アプリケーション２０を用いた制御部１５の制御によって実現される。

【0057】

色要素取得手段５１は、各画像から、各画像を構成する複数の色要素を取得する。具体的には、各画像の全画素について、色相（Ｈ値）、輝度（Ｌ値）、彩度（Ｓ値）を取得する。代表値決定手段５２は、全画素について取得された色相、輝度、彩度に基づいて、画像ごとに、色相、輝度、彩度の各代表値を決定する（図８にて後述する）。また、配置決定手段５３は、画像ごとに決定された色相、輝度、彩度の各代表値に基づいて、Ｘ軸方向およびＹ軸方向の配置を決定する（図９にて後述する）。画像配置手段５４は、配置決定手段５３により決定された配置にしたがって、各画像をＸ軸およびＹ軸を有する２次元座標空間（ブラウザ領域Ｅ５）上に配置させる。表示制御手段５５は、ユーザーの画面移動操作にしたがって、ブラウザ領域Ｅ５の表示位置をシームレスに移動させるなど、ユーザーの操作に基づく表示制御を行う。以下、図４以降を参照し、各機能について詳細に説明していく。

【0058】

まず、図４ないし図６を参照し、ＨＬＳ色空間と２次元座標空間の対応関係について説明する。図４は、単色画像群のブラウザ領域Ｅ５への配置例を示す図である。ここでは、説明を分かりやすくするため、各画像を単色画像で示す。同図に示すように、ブラウザ領域Ｅ５の横軸には、色相（Ｈ値）を割り当てる。また、ブラウザ領域Ｅ５の縦軸（横軸に直交する軸）には、輝度（Ｌ値）および彩度（Ｓ値）を割り当てる。但し、縦軸方向の割り当ては、各画像を、閾値θ（所定の彩度）以上の彩度を有する画像群と、閾値θ未満の彩度を有する画像群とに分け、さらに前者の画像群については、図示上側から中央部に向かって（矢印７１に沿って）輝度が高くなるように配置し、後者の画像群については、図示下側から中央部に向かって（矢印７２に沿って）輝度が高くなるように配置している。

【0059】

図５は、各軸とＨＬＳ色空間の対応関係を示す図である。同図は、図４に示した横軸（Ｘ軸）と縦軸（Ｙ軸）を、概念的に示した図である。Ｘ軸は、色相環にしたがって各画像が配置されるループ状の無端軸となっている（図示、横長の円弧参照）。一方、Ｙ軸は、彩度が閾値θ以上の画像が輝度にしたがって配置される左側半円弧軸（第１の半円弧軸）と、彩度が閾値θ未満の画像が輝度にしたがって配置される右側半円弧軸（第２の半円弧軸）と、から成るループ状の無端軸である（図示、縦長の円弧参照）。ここで、左側半円弧軸および右側半円弧軸は、いずれも上端が輝度の最小値、下端が輝度の最大値となっている。つまり、Ｙ軸は、各半円弧軸上の輝度の最大値同士および最小値同士がつながって１つの円弧となるように構成されている。

【0060】

図６は、図４および図５に示したＨＬＳ色空間と２次元座標空間の対応関係に基づいて、各画像を実際に配置した状態を示す図である。各画像領域内には、その画像の代表ＨＬＳ値を示している。同図に示すように、横軸（Ｘ軸）については、画像群が色相（Ｈ値）にしたがって配置され、縦軸（Ｙ軸）については、彩度が閾値θ以上の画像群が、ほぼ矢印７３に沿って輝度（Ｌ値）が高くなるように配置されていることが分かる。但し、彩度（Ｓ値）については、その値にばらつきがある。なお、同図の例は、閾値θをθ＝３０（０〜２５５）とした場合を例示している。

【0061】

ここで、図７を参照し、輝度による彩度補正について説明する。ＨＬＳ色空間においては輝度が中央（０．５）から離れるほど彩度の影響が小さくなり、輝度が最大値、もしくは最小値の場合彩度値に関わらず同一の色（白、もしくは黒）になる。これを考慮し、後述の代表値決定手段５２による代表値（代表ＨＬＳ値）決定処理において図７に示す計算式、もしくはそれに準じた式により補正彩度（Ｓ´）を算出し、代表彩度とする。図７に示す計算式において、Ｓ´は補正彩度、Ｓは彩度（Ｓ値）、Ｌは輝度（Ｌ値）を示す。また、Ｓ´、Ｓ、Ｌは、いずれも最小値「０．０」〜最大値「１．０」で表すものとする。なお、同図に示す計算式を用いた場合、補正彩度Ｓ´の閾値を「０．１２」程度として、画像群を二分することが好ましい。

【0062】

次に、図８のフローチャートを参照し、代表値決定手段５２による代表値（代表ＨＬＳ値）決定処理について説明する。代表値決定手段５２は、色要素取得手段５１によって取得された全画素のＨＬＳ値に基づいて、彩度（補正彩度Ｓ´）による重み付きの色相スペクトル、輝度（Ｌ値）の平均値、彩度（補正彩度Ｓ´）の平均値を算出する（Ｓ０１）。ここで、補正彩度Ｓ´は、図７の計算式による輝度の影響を考慮した彩度値である。続いて、Ｓ０１で得られた彩度による重み付きの色相スペクトルの各色相成分に対して、その近傍の成分を重み付きで足し合わせ、色相スペクトル値を算出する（Ｓ０２）。ここでの重み付けは、近い成分ほど大きく（但し、最大でも１．０未満）、遠いほど小さく、ある程度以上遠い成分は「０」になるように設定する。代表値決定手段５２は、Ｓ０２で得られた色相スペクトル値が最大の色相値を代表Ｈ値、Ｓ０１で得られた輝度の平均値を代表Ｌ値、Ｓ０１で得られた彩度の平均値を代表Ｓ値として、ＨＬＳ別の代表値を決定する（Ｓ０３）。このように、代表値決定手段５２によって決定されたＨＬＳ別の代表値に基づいて、各画像の代表色が定まる。

【0063】

次に、図９のフローチャートを参照し、配置決定手段５３による配置決定処理について説明する。図９（ａ）に示すように、配置決定手段５３は、まず画像群を、彩度の閾値θによって、集合Ａと集合Ｂに二分する（Ｓ１１）。ここで、集合Ａは、彩度Ｓが閾値θ以上のグループ、集合Ｂは、彩度Ｓが閾値θ未満のグループとする。続いて、配置決定手段５３は、集合Ａが空でない場合、集合Ａに属する画像の配置を決定する（Ｓ１２）。同様に、集合Ｂが空でない場合、集合Ｂに属する画像の配置を決定する（Ｓ１３）。

【0064】

図９（ｂ）は、図９（ａ）のＳ０２の処理（集合Ａ配置決定処理）を示すサブフローチャートである。配置決定手段５３は、集合Ａの画像を配置する行数を、配置領域のアスペクト比が適当になるように決定する（Ｓ１２１）。続いて、各行に対応する輝度の範囲を、画像の分布がなるべく一様になるように決定する（Ｓ１２２）。その後、集合Ａ内の画像を、色相（代表Ｈ値）でソートし（Ｓ１２３）、ソートした順序に従い、各画像を輝度（代表Ｌ値）が対応する行に割り当てていく（Ｓ１２４）。なお、Ｓ１２４では、対応する行が既に割り当て済みの場合、可能な限り近くの行や前の列に割り当てる。見た目上自然になる割り当て先がない場合は、次の列に移行して同様の処理を繰り返す。集合Ａに属する画像を全て割り当てたら、集合Ａ配置決定処理を終了する。このとき画像が割り当てられなかった場所は、空白領域Ｅ００（図２参照）となる。

【0065】

なお、図９（ａ）のＳ０３の処理のサブフローチャートは、集合Ａ配置決定処理とほぼ同様であるため説明を省略する。但し、集合Ａおよび集合Ｂのいずれも空でない場合は、Ｓ１２１において、集合Ｂを配置する際の行数を、集合Ｂの列数が集合Ａの列数と同程度になるように決定する。

【0066】

次に、図１０ないし図１４を参照し、表示制御手段５５による表示制御について説明する。図１０は、ユーザーの平行移動操作に基づく表示制御の説明図である。同図（ａ）に示す状態から、操作部１２により、表示位置をＹ軸方向に画像一行分上げる操作が行われると、同図（ｂ）に示す状態となる。つまり、ユーザーの画面移動操作にしたがって、Ｘ軸方向およびＹ軸方向の平行移動が可能である。また、図５に示したとおり、Ｘ軸およびＹ軸は、いずれもループした２次元座標空間上に配置されているため、Ｘ軸方向およびＹ軸方向においてシームレスに移動させることができる。これにより、ユーザーは、例えば目的となる赤色の画像が、色相値「０°」で左端にあるのか、色相値「３５９°」で右端にあるのかなどを考慮することなく操作を行うことができる。なお、同図の例では、画面中央に位置する画像が選択された状態となっており、他の画像よりも若干大きく、または縁取られて表示される。また、選択された画像を、選択されていない他の画像よりも詳細に（高画質に）表示しても良い。

【0067】

続いて、図１１は、ユーザーの画面拡大／縮小操作に基づく表示制御の説明図である。図１１（ａ）は、例えば図１０（ａ）に示した状態から、画面拡大操作が行われたズームイン状態を示している。また、図１１（ｂ）は、例えば図１０（ａ）に示した状態から、画面縮小操作が行われたズームアウト状態を示している。このように、ユーザーの画面拡大／縮小操作に伴って、シームレスなズームイン／ズームアウトが可能である。また、画像の表示サイズが小さすぎて識別できない、またはＰＣ１０のスペック上の要因で画像を表示しきれない場合は、図１１（ｂ）のように各画像を代表色（色相、輝度、彩度の各代表値に基づく色，図８参照）で塗り潰して（単色画像として）表示する。これにより、ユーザーは、ズームアウトによって全体を俯瞰した状態（図１１（ｂ）の状態）から、色の記憶を頼りに、目的の画像がある位置を容易に推定できる。また、目的の画像があると考えられるあたりに平行移動およびズームインすることにより、迅速に目的の画像を探し出すことができる。

【0068】

続いて、図１２は、画像読み込み動作の説明図である。図１２（ａ）は、ブラウザ領域Ｅ５の略中央に位置する画像Ｇ１が、ユーザーによって選択（指定）された直後の状態を示している。同図に示すように、ユーザーによって選択された画像Ｇ１は強調表示される。具体的には、画像枠を太枠にしたり、他の画像よりも若干大きく表示したり、アルバムアートワークＡＡＷを表す「画像本体領域」の下部に重ねて（半透明で）「アルバム名領域」を付加するなどの装飾を施す。また、画像の読み込みが完了していない状態で、ユーザーの選択操作が行われた場合は、選択された画像Ｇ１を最優先に読み込みを開始する（同図の例は、画像Ｇ１の選択前に、既に２つの画像の読み込みが行われていた状態を示している）。つまり、全ての画像が読み込まれていない状況でも、選択された画像Ｇ１のブラウズ動作を進行させつつ、バックグラウンドで必要な画像の読み込みとリサイズを行い、完了したものから逐次表示を更新していく。まだ読み込めていない画像については、図１２（ａ）に示すように代表色で塗り潰した単色画像で表示し、読み込めているがリサイズが完了していない画像（例えば、図１２（ａ）の画像Ｇ１参照）については、低画質だが高速な簡易リサイズの画像を表示しておき、その後逐次更新していく。なお、図１２（ｂ）は、全ての画像の読み込みが完了した後の状態を示している（実際には、より高画質な画像で表示される）。

【0069】

なお、画像の読み込みが完了しているか否かに拘らず、選択された画像Ｇ１を、他の画像よりも詳細に（より多くの情報を付加して、または高画質に）表示しても良い。この場合、他の画像は単色画像とするなど、簡易な表示とすることが好ましい。また、選択画像を変更した場合は、それまで選択されていた画像が簡易表示となり、新たに選択された画像が詳細な画像となるように表示しても良い。若しくは、選択画像を変更した場合、それまで選択されていた画像と、新たに選択された画像の両方が詳細な画像となるように表示しても良い。

【0070】

続いて、図１３は、ユーザーによって１の画像（アルバムアートワークＡＡＷ）が選択された場合（図１２（ａ）参照）に表示する楽曲選択画面Ｄ１の一例を示す図である。楽曲選択画面Ｄ１は、ブラウザ領域Ｅ５上に重畳表示されるポップアップ画面であり、選択されたアルバムアートワークＡＡＷを表示するアートワーク表示領域Ｅ１１と、楽曲情報を表示する楽曲情報表示領域Ｅ１２と、選択されたアルバムに含まれる楽曲のタイトル一覧を表示するタイトル一覧表示領域Ｅ１３と、タイトル一覧表示領域Ｅ１３のスクロール操作を行うためのスクロールバーを表示するスクロールバー表示領域Ｅ１４と、を有している。なお、スクロールバー表示領域Ｅ１４は、タイトル数が多い場合など、タイトル一覧表示領域Ｅ１３に全ての楽曲のタイトルを表示できない場合のみ表示する構成としても良い。当該楽曲選択画面Ｄ１では、選曲の他、アルバムアートワークＡＡＷが同一のアルバムの選択（２枚組みＣＤのＤＩＳＣ１／２など）ができると共に、キャンセルしてアルバム選択用の画面（図２のブラウザ領域Ｅ５参照）に戻ることができる。

【0071】

続いて、図１４は、ユーザーのフィルタリング条件の入力に伴う表示制御の説明図である。本実施形態のファイルミュージックプレーヤは、ジャンル、アルバム名、アーティスト名、再生回数や再生日時などのアクセス履歴、発売時期などのフィルタリング条件の入力により、ブラウザ領域Ｅ５に表示する画像群の絞込みが可能となっている。例えば、図１４（ａ）に示すように各画像（Ｉｔｅｍ）がブラウザ領域Ｅ５に配置されている状態で、フィルタリング条件が入力され、当該条件入力によって減少する画像数が所定数未満の場合、図１４（ｂ）に示すフィルタリングパターン１のレイアウトとなる。つまり、画像数が減少する前の元のレイアウト（各画像の位置）を保持したまま、フィルタリング条件に該当する画像のみを表示させる。一方、条件入力によって減少する画像数が所定数以上の場合は、図１４（ｃ）に示すフィルタリングパターン２のレイアウトとなる。つまり、フィルタリング条件に該当する画像のみを対象として、配置決定手段５３により再配置した再配置後のレイアウトとなる。このように、本実施形態の表示制御手段５５は、フィルタリングによって減少する画像数に応じて、好ましい配置を実現できる。つまり、フィルタリング前後の画像数がさほど変化しない場合は、図１４（ｂ）に示すように画像レイアウトが変化しないため、目的の画像を見失うことがない。また、フィルタリングによって、例えばブラウザ領域Ｅ５内に全ての画像が表示できる場合など、極端に画像数が減少する場合は、図１４（ｃ）に示すように再配置されるため、画面移動操作を少なくすることができ、目的の画像を探し出しやすくなる。

【0072】

次に、図１５を参照し、楽曲を選択する操作の流れについて説明する。まず、ブラウザ領域Ｅ５をズームアウトした状態で（図１１（ｂ）参照）、色を頼りに目的のアルバムアートワークＡＡＷがある場所の目標を定める。続いて、目標を定めた場所に平行移動し（図１０参照）、ズームインしていく（図１１（ａ）参照）。目的のアルバムアートワークＡＡＷを見つけたら選択し、マウスのダブルクリック等の操作により選択決定し、楽曲選択画面Ｄ１を開く。ここで、選択決定したアルバムアートワークＡＡＷに対応したアルバムが複数存在する場合は、切り替えボタン６１を操作して、目的のアルバムを選択する。例えば、同図（ａ）の状態で、左右いずれかの切り替えボタン６１が押下されると、同図（ｂ）に示す状態となる。この場合同図に示すように、アートワーク表示領域Ｅ１１に表示されるアルバムアートワークＡＡＷに変化はないが、アルバム名が異なることにより、異なるアルバムが選択されたことが分かる。当然、タイトル一覧表示領域Ｅ１３に表示されるタイトル名も変化する。なお、選択したアルバムアートワークＡＡＷに対応したアルバムが１つしかない場合は、切り替えボタン６１を非表示またはグレーアウト表示して、対応する他のアルバムが存在しないことをユーザーに明示する。また、切り替えボタン６１に代えて、キーボードの左右キー等によりアルバムの選択を行い得るようにしても良い。目的のアルバムを選択決定した後は、タイトル一覧表示領域Ｅ１３から目的の楽曲（タイトル）を選択する。タイトル選択後に、各種再生操作を行うためのボタン群表示領域Ｅ３（図２参照）の再生操作、若しくは、タイトル一覧表示領域Ｅ１３から所望のタイトルをマウスのダブルクリック等の操作により選択決定し、楽曲を再生する。目的の楽曲がない場合や、次に再生する楽曲を探す場合、楽曲選択画面Ｄ１を閉じて、アルバム選択用の画面（図２のブラウザ領域Ｅ５参照）に戻る。

【0073】

次に、図１６を参照し、アルバムアートワークＡＡＷ表示の変形例および絞込みについて説明する。上記の例では、ブラウザ領域Ｅ５にアルバムのアルバムアートワークＡＡＷを表示する場合を例示したが、ここではアルバム以外に、アーティストやプレイリストにアルバムアートワークＡＡＷを紐付け、アルバムと同様のブラウズを実現する変形例を説明する。同図に示すように、変形例に係る操作画面Ｄ０は、上記の例に示した操作画面Ｄ０（図２参照）に、カテゴリー選択領域Ｅ２１、キー選択領域Ｅ２３およびキーワード入力領域Ｅ２２を追加した画面構成となっている。

【0074】

カテゴリー選択領域Ｅ２１では、「アルバム」、「アーティスト」、「プレイリスト」、「タイトル」のうちいずれかの項目を選択可能である。「アルバム」選択時の動作は、上記の例に示した通りである。また、「アーティスト」選択時は、「アルバム」選択時と同様の画面（ブラウザ領域Ｅ５）において、各アーティストに結び付けられた画像群（例えば、各アーティストの代表アルバムのアルバムアートワークＡＡＷなど）を表示する。なお、いずれかの画像が選択された場合、アルバム名ではなくアーティスト名を表示する（図１２（ａ）参照）。また、マウスのダブルクリック等の操作で、楽曲選択画面Ｄ１（図１５参照）と略同様の画面構成を有するアルバム選択画面（図示省略）に遷移する。当該アルバム選択画面のアートワーク表示領域Ｅ１１には、アーティストではなく各アルバムに対応するアルバムアートワークＡＡＷを表示する。また、アルバム選択画面では、選択されたアーティストに対応するアルバムが複数存在する場合、切り替えボタン６１の操作により、そのアーティストのアルバム群を切り替えて表示させることができる。

【0075】

一方、カテゴリー選択領域Ｅ２１にて「プレイリスト」が選択された場合は、ブラウザ領域Ｅ５において、各プレイリストに結び付けられた画像群を表示する。いずれかの画像が選択された場合は、アルバム名ではなくプレイリスト名を表示する（図１２（ａ）参照）。また、ダブルクリック等の操作で、楽曲選択画面Ｄ１（図１５参照）と略同様の画面構成を有するプレイリスト選択画面（図示省略）に遷移する。プレイリスト選択画面のタイトル一覧表示領域Ｅ１３には、楽曲選択画面Ｄ１と同様に、プレイリスト内の楽曲リストを表示する。また、プレイリスト選択画面では、同じアートワークＡＷに対応するプレイリストが複数存在する場合、切り替えボタン６１の操作により、そのプレイリスト群を切り替えて表示させることができる。

【0076】

また、カテゴリー選択領域Ｅ２１にて「タイトル」が選択された場合は、ブラウザ領域Ｅ５において、各楽曲の楽曲アートワークＴＡＷの画像群を表示する。楽曲アートワークＴＡＷはアルバムアートワークＡＡＷと同一のものであってもよい。いずれかの画像が選択された場合は、アルバム名ではなくタイトル名を表示する（図１２（ａ）参照）。また、ダブルクリック等の操作で、再生情報表示領域Ｅ２に楽曲情報を表示し、アートワーク表示領域Ｅ１に楽曲アートワークＴＡＷを表示する。タイトル選択後に、各種再生操作を行うためのボタン群表示領域Ｅ３（図２参照）の再生操作により、楽曲を再生する。また、ブラウザ領域Ｅ５において、楽曲アートワークＴＡＷを表示する際には、ユーザー操作により、図６の座標軸の横軸（Ｘ軸）をＫＥＹとし、縦軸（Ｙ軸）をＢＰＭとする表示に切り替えることも可能である。

【0077】

図１７に示すように、ブラウザ領域Ｅ５には、選択されたデータベース内の各楽曲ファイルに対応する楽曲アートワークスＴＡＷの画像群が、楽曲のＫＥＹとＢＰＭに基づいて、Ｘ軸方向（図示横方向）およびＹ軸方向（図示縦方向）に配列されている。同図では、分かりやすく示すため、各楽曲アートワークスＴＡＷの画像を、四角形の枠で囲まれた文字情報（調性、ＢＰＭ、トラック番号）で表す。なお、画像群は、必ずしも縦・横方向において間隙なく（完全なマトリクス状として）配置される訳ではなく、調性の近い楽曲の画像がＸ軸方向においてできるだけ近くになるように、またＢＰＭの近い楽曲の画像がＹ軸方向においてできるだけ近くになるように配置される。したがって、ブラウザ領域Ｅ５内には、画像が配置されない空白領域Ｅ００が適宜発生する。

【0078】

図１８は、五度圏の調性空間を示す図である。同図に示すように、「五度圏」とは、長調と短調各１２個の調性を円環状に並べた調性空間を指すものであり、各調の時計回りの方向に属調、反時計回りに下属調が配置され、同じ角度に位置する長調と短調の組み合わせは平行調となっている。このため、五度圏上で近い位置にある調性ほど共通の音程を多く含み、ミキシングした際に不協和音が発生しにくくなる。つまり、楽曲アートワークスＴＡＷの画像群は、Ｘ軸方向（矢印方向）において、この五度圏の時計回りの調性配列と一致しているため、Ｘ軸方向においてより近い位置に配置されたタイトルを選択してミックスした場合、不協和音の発生を抑えられるようになっている。なお、Ｘ軸は、五度圏の調性空間に基づくループ状の無端軸となっている。これにより、ブラウザ領域Ｅ５は、Ｘ軸方向においてその表示位置をシームレスに移動させることができる。

【0079】

一方、図１７に示すように、ブラウザ領域Ｅ５の縦軸（Ｙ軸，横軸に直交する軸）には、ＢＰＭが割り当てられている。同図の例では、矢印方向に向かってＢＰＭが徐々に大きくなるように配置されている。これにより、Ｙ軸方向においてより近い位置に配置された対象物Ｇを選択してミックスした場合、各楽曲の再生速度を大きく変更せずに、楽曲ミキシングを実現できる。ブラウザ領域Ｅ５において、いずれかの画像が選択された場合は、アルバム名ではなくタイトル名、ＢＰＭ、キーを表示する（図１２（ａ）参照）。

【0080】

更にまた、カテゴリー選択領域Ｅ２１にて「タイトル」が選択された場合は、各楽曲の楽曲アートワークＴＡＷの画像群を、ユーザーの操作により、図６の座標軸の横軸（Ｘ軸）をＫＥＹとし、縦軸（Ｙ軸）をＢＰＭとした表示に切り替え可能であるとともに、各楽曲の音声波形を示す画像群の表示に切り替えることも可能である。いずれかの画像が選択された場合は、アルバム名ではなくタイトル名を表示する（図１２（ａ）参照）。また、ダブルクリック等の操作で、再生情報表示領域Ｅ２に楽曲情報を表示し、アートワーク表示領域Ｅ１に楽曲アートワークＴＡＷを表示する（図１７参照）。

【0081】

続いて、フィルタリング条件入力の例として、キーによる絞込みについて説明する。キー選択領域Ｅ２３は、図示のように、ジャンル、アーティスト、アルバム、ＢＰＭ、プレイリスト、などに基づき、複数階層から成るキー選択が可能である。つまり、ジャンルなどのキーを指定することで、合致するアイテム（アートワークＡＷ）のみをブラウザ領域Ｅ５に表示させることができる。例えば、同図の例では、絞込みキーとして「ジャンル−ジャズ」が選択されているため、ジャンルが「ジャズ」のアイテムのみが表示される。

【0082】

続いて、キーワードによる絞込みについて説明する。キーワード入力領域Ｅ２２は、入力領域および検索実行ボタンから成り、入力領域に、例えば楽曲付随情報に関連する情報などの任意のキーワードを入力し、検索実行ボタンを押下することで、合致するアイテム（アートワークＡＷ）のみをブラウザ領域Ｅ５に表示させることができる。キーワードとしては、アルバム名、アーティスト名、プレイリスト名、ジャンル名、作曲者名、リミキサー名、レーベル名、発売時期、レート（ユーザーによる評価）、ＢＰＭ（Beats Per Minute）、楽曲の調性（キー）、データベース登録日、楽曲ファイルの最終更新日、などの楽曲付随情報に関連する情報、再生回数や再生日時などのアクセス履歴を入力可能であり、入力された文字列がそれらの文字列情報内に含まれるか否かを判別し、含まれる場合、合致するアイテムをブラウザ領域Ｅ５に表示する。なお、入力領域に複数のキーワード入力があった場合、ａｎｄ条件またはｏｒ条件による検索が可能である。

【0083】

以上説明したとおり、本実施形態によれば、各画像から、ＨＬＳ色空間の３つの成分である、色相、輝度、彩度を取得し、色相に基づいて画像のＸ軸方向の配置を決定すると共に、輝度および彩度に基づいて画像のＹ軸方向の配置を決定する。これにより、各画像を規則的且つ見栄え良く配置することができ、ひいては目的の画像を効率的に探し出すことができる。また、Ｘ軸およびＹ軸は、いずれもループ状の無端軸で構成されるため、ユーザーの画面移動操作にしたがってブラウザ領域Ｅ５の表示位置をＸ軸方向およびＹ軸方向にシームレスに移動させることができ、迅速に目的の画像を探し出すことができる。

【0084】

なお、上記の実施形態では、色要素として、ＨＬＳ色空間の３つの成分（色相、輝度、彩度）を例示したが、ＨＳＶ色空間や各種表色系の成分を採用しても良い。また、加法混合の３色（赤、緑、青）、減法混色の３色（シアン、マゼンタ、イエロー）なども、色要素として採用しても良い。また、これらのうち、いずれか２以上を組み合わせたものを色要素としても良い。例えば、色相、輝度、明度、彩度の４つの要素を、色要素として採用しても良い。

【0085】

また、上記の実施形態では、Ｘ軸に色相を割り当て、Ｙ軸に輝度および彩度を割り当てたが、これに限らず、Ｘ軸に色相および彩度を割り当て、Ｙ軸に輝度を割り当てるなど、各軸への色要素の割り当ては任意である。また、Ｘ軸およびＹ軸共に、２以上の色要素を割り当てるなど、割り当てる色要素の数も任意である。また、どの軸にどの色要素を割り当てるかについて、ユーザーが任意に設定可能としても良い。

【0086】

また、上記の実施形態では、補正彩度Ｓ´の閾値を「０．１２（0.0(Min)〜1.0(Max)）」程度であるものとしたが、表示対象となる画像群の色分布や画像数などに応じて動的に決定しても良い。また、補正彩度Ｓ´の閾値について、ユーザーが任意に設定可能としても良い。

【0087】

また、上記の実施形態では、フィルタリング条件が入力された場合、減少する画像数に応じて、フィルタリングパターン１またはフィルタリングパターン２のいずれかのレイアウトを適用するものとしたが（図１４参照）、減少する画像数にかかわらず、フィルタリングパターン１およびフィルタリングパターン２のいずれかのフィルタリングパターンを固定使用しても良い。また、フィルタリングパターン１およびフィルタリングパターン２のいずれのレイアウトを適用するかについて、ユーザーが任意に設定可能としても良い。

【0088】

また、上記の実施形態に示したＰＣ１０の各機能をプログラムとして提供することも可能である。また、そのプログラムを各種記憶媒体（ＣＤ−ＲＯＭ、フラッシュメモリ等）に格納して提供することも可能である。すなわち、コンピューターをＰＣ１０の各機能として機能させるためのプログラム、およびそれを記録した記憶媒体も、本発明の権利範囲に含まれるものである。

【0089】

また、上記の実施形態では、本発明をＰＣ１０（ファイルミュージックプレーヤ）に適用した場合を例示したが、楽曲以外のコンテンツ（映像コンテンツなど）を再生する再生装置や、検索装置にも適用可能である。具体的には、多数の楽曲ファイルを扱うＤＪ機器、多数の映像ファイルを扱うＶＪ機器、ポータブルオーディオプレーヤー、ＨＤＤコンポ、画像ビューアー（ＰＣ、デジタルカメラ、携帯端末上で動作するアプリケーションやブラウザプラグインなど）、多数の商品画像を表示する通信販売・ダウンロード販売サイト、などに本発明を適用可能である。

【0090】

また、ＰＣ１０の各機能を、ネットワークＮＷ上の機器（サーバー）によって実現しても良い。この場合、ネットワークＮＷ上の機器が、操作画面Ｄ０（ブラウザ領域Ｅ５）を表示するためのブラウザ（複数の画像を、３つ以上の色要素にしたがって座標空間上に配置した配置結果を示す表示データ）を作成し、ネットワークＮＷ上の機器（サーバ）に接続されたユーザー端末に送信することになる。その場合、ユーザー端末には最低限、表示装置と操作装置と、音声出力部があればよい。また、クラウドコンピューティングにも、本発明を適用可能である。また、サーバー、ＰＣ、ユーザー端末など、３つ以上の構成部材から成るシステム（対象物配置システム）によって本発明を実現しても良い。この場合、最低限、ユーザー端末に、図１に示した構成のうち、操作部１２（操作手段）、表示画面（表示部１１）、サーバーおよび／またはＰＣと通信するための通信手段（通信部１４）を備えればよく、他の手段については、サーバー、ＰＣ、ユーザー端末のいずれか、またはそれぞれに分散して備えられれば良い。その他、本発明の要旨を逸脱しない範囲で、適宜変更が可能である。

【符号の説明】

【0091】

１０…ＰＣ ２０…専用アプリケーション ５１…色要素取得手段 ５２…代表値決定手段 ５３…配置決定手段 ５４…画像配置手段 ５５…表示制御手段 ＡＷ…アルバムアートワーク Ｄ０…操作画面 Ｄ１…楽曲選択画面 Ｅ１…アートワーク表示領域 Ｅ２…再生情報表示領域 Ｅ３…ボタン群表示領域 Ｅ４…ユーザー操作領域 Ｅ５…ブラウザ領域 Ｅ００…空白領域 Ｅ１１…アートワーク表示領域 Ｅ１２…楽曲情報表示領域 Ｅ１３…タイトル一覧表示領域 Ｅ１４…スクロールバー表示領域 Ｅａ…プレーヤ部 Ｅｂ…ブラウザ部

【図1】

【図2】

【図3】

【図4】

【図5】

【図6】

【図7】

【図8】

【図9】

【図10】

【図11】

【図12】

【図13】

【図14】

【図15】

【図16】

【図17】

【図18】