JP2021018722A - 表示方法および表示装置 - Google Patents

Abstract

【課題】画像群に、画像の一部が重なることで密となっている密領域が存在していたとしても、この密領域に存在する移動先に、画像群から選択された選択画像を正確に移動させることができる表示方法、ならびにかかる表示方法が適用された表示装置を提供する。【解決手段】本発明の表示方法は、複数の画像を備え、複数の前記画像の配置が、前記画像の一部が重なることで密となっている密領域と、前記密領域と比較して疎となっている疎領域とを有する画像群を表示する表示工程と、前記疎領域に位置する前記画像を選択画像として選択する選択工程と、前記選択画像を、前記密領域における所定の移動先に移動させる移動工程と、前記移動先の密な状態を、前記移動先で隣接する前記画像同士の間隔を広げることで、前記移動先を疎な状態とする広間隔工程と、疎な状態とされた前記移動先に、前記選択画像を配置させる配置工程と、を有する。【選択図】図２Ｇ

Description

本発明は、表示方法および表示装置に関する。

近年、各種の表示装置において、複数の画像の縮小画像を所定数並べて一覧表示し、読取った画像の記載内容を確認することができるサムネイルを表示することが採用されている。

このサムネイルとして、各画像すなわち各ページを三次元的に回転させるとともに、各画像のうちの少なくとも一部について、隣接する画像同士の一部を重ね合せた状態で表示することにより、一画面内に多くの画像の情報を表示することで、サムネイルにおいて表示されている画像の記載内容を判別し易くしたユーザーインターフェース（ＵＩ）が適用された表示装置が提案されている（例えば、特許文献１参照）。

かかる構成の表示装置では、サムネイルは、上述の通り、隣り合う画像同士が重なって表示される。そして、サムネイルは、この重なりの状態が、密となっている密領域と、かかる密領域よりも疎となっている疎領域となっている個所を有し、疎領域において表示されている画像の情報が認識し易くなるように構成されている。

また、特許文献１で開示されている構成とは異なる表示装置（例えば、特許文献２参照）では、サムネイルにおいて、各画像を互いに重ね合わせることなく、画像表示部に並べて表示し、この画像表示部において複数の画像のうちから画像を選択し、この選択された画像すなわち選択画像が配置されている配置位置を移動させること、すなわち、サムネイルにおける画像を並べ替えることが提案されている。

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

ところが、特許文献２で提案されている、サムネイルにおける選択画像の配置位置の移動を、特許文献１で提案されている、サムネイルに適用して、疎領域に配置された画像を選択して、選択画像として密領域に移動させようとした場合、密領域では密に隣接する画像同士が重ね合わされており、そのために選択画像を移動させるべき移動先を正しく認識することができず、その結果、この移動先に選択画像を正確に移動させることができないと言う課題が生じると考えられる。

本発明は、上述の課題を解決するためになされたものであり、以下の適用例として実現することが可能である。

本発明の適用例に係る表示方法は、複数の画像を備え、複数の前記画像の配置が、前記画像の一部が重なることで密となっている密領域と、前記密領域と比較して疎となっている疎領域とを有する画像群を表示する表示工程と、
前記疎領域に位置する前記画像を選択画像として選択する選択工程と、
前記選択画像を、前記密領域における所定の移動先に移動させる移動工程と、
前記移動先の密な状態を、前記移動先で隣接する前記画像同士の間隔を広げることで、前記移動先を疎な状態とする広間隔工程と、
前記疎な状態とされた前記移動先に、前記選択画像を配置させる配置工程と、を有することを特徴とする。

ビューアーの実施形態の外観を示す平面図である。 図１のビューアーが備える画像表示部に表示されるサムネイル画像束と拡大表示されたサムネイル画像とを示す部分拡大平面図である。 図２Ａにおけるサムネイル画像束のＢ部を部分的に拡大し、選択されたサムネイル画像を移動先に移動させる際の表示方法を説明するための部分拡大平面図である。 図２Ａにおけるサムネイル画像束のＢ部を部分的に拡大し、選択されたサムネイル画像を移動先に移動させる際の表示方法を説明するための部分拡大平面図である。 図２Ａにおけるサムネイル画像束のＢ部を部分的に拡大し、選択されたサムネイル画像を移動先に移動させる際の表示方法を説明するための部分拡大平面図である。 図２Ａにおけるサムネイル画像束のＢ部を部分的に拡大し、選択されたサムネイル画像を移動先に移動させる際の表示方法を説明するための部分拡大平面図である。 図２Ａにおけるサムネイル画像束のＢ部を部分的に拡大し、選択されたサムネイル画像を移動先に移動させる際の表示方法を説明するための部分拡大平面図である。 図２Ａにおけるサムネイル画像束のＢ部を部分的に拡大し、選択されたサムネイル画像を移動先に移動させる際の表示方法を説明するための部分拡大平面図である。 図２Ａにおけるサムネイル画像束のＢ部を部分的に拡大し、選択されたサムネイル画像を移動先に移動させる際の表示方法を説明するための部分拡大平面図である。 ビューアーのシステム構成を示すブロック図である。 ビューアーのシステム構成を示すブロック図である。 ビューアーの処理の一例を示すフローチャートである。 ビューアーの処理の一例を示すフローチャートである。 ビューアーの処理の一例を示すフローチャートである。 回転角を決める処理を説明する図である。 サムネイル画像の生成処理を説明する図である。 サムネイル画像の生成処理を説明する図である。 サムネイル画像の生成処理を説明する図である。 サムネイル画像の生成処理を説明する図である。 サムネイル画像の生成処理を説明する図である。 サムネイル画像の配置方法を説明する図である。 サムネイル画像の配置方法を説明する図である。 サムネイル画像の配置方法を説明する図である。 ビューアーの処理の一例を示すフローチャートである。 見開きを説明する図である。 ビューアーの処理の一例を示すフローチャートである。 動的部分に見開きが配置された配置方法を説明する図である。 ビューアーの処理の一例を示すフローチャートである。

以下、本発明の表示方法および表示装置を、添付図面に示す好適な実施形態に基づいて詳細に説明する。

なお、以下に示す実施形態では、本発明の表示方法を説明するのに先立って、本発明の表示装置が適用されたものとして、画像を含む文献の一例である電子マニュアルや電子書籍あるいはユーザーが作成する文献を閲覧し編集可能なビューアーを例に挙げて説明する。

また、以下の説明で参照する図面では、説明および図示の便宜上、部材ないし部分の縦横の縮尺を実際のものとは異なるように表す場合がある。また、説明に必要な構成要素以外は図示を省略する場合がある。また、以下では、説明の都合上、図１および図２Ａ〜図２Ｈには、それぞれ、互いに直交する３つの軸としてＸ軸、Ｙ軸、およびＺ軸が図示されており、各軸を示す矢印の先端側を「＋」、基端側を「−」とする。また、Ｘ軸に沿う方向を第１方向としての「横方向」、Ｙ軸に沿う方向を第２方向としての「縦方向」、Ｚ軸に沿う方向を「奥行き方向」という。また、横方向の−Ｘ方向を左または左側、＋Ｘ方向を右または右側とし、縦方向の−Ｙ方向を下または下側、＋Ｙ方向を上または上側として説明する。また、Ｘ軸に沿う方向に沿って、その一部を重ねて配置された画像のうち、手前側（＋Ｚ軸側）に位置する画像を「前方」に位置する画像とし、奥側（−Ｚ軸側）に位置する画像を「後方」に位置する画像として説明する。また、本実施形態では第１方向を横方向、第２方向を縦方向としたが、第１方向が縦方向、第２方向が横方向であってもよい。つまり、第１方向と第２方向とは互いに交差していればよい。

＜ビューアー＞
まず、図１および図２Ａを参照して、ビューアー１０の概要について説明する。

図１は、ビューアーの実施形態の外観を示す平面図、図２Ａは、図１のビューアーが備える画像表示部に表示されるサムネイル画像束と拡大表示されたサムネイル画像とを示す部分拡大平面図である。

ビューアー１０は、本実施形態では、画像を表示する表示装置であり、この画像を表示する画像表示部２と、入力部７としてボタン７Ａ〜７Ｆおよびタッチパネル７Ｇとを有している。

この例で、ビューアー１０は、文書の一例としての電子書籍を閲覧するための装置、いわゆる電子ブックリーダーである。電子書籍は、複数ページの画像を含む文献データである。ビューアー１０は、電子書籍をある単位で画像表示部２に表示する。ある単位とは例えば１ページずつである。電子書籍に含まれる複数ページのうち、表示の対象となるページを選択ページという。選択ページは、ユーザーによる図１に示すボタン７Ａ〜７Ｆあるいはタッチパネル７Ｇの操作に応じて変更される。すなわち、ユーザーは、ボタン７Ａ〜７Ｆあるいはタッチパネル７Ｇの操作により、電子書籍のページをめくることができる。また、ビューアー１０は、電子書籍の閲覧に加え、アプリケーションプログラムを実行する機能を有する。

画像表示部２は、図２Ａに示すように、電子マニュアルや電子書籍あるいはユーザーが作成する文献の各ページを縮小した画像としてのサムネイル画像Ｔと、選択したサムネイル画像Ｔの元画像Ｐを表示する。画像表示部２は、複数のサムネイル画像Ｔすなわち画像が横方向に並んで配置されている画像束としてのサムネイル画像束ＳＧすなわち画像群を表示する。

サムネイル画像束ＳＧは、画像表示部２の縦方向の下側である下部において、画像表示部２の下辺に沿って配置され、サムネイル画像束ＳＧの下端は画像表示部２の表示領域外に及んでいることもある。

サムネイル画像Ｔは、画像表示部２の一部を占める大きさを有する画像であって、元画像Ｐを縮小または拡大した画像である。元画像Ｐは、電子マニュアルや電子書籍あるいはユーザーが作成する文献データのページの画像である。また、元画像Ｐは、アプリケーションプログラムのアイコン、またはアプリケーションプログラムの動作画面であってもよい。なお、複数のサムネイル画像Ｔの各々には、アプリケーションプログラムおよびその動作が割り当てられてもよい。

ビューアー１０は、画像表示部２が配置される面に、入力部７としてボタン７Ａ〜７Ｆおよびタッチパネル７Ｇを備える。入力部７は、外部からの入力を取り込む。入力部７は、ユーザーの操作を受け付け、入力信号として処理する。すなわち、ユーザーは、入力部７を操作して、ビューアー１０に所定の入力を行う。

＜ビューアーのシステム構成＞
次に、図３および図４を参照して、上述した、ビューアー１０のシステム構成を説明する。

図３および図４は、ビューアー１０のシステム構成を示すブロック図である。
ビューアー１０は、図３に示すように、バスＢＵＳに接続される画像表示部２と、制御部３と、ＶＲＡＭ４（Video Random Access Memory）と、ＲＡＭ５と、文献記憶部６（Random Access Memory）と、入力部７と、を備える。バスＢＵＳに接続される各部間での信号あるいは情報の受け渡しは、バスＢＵＳを介して行われる。

画像表示部２は、元画像Ｐに対応するサムネイル画像Ｔと、サムネイル画像Ｔの元画像Ｐとを表示する。この画像表示部２は、本実施形態では、複数のサムネイル画像Ｔが横方向に並んで配置されているサムネイル画像束ＳＧを表示する。画像表示部２は、サムネイル画像束ＳＧを俯瞰した状態である複数のサムネイル画像Ｔを表示する。画像表示部２は、後述する図９Ｅに示すように、第１の仮想軸としての第１仮想回転軸Ｑおよび第２の仮想軸としての第２仮想回転軸Ｍを含む仮想空間内における任意の視点から仮想空間内に配置されたサムネイル画像束ＳＧを見た画像である俯瞰画像を表示する。

この画像表示部２は、液晶パネルなどに画像を表示させる信号を出力する図示しない表示駆動回路を含み、ＶＲＡＭ４に記憶される画像データを、上述したサムネイル画像Ｔと元画像Ｐとを含む画像として表示する。

制御部３は、ビューアー１０の各部を制御する装置、例えば、ＣＰＵ（Central Processing Unit）、ＲＯＭ（Read Only Memory）等を有するマイクロコンピューターである。ＣＰＵは、ＲＡＭ５をワークエリアとして、ＲＯＭまたはＲＡＭ５に記憶されたプログラムを実行する。ＲＯＭは、例えば、ビューアー１０の基本的な動作を制御するためのＯＳ（Operating System）プログラムを記憶している。

制御部３は、ＲＯＭに記憶されたプログラムに基づいてビューアー１０の各部を制御する。例えば、制御部３は、各種画像データをＶＲＡＭ４に記憶させる制御や、入力部７から送られる入力信号からユーザーにより操作されるボタン７Ａ〜７Ｆおよびタッチパネル７Ｇや操作された内容を特定し、操作されたボタン７Ａ〜７Ｆおよびタッチパネル７Ｇや内容に基づいてビューアー１０を動作させる制御を行う。さらに、制御部３は、画像表示部２に表示する画像に対する画像処理を制御する。画像処理としては、例えば、選択ページの拡大表示やサムネイル画像Ｔに対する表示強調の処理が行われる。

ＶＲＡＭ４は、画像表示部２に表示させる画像を示す画像データを記憶するメモリーである。ＶＲＡＭ４は、展開された画像データが記憶されるメモリーである。ＶＲＡＭ４に記憶される画像データは、画像表示部２に表示される。

ＲＡＭ５は、制御部３によって実行される画像処理の内容および画像データとの関連付けが記憶されるメモリーである。

文献記憶部６は、書換え可能なメモリーであり、電子マニュアルや電子書籍あるいはユーザーが作成する文献などの文献データを記憶する。文献記憶部６は、複数の異なる文献データを記憶することができ、適宜文献データの書換えが可能である。文献記憶部６は、文献データに加え、各種のデータおよびアプリケーションプログラムを記憶する不揮発性のメモリーである。文献記憶部６は、例えば、ビューアー１０が内蔵する半導体メモリーであってもよいし、ＳＤメモリーカードなどの着脱可能な外部メモリーであってもよいし、インターネット等のネットワークを介して通信可能なデータベースであってもよい。

入力部７は、図１に示すボタン７Ａ〜７Ｆを備える。入力部７は、ボタン７Ａ〜７Ｆが操作されると、操作されたボタンに対応する入力信号を制御部３へ送信する。また、入力部７は、タッチパネル７Ｇを備える。

かかる構成のビューアー１０において、制御部３は、図４に示すように、画像生成部としてのＧＵＩ基盤部３０と、画像データ処理部３２と、を備える。

ＧＵＩ基盤部３０は、画像生成部として機能し、第１仮想回転軸Ｑ上に配置される複数のサムネイル画像Ｔのそれぞれを、第１仮想回転軸Ｑと交差するそれぞれの第２仮想回転軸Ｍを中心にして回転し、さらに第１仮想回転軸Ｑを中心に回転してサムネイル画像Ｔを作成する。ＧＵＩ基盤部３０は、仮想空間内に配置されたサムネイル画像束ＳＧを、仮想空間内における任意の視点から見た画像である俯瞰画像を作成する。

このＧＵＩ基盤部３０は、有効矩形処理部３４と、画像配置部３６と、３Ｄ画像処理部３８と、タッチ処理部４０と、ファイル指示部４２と、を備える。

有効矩形処理部３４は、占有領域としてのサムネイル画像表示領域を設定する。
画像配置部３６は、第２仮想回転軸Ｍを中心にして回転するサムネイル画像Ｔの回転角θを決定する。決定した回転角θに基づいて、ＧＵＩ基盤部３０でサムネイル画像Ｔを作成する。

画像配置部３６は、複数のサムネイル画像Ｔで構成されたサムネイル画像束ＳＧすなわち画像群を、隣り合うサムネイル画像Ｔと一部が重なって表示される状態で、サムネイル画像Ｔ同士が等間隔でかつ密となって並ぶ静的部分Ｌすなわち密領域と、隣り合うサムネイル画像Ｔ同士の間隔が、静的部分Ｌにおけるサムネイル画像Ｔ同士の間隔よりも広く配置されている動的部分Ｖすなわち密領域と比較して疎となっている疎領域と、に分け、静的部分Ｌすなわち密領域と、動的部分Ｖすなわち疎領域との共通の標準ページピッチを計算する。

画像配置部３６は、見開きのページの幅と、画像幅全体から各ページの標準ページピッチと見開きページの幅が占める分を除いた動的部分Ｖのページで分け合う幅と、を計算する。

画像配置部３６は、上述した計算を行い、サムネイル画像束ＳＧを構成する複数のサムネイル画像Ｔの配置位置を決定する。

３Ｄ画像処理部３８は、画像配置部３６により決定された、サムネイル画像束ＳＧを構成する複数のサムネイル画像Ｔの配置位置に基づいて、各サムネイル画像Ｔを画像表示部２に表示する。すなわち、サムネイル画像束ＳＧを表示する。
３Ｄ画像処理部３８は、例えば、ＦｒａｍｅＢｕｆｆｅｒ、ＧＰＵで構成される。

タッチ処理部４０は、ユーザーのタッチパネル７Ｇへのタッチを検出する。タッチ処理部４０は、タッチパネル７Ｇからのタッチ信号を取得し、タッチ信号に基づくユーザーによる指示により、画像配置部３６により決定されたサムネイル画像束ＳＧを、必要に応じて変形されたものとし、その後、このサムネイル画像束ＳＧを、３Ｄ画像処理部３８に伝達する。

ファイル指示部４２は、タッチ処理部４０から供給されるデータに基づいて、画像データ処理部３２に文献データのページの元画像Ｐの読み込みを指示する。ファイル指示部４２は、例えば、モバイル機器向けのオペレーションシステムのアンドロイド（登録商標）の機能である。

画像データ処理部３２は、例えば、ＰＤＦライブラリーである。
画像データ処理部３２は、画像サイズ取得部４４と、画像取得部４６と、ページ数取得部４８と、を備える。

画像サイズ取得部４４は、文献記憶部６から文献データのページの元画像Ｐの横方向の長さを取得する。また、画像サイズ取得部４４は、文献記憶部６から文献データのページの元画像Ｐの縦方向の長さを取得する。

画像取得部４６は、文献記憶部６から文献データのページの元画像Ｐ、および、その属性の他、元画像Ｐに関する情報等を取得する。

この元画像Ｐに関する情報には、サムネイル画像束ＳＧを構成する複数のサムネイル画像Ｔの情報を含み、さらに、サムネイル画像束ＳＧすなわち画像群とする際に、各サムネイル画像Ｔの配置位置に関する情報についても含まれている。すなわち、画像取得部４６は、元画像Ｐとともに、複数のサムネイル画像Ｔを有し予め各サムネイル画像Ｔの配置位置が決定されているサムネイル画像束ＳＧを取得する。

ページ数取得部４８は、文献記憶部６から文献データのページ数を取得する。
アプリケーション部２８は、例えば、写真や文書などの印刷ソフト、年賀状印刷ソフト、写真や文書などをプロジェクターで投影する投影ソフトなどのアプリケーションソフトである。

＜ビューアーの動作＞
次に、図２Ａ〜図２Ｈおよび図５〜図１５を参照し、上述した、ビューアーの動作を説明する。

具体的には、動的部分Ｖと静的部分Ｌとを有するサムネイル画像束ＳＧにおいて、動的部分Ｖにあるサムネイル画像Ｔから選択された１つの選択画像を、静的部分Ｌにおける所定の移動先へ配置させるビューアーの動作を説明する。

図２Ｂ〜図２Ｈは、図２Ａにおけるサムネイル画像束のＢ部を部分的に拡大し、選択されたサムネイル画像を移動先に移動させる際の表示方法を説明するための部分拡大平面図、図５、図６、図７、図１１、図１３、および図１５は、ビューアー１０の処理の一例を示すフローチャート、図８は、回転角θを決める処理を説明する図、図９Ａ〜図９Ｅは、サムネイル画像の生成処理を説明する図、図１０Ａ〜図１０Ｃは、サムネイル画像の配置方法を説明する図、図１２は、見開きを説明する図、図１４は、動的部分に見開きが配置された配置方法を説明する図である。

以降、初めに、図５のフローチャートに沿って、図２Ａ〜図２Ｈを参照しつつ制御部３の動作を説明する。

制御部３は、生成されたサムネイル画像Ｔが所定の順序で配置されたサムネイル画像束ＳＧを作成する。

画像配置部３６は、サムネイル画像束ＳＧを静的部分Ｌと動的部分Ｖに分け、静的部分Ｌにおけるサムネイル画像Ｔの配置位置と、動的部分Ｖにおけるサムネイル画像Ｔの配置位置と、をそれぞれ計算し、サムネイル画像束ＳＧを構成する複数のサムネイル画像Ｔの配置位置を決定する。

図５のフローは、所定のイベント、例えば、ビューアー１０の電源が投入されたこと、または、ビューアー１０において例えば、メニュー画面の表示が指示されたことを契機として開始される。

まず、ステップＳ１０１において、ファイル指示部４２は、入力部７のボタン７Ａ〜７Ｆあるいはタッチパネル７Ｇを使用してユーザーに指定された元画像Ｐを文献記憶部６から読み出すことを画像取得部４６に指示する。そして、制御部３すなわち画像取得部４６は、処理対象となるサムネイル画像束ＳＧ、この例ではサムネイル画像束ＳＧに含まれる複数のサムネイル画像Ｔの元画像Ｐを取得する。

次に、ステップＳ１０２において、制御部３すなわち画像取得部４６は、複数のサムネイル画像Ｔの並び順を示すデータを取得する。

このデータは、サムネイル画像Ｔの並び順を示す番号と、サムネイル画像Ｔの識別子としてのファイル名とを含んでいる。このデータは、文献記憶部６に記憶されている。ステップＳ１０１において、制御部３は、文献記憶部６からこのデータを読み出し、このデータに含まれるファイル名を有する元画像Ｐを文献記憶部６から取得する。そして、ステップＳ１０２において、制御部３は、このデータからサムネイル画像Ｔのサムネイル画像束ＳＧにおいて決定されている並び位置すなわち配置位置を取得する。すなわち、制御部３は、文献記憶部６に記憶された、サムネイル画像Ｔの配置位置が予め決定されている、初期のサムネイル画像束ＳＧを取得する。

次に、ステップＳ１０３において、制御部３は、初期のサムネイル画像束ＳＧの表示に用いられるパラメーターを取得する。これらのパラメーターは、初期のサムネイル画像束ＳＧの識別子とともに、文献記憶部６に記憶されている。ここで取得されるパラメーターには、画像数や画像の幅寸法が含まれる。画像数は、サムネイル画像束ＳＧに含まれるサムネイル画像Ｔの数を示すパラメーターである。画像の幅寸法は、サムネイル画像束ＳＧの横方向の長さを示すパラメーターである。

次に、ステップＳ１０４において、制御部３は、ＧＵＩ基盤部３０で生成されたサムネイル画像Ｔを用いて初期のサムネイル画像束ＳＧを作成する。詳細には、制御部３は、ＧＵＩ基盤部３０がステップＳ１０１において取得した元画像Ｐを縮小または拡大し、生成したサムネイル画像Ｔを用いて初期のサムネイル画像束ＳＧを作成する。

以下、図６のフローチャートに沿って、制御部３を用いて、サムネイル画像Ｔを生成し、サムネイル画像Ｔを配置して初期のサムネイル画像束ＳＧを作成する動作を説明する。なお、以下では、文献記憶部６に記憶された、「初期のサムネイル画像束ＳＧ」を、単に「サムネイル画像束ＳＧ」と言うこともある。

まず、ステップＳ２０１において、画像配置部３６は、サムネイル画像束ＳＧで、四角形状をなす各サムネイル画像Ｔの４辺のうちの対向する一対の辺が傾斜して表示される傾斜角度を決める。具体的には、ステップＳ２０１において、画像配置部３６は、後述する図９Ａに示す、長方形状をなす各ページの第２仮想回転軸Ｍを中心にして回転する回転角θを決める。すなわち、長方形状をなす各サムネイル画像Ｔにおいて、Ｙ軸方向に対向する上辺と下辺とがＸ軸に対し傾斜して表示される傾斜角度すなわち回転角θを決定する。なお、この動作を図７のフローチャートに沿って、説明する。

まず、ステップＳ３０１において、画像配置部３６は、元画像ＰのＮページ目の読み込みを開始する。Ｎは１以上の整数である。

次に、ステップＳ３０２において、画像配置部３６は、Ｎページ目が動的部分Ｖでない場合は、「Ｎｏ」としてステップＳ３０６に進み、Ｎページ目の回転角θを最大回転角θｍａｘと設定し、ステップＳ３０４に進む。また、Ｎページ目が動的部分Ｖである場合は、「Ｙｅｓ」としてステップＳ３０３に進み、Ｎページ目の回転角θを「最大回転角−最大削減回転角＊該当する正規分布の値／正規分布の中央値」と設定する。なお、動的部分Ｖに配置されるページの回転角θは、図８に示すように、削減回転角の正規分布に従って計算され、動的部分Ｖの横方向の中心となる所定の位置Ｋに近いほどページの回転角θが小さくなる。つまり、所定の位置Ｋに１番目に近いページの回転角θ１＜２番目に近いページの回転角θ２＜３番目に近いページの回転角θ３となる。

次に、ステップＳ３０４において、画像配置部３６は、見開きより右側なら角度の正負を逆転する。つまり、所定の位置Ｋより右側のページは、回転角θを−θ１、−θ２、−θ３、−θｍａｘと設定する。

次に、ステップＳ３０５において、画像配置部３６は、（Ｎ−１）ページ目の読み込みまで、ステップＳ３０１に戻り、ステップＳ３０１からステップＳ３０５の動作を繰り返し、Ｎページ目の読み込みを完了し、各ページの回転角θの設定を終了する。

図６に戻り、ステップＳ２０２において、制御部３は、各ページのサムネイル画像Ｔを作成する。具体的には、ＧＵＩ基盤部３０において、第１仮想回転軸Ｑ上に配置される複数のサムネイル画像Ｔのそれぞれを、第１仮想回転軸Ｑと交差するそれぞれの第２仮想回転軸Ｍを中心にして回転し、さらに第１仮想回転軸Ｑを中心に回転してサムネイル画像Ｔを作成する。

すなわち、ＧＵＩ基盤部３０は、図９Ａに示すように、ページＴａを仮想空間内の仮想水平面Ｎに設定された第１仮想回転軸Ｑ上に立てて配置し、第１仮想回転軸Ｑと交差するそれぞれの第２仮想回転軸Ｍを中心にして、ページＴａの横方向が表示領域の横方向に平行な基準位置Ｒから回転角θで回転させる。さらに、ＧＵＩ基盤部３０は、仮想空間内においてそれぞれの第２仮想回転軸Ｍを中心にして回転されたページＴａを、第１仮想回転軸Ｑを中心にして図示しない俯角φで回転させた画像を作成する。即ち、ＧＵＩ基盤部３０は、仮想空間内において、第２仮想回転軸Ｍを中心にして回転されたページＴａの上辺より上の視点から、ページＴａを図示しない俯角φで斜めに見下ろしている画像を作成する。換言すれば、各サムネイル画像は、仮想空間内においてページＴａの上辺より上の視点からページＴａを図示しない俯角φで斜視し、俯瞰している画像として生成される。なお、ページを回転させていない場合、ページの横方向が表示領域の横方向に平行な状態であり、回転角θは０°である。また、俯角φは予め定められた角度となっている。また、第２仮想回転軸Ｍは、ページの縦方向である第２方向の辺に沿って平行である構成に限定されるものではなく、ページの横方向の辺と交差する構成であってもよい。

具体的には、まず、ＧＵＩ基盤部３０は、各ページを正面から見た図９Ｂに示す画像Ｔｂに対して、図９Ｃに示すように、横幅を変化させないようにしつつ、縦方向の変形を加え、図９Ｂの画像Ｔｂの右辺を左辺に対してＳ・ｓｉｎθ・ｔａｎφだけずらした画像Ｔｃを作成する。次に、ＧＵＩ基盤部３０は、図９Ｄに示すように、図９Ｃの画像Ｔｃを、ｃｏｓθの倍率で横方向に縮小した画像Ｔｄを作成する。この結果、画像Ｔｄの横幅は、Ｓ・ｃｏｓθとなる。そして、ＧＵＩ基盤部３０は、最後に図９Ｅに示すように、図９Ｄの画像Ｔｄをｃｏｓφの倍率で縦方向に縮小した画像Ｔｅを作成する。この結果、画像Ｔｅの縦方向の寸法は、Ｌ・ｃｏｓφとなる。これにより、ページを、第２仮想回転軸Ｍを中心にして回転角θで回転させ、さらに、第１仮想回転軸Ｑを中心に回転させたサムネイル画像Ｔが生成される。換言すれば、ページを、第２仮想回転軸Ｍを中心にして回転角θで回転させ、且つ、ページの上辺より上の視点からページを俯角φで見下ろした時のサムネイル画像Ｔが生成される。

再び図６に戻り、ステップＳ２０３において、画像配置部３６は、動的部分Ｖと静的部分Ｌとの共通の標準ページピッチＬａを計算する。

標準ページピッチＬａは、「全体占有幅＊標準ページピッチ占有幅比率／（ページ数−１）」で計算される。ここで、ページピッチが図１０Ａで示す正規分布の場合、図１０Ｂに示すように、静的部分Ｌのページピッチは、標準ページピッチＬａとなり、動的部分Ｖのページピッチは、標準ページピッチＬａの間にページピッチＬ１，Ｌ２，Ｌ３が入ったピッチとなる。なお、全体占有幅とは、静的部分Ｌのページピッチの合計と動的部分Ｖのページピッチの合計とを加算し、さらに「標準ページ幅＊ｃｏｓ（最大回転角θｍａｘ）」の１／２に相当する両端の２つのページピッチＬｂを加算した長さＷｍａｘである。また、標準ページピッチ占有幅比率とは、図１０Ｃに示すように、動的部分ＶのページピッチＬ１，Ｌ２，Ｌ３を除いた標準ページピッチ占有幅の長さＷａの全体占有幅の長さＷｍａｘに対する比率である。

次に、ステップＳ２０４において、画像配置部３６は、見開きの幅を計算する。なお、見開きとは、図８に示す動的部分Ｖの所定の位置Ｋを挟む２枚のサムネイル画像Ｔのことである。

以下、図１１のフローチャートに沿って、画像配置部３６の見開きの幅を計算する動作を説明する。

まず、ステップＳ４０１において、画像配置部３６は、見開きの実表示幅を、予め決められた見開きギャップＧＡとする。なお、見開きギャップＧＡとは、図１２に示すように、見開き左のページと見開き右のページとの間隔である。なお、見開き右とは、見開きの右側、見開き左とは、見開きの左側のことである。

次に、ステップＳ４０２において、見開きが動的部分Ｖである場合、「Ｙｅｓ」としてステップＳ４０３に進み、ステップＳ４０３において、見開きの状態が、「見開き左≧ページ総数−１または全ページ右向き」や「見開き右≦０ページまたは全ページ左向き」でない「他」の場合には、ステップＳ４０４に進み、画像配置部３６は、見開き左の実表示幅ＷＬを、「見開き左のページ幅＊ｃｏｓ（回転角θ）」とする。なお、全ページ右向きとは、全ページが図１２における「見開き左」の場合であり、全ページ左向きとは、全ページが図１２における「見開き右」の場合である。

次に、ステップＳ４０５において、画像配置部３６は、見開き右の実表示幅ＷＲを、「見開き右のページ幅＊ｃｏｓ（回転角θ）」とする。

次に、ステップＳ４０６において、画像配置部３６は、見開きの実表示幅に、「（見開き左の実表示幅ＷＬ／２）＋（見開き右の実表示幅ＷＲ／２）」を加算し、見開きの実表示幅の計算を終了する。

次に、ステップＳ４０３に戻り、見開きの状態が、「見開き右≦０ページまたは全ページ左向き」の場合には、ステップＳ４０７に進み、見開き右の実表示幅ＷＲを、「見開き右のページ幅＊ｃｏｓ（回転角θ）」とする。

次に、ステップＳ４０８において、画像配置部３６は、見開きの実表示幅に、「見開き右の実表示幅ＷＲ／２」を加算し、見開きの実表示幅の計算を終了する。

再び、ステップＳ４０３に戻り、見開きの状態が、「見開き左≧ページ総数−１または全ページ右向き」の場合には、ステップＳ４０９に進み、見開き左の実表示幅ＷＬを、「見開き左のページ幅＊ｃｏｓ（回転角θ）」とする。

次に、ステップＳ４１０において、画像配置部３６は、見開きの実表示幅に、「見開き左の実表示幅ＷＬ／２」を加算し、見開きの実表示幅の計算を終了する。

次に、ステップＳ４０２に戻り、見開きが動的部分Ｖでない場合、「Ｎｏ」としてステップＳ４１１に進み、ステップＳ４１１において、「見開き右≦０ページまたは見開き左≧ページ総数−１」である場合には、「Ｙｅｓ」としてステップＳ４１２に進む。

ステップＳ４１２において、画像配置部３６は、見開きの実表示幅に、「標準ページ幅＊ｃｏｓ（最大回転角θｍａｘ）／２」を加算し、見開きの実表示幅の計算を終了する。

次に、ステップＳ４１１に戻り、「見開き右≦０ページまたは見開き左≧ページ総数−１」でない場合には、「Ｎｏ」としてステップＳ４１３に進み、ステップＳ４１３において、画像配置部３６は、見開きの実表示幅に、「標準ページ幅＊ｃｏｓ（最大回転角θｍａｘ）」を加算し、見開きの実表示幅の計算を終了する。

再び、図６に戻り、ステップＳ２０５において、画像配置部３６は、動的部分Ｖのページで分け合う幅を計算する。

動的部分Ｖのページで分け合う幅は、「全体占有幅＊（１−標準ページピッチ占有幅比率）−見開きの実表示幅」で計算される。なお、全体占有幅は、上述した静的部分Ｌのページピッチの合計と動的部分Ｖのページピッチの合計とを加算し、さらに静的部分Ｌのページピッチ１個を加算した長さＷｍａｘである。また、標準ページピッチ占有幅比率とは、標準ページピッチ占有幅の長さＷａの全体占有幅の長さＷｍａｘに対する比率である。

次に、ステップＳ２０６において、画像配置部３６は、動的部分Ｖの累積正規分布を計算する。

以下、図１３のフローチャートに沿って、画像配置部３６の動的部分Ｖの累積正規分布を計算する動作を説明する。

まず、ステップＳ５０１において、画像配置部３６は、累積正規分布を「０」とする。
次に、ステップＳ５０２において、画像配置部３６は、動的部分ＶのＭページ目の読み込みを開始する。Ｍは１以上の整数である。

次に、ステップＳ５０３において、画像配置部３６は、見開きより右側なら回転角θの角度の正負を逆転する。

次に、ステップＳ５０４において、Ｍページ目が見開きの左右どちらかである場合には、「Ｙｅｓ」としてステップＳ５０５に進み、ステップＳ５０５において、画像配置部３６は、累積正規分布に、「Ｍページ目の正規分布／２」を加算する。

次に、ステップＳ５０６において、画像配置部３６は、Ｍページ目の読み込みを完了し、累積正規分布の計算を終了する。

ステップＳ５０４に戻り、Ｍページ目が見開きの左右どちらかでない場合には、「Ｎｏ」としてステップＳ５０７に進み、ステップＳ５０７において、画像配置部３６は、累積正規分布に、「Ｍページ目の正規分布」を加算する。

次に、ステップＳ５０６において、画像配置部３６は、ステップＳ５０２に戻り、ステップＳ５０２からステップＳ５０６の動作をページ数分繰り返し、Ｍページ目の読み込みを完了し、累積正規分布の計算を終了する。

以上の累積正規分布の計算を行うことで、図１４に示すように、動的部分Ｖに見開きがある配置を計算することができる。

再び、図６に戻り、ステップＳ２０７において、画像配置部３６は、各ページのサムネイル画像Ｔを配置することで、初期のサムネイル画像束ＳＧを作成する。

以下、図１５のフローチャートに沿って、画像配置部３６の各ページを配置する動作を説明する。

まず、ステップＳ６０１において、画像配置部３６は、０ページ目のＸ座標を「標準ページ幅Ｌａ＊ｃｏｓ（最大回転角θｍａｘ）／２」とする。なお、Ｘ座標とは、最初のページの横方向に対向する両端部の左側の端部を０とし、左側の端部からの横方向となるＸ軸方向の長さである。

次に、ステップＳ６０２において、画像配置部３６は、元画像ＰのＮページ目の読み込みを開始する。Ｎは１以上の整数である。

次に、ステップＳ６０３において、Ｎページ目が見開きの右である場合には、「Ｙｅｓ」としてステップＳ６０４に進み、ステップＳ６０４において、Ｎページ目が動的部分Ｖである場合には、「Ｙｅｓ」としてステップＳ６０５に進む。

次に、ステップＳ６０５において、画像配置部３６は、Ｘ座標に「動的部分で分け合う幅＊Ｎページ目の正規分布／累積正規分布／２」を加算する。

次に、ステップＳ６０６において、画像配置部３６は、Ｎページ目のＸ座標をＸ座標とする。

次に、ステップＳ６０７において、Ｎページ目が見開き右である場合には、「Ｙｅｓ」としてステップＳ６０８に進む。Ｎページ目が見開き右でない場合には、「Ｎｏ」としてステップＳ６１４に進み、ステップＳ６１４において、画像配置部３６は、Ｘ座標に「動的部分で分け合う幅＊Ｎページ目の正規分布／２」を加算し、ステップＳ６０８に進む。

次に、ステップＳ６０４に戻り、Ｎページ目が動的部分Ｖでない場合には、「Ｎｏ」としてステップＳ６１３において、Ｎページ目のＸ座標をＸ座標とし、ステップＳ６０８に進む。

次に、ステップＳ６０３に戻り、Ｎページ目が見開き右でない場合には、「Ｎｏ」としてステップＳ６１１に進み、ステップＳ６１１において、Ｘ座標に見開きの実表示幅を加算する。

次に、ステップＳ６１２において、Ｎページ目のＸ座標をＸ座標とし、ステップＳ６０８に進む。

次に、ステップＳ６０８において、Ｘ座標に標準ページピッチＬａを加算し、ステップＳ６０９において、画像配置部３６は、ステップＳ６０２に戻り、ステップＳ６０２からステップＳ６０９の動作をページ数分繰り返し、Ｎページ目の読み込みを完了し、各ページのＸ座標の計算を終了する。

その後、画像配置部３６で計算した各ページのＸ座標に基づいて、ＧＵＩ基盤部３０で生成した、各ページに対応した各サムネイル画像Ｔを第１仮想回転軸Ｑ上に配置することでサムネイル画像束ＳＧの生成が終了される。

図５に戻り、ステップＳ１０５において、制御部３は、ステップＳ１０４で生成したサムネイル画像Ｔで構成されたサムネイル画像束ＳＧを、画像表示部２に表示する。

以上のようなＳ１０１〜Ｓ１０５のフローにより、図２Ａ、図２Ｂに示すように、画像表示部２の横方向に沿って、左側から右側へページ番号が大きくなる順序で配置された複数のサムネイル画像Ｔで構成された、初期のサムネイル画像束ＳＧが画像表示部２に表示される。すなわち、Ｓ１０１〜Ｓ１０５のフローにより、複数のサムネイル画像Ｔを備え、複数のサムネイル画像Ｔの配置が、サムネイル画像Ｔの一部が重なることで密となっている静的部分Ｌと、この静的部分Ｌと比較して疎となっている動的部分Ｖとを有するサムネイル画像束ＳＧを表示する表示工程が構成される。

なお、各ステップで算出された各種計算値は、ページごとにＲＡＭ５に記憶され、計算に必要な際に、その都度、ＲＡＭ５から読み出され各種計算に用いられる。

上述のようなフローによれば、サムネイル画像束ＳＧにおいて、静的部分Ｌに配置されたサムネイル画像Ｔは、隣り合うサムネイル画像Ｔと一部が重なって表示されるので、サムネイル画像Ｔの記載内容の一部を確認することができる。また、動的部分Ｖに配置されたサムネイル画像Ｔは、所定の位置Ｋに近いサムネイル画像Ｔであるほど、第２仮想回転軸Ｍを中心とする回転角θが小さくなるように表示されているので、所定の位置Ｋに近いサムネイル画像Ｔほど、画像幅が広くなり、サムネイル画像Ｔの記載内容をより確認し易くなる。従って、全てのサムネイル画像Ｔの記載内容を一括して確認することができる。

また、所定の位置Ｋが、複数のサムネイル画像Ｔが並ぶ横方向において、動的部分Ｖの中心であるので、所定の位置Ｋの両側に画像幅の広いサムネイル画像Ｔが配置され、動的部分Ｖに配置されたサムネイル画像Ｔの記載内容をより確認し易くなる。

再び、図５に戻り、ステップＳ１０６において、制御部３は、ＧＵＩ基盤部３０で生成された、図２Ｃのように、サムネイル画像Ｔ２が選択された状態を示すように変形された複数のサムネイル画像Ｔ１〜Ｔ１１を用いて、それまでのサムネイル画像束ＳＧに対し、サムネイル画像Ｔ２が選択されたサムネイル画像束ＳＧ２を作成する。なお、サムネイル画像Ｔ２の選択時、移動時およびその後の状態のサムネイル画像束ＳＧ２を、以下、単に「サムネイル画像束ＳＧ２」と言う。

具体的には、本実施形態では、図２Ｃに示すように、入力部７は、タッチパネル７Ｇにおいて、ユーザーの指によるドラッグにより、動的部分Ｖに位置する複数のサムネイル画像Ｔのうち、サムネイル画像Ｔ２が選択画像として、上方である＋Ｙ方向に移動された操作信号、すなわち、サムネイル画像Ｔ２が上方に移動された状態を示すように変形されたサムネイル画像束ＳＧ２を示すパラメーターを、タッチ処理部４０に送信する。その後、タッチ処理部４０は、操作信号を、このものを介して有効矩形処理部３４に伝達した後に、有効矩形処理部３４は、サムネイル画像Ｔ２が上方に移動された状態すなわちサムネイル画像Ｔ２が選択された状態のサムネイル画像表示領域を設定する。

そして、ＧＵＩ基盤部３０は、サムネイル画像Ｔ２が上方に移動された状態のサムネイル画像表示領域を用いること以外は、前述したステップＳ２０１〜Ｓ２０７の処理を同様に行うことで、サムネイル画像Ｔ２が上方に移動された状態を示すサムネイル画像束ＳＧ２を作成する。

次いで、ステップＳ１０７において、制御部３は、ステップＳ１０６で生成した、サムネイル画像Ｔ２が上方に移動された状態すなわちサムネイル画像Ｔ２が選択画像として選択された状態を示すサムネイル画像束ＳＧ２を、画像表示部２に表示する。

サムネイル画像Ｔ２が上方に移動された状態を示すサムネイル画像束ＳＧ２において、図２Ｃに示すように、サムネイル画像Ｔ２が他のサムネイル画像Ｔ１、Ｔ３〜Ｔ１１と比較して、上方に移動されることで、選択画像としてのサムネイル画像Ｔ２の表示形態が変更される。その結果、画像表示部２に表示されたサムネイル画像束ＳＧ２において、サムネイル画像Ｔ２が選択画像として選択されていることを、ユーザーは、容易に視認することができる。

また、サムネイル画像Ｔ２を、他のサムネイル画像Ｔ１、Ｔ３〜Ｔ１１と比較して、上方に移動させる高さは、特に限定されないが、例えば、サムネイル画像Ｔ２の長辺すなわち＋Ｙ方向の長さに対して、１／４以上３／４以下程度の高さであることが好ましい。これにより、サムネイル画像Ｔ２が選択されていることを、ユーザーは、確実に認識することができる。

さらに、本実施形態では、図２Ｃに示すように、選択されていないサムネイル画像Ｔ１、Ｔ３〜Ｔ１１をグレーアウトして表示している。このように、選択されていない非選択画像としてのサムネイル画像Ｔ１、Ｔ３〜Ｔ１１の表示形態を変更させることによっても、サムネイル画像Ｔ２が選択画像として選択されていることを強調表示することができる。

なお、図２Ｃでは、選択画像としてのサムネイル画像Ｔ２と、非選択画像としてのサムネイル画像Ｔ１、Ｔ３〜Ｔ１１との双方の表示形態を変更することで、サムネイル画像Ｔ２が選択されていることを強調表示しているが、これらのうちの一方の表示形態の変更が省略されていてもよいし、双方の表示形態の変更が省略されていてもよい。ただし、本実施形態のように、双方の表示形態を変更する構成とすることで、ユーザーは、サムネイル画像Ｔ２が選択されていることを確実に認識することができるようになる。

また、選択画像としてのサムネイル画像Ｔ２を色変更してサムネイル画像Ｔ２の表示形態を変更させるようにすることもできる。さらに、サムネイル画像Ｔ２の表示形態の変更は、上述した手法の他に、サムネイル画像Ｔ２の形状を変更させること、サムネイル画像Ｔ２の大きさを変更させること、サムネイル画像Ｔ２を上下移動させること等によっても行うことができる。また、図２Ｃでは、ユーザーの指によるドラッグにより、サムネイル画像Ｔ２を＋Ｙ方向に移動された操作信号を受けて、サムネイル画像Ｔ２が選択画像として選択されることとしたが、これに限らず、ユーザーの指によりサムネイル画像Ｔ２が長押しされている操作信号を受けて、サムネイル画像Ｔ２が選択画像として選択されるようにすることもできる。

制御部３は、以上のようなＳ１０６、Ｓ１０７のフローにより、図２Ｃに示すように、画像表示部２において、複数のサムネイル画像Ｔ１〜Ｔ１１のうち、動的部分Ｖに位置するサムネイル画像Ｔ２が選択画像として選択された、選択時のサムネイル画像束ＳＧ２を、画像表示部２に表示する。すなわち、Ｓ１０６、Ｓ１０７のフローにより、動的部分Ｖに位置するサムネイル画像Ｔ２を選択画像として選択する選択工程が構成される。

再び、図５に戻り、ステップＳ１０８において、制御部３は、ＧＵＩ基盤部３０で生成された、図２Ｅのように、サムネイル画像Ｔ２が移動された状態を示すように変形された複数のサムネイル画像Ｔ１〜Ｔ１１を用いて、選択画像としてのサムネイル画像Ｔ２が移動されたサムネイル画像束ＳＧ２を作成する。

具体的には、まず、図２Ｄに示すように、ユーザーは、指によるドラッグにより、動的部分Ｖ中の選択画像としてのサムネイル画像Ｔ２を、＋Ｘ方向に位置する静的部分Ｌ側に移動させる動作を行う。そして、入力部７は、ユーザーの指によるドラッグを受けて、タッチパネル７Ｇにおいて、動的部分Ｖに位置するサムネイル画像Ｔ２を、右側である＋Ｘ方向に移動させる操作信号、すなわち、サムネイル画像Ｔ２が右側に移動された状態を示すように変形されたサムネイル画像束ＳＧ２を示すパラメーターを、タッチ処理部４０に送信する。その後、タッチ処理部４０は、操作信号を、このものを介して有効矩形処理部３４に伝達した後に、有効矩形処理部３４は、サムネイル画像Ｔ２が右側に移動された状態のサムネイル画像表示領域を設定する。

そして、ＧＵＩ基盤部３０は、サムネイル画像Ｔ２が右側に移動された状態のサムネイル画像表示領域を用いること以外は、前述したステップＳ２０１〜Ｓ２０７の処理を同様に行うことで、図２Ｅに示すように、サムネイル画像Ｔ２が右側に移動された状態を示すサムネイル画像束ＳＧ２を作成する。

次いで、ステップＳ１０９において、制御部３は、ステップＳ１０８で生成した、サムネイル画像Ｔ２すなわち選択画像が右側に移動された状態を示すサムネイル画像束ＳＧ２を、画像表示部２に表示する。

サムネイル画像Ｔ２が右側に移動された状態を示すサムネイル画像束ＳＧ２では、図２Ｅに示すように、サムネイル画像Ｔ２が、これよりも右側すなわち＋Ｘ方向に位置するサムネイル画像Ｔ３〜Ｔ１１に向かって移動され、これにより、サムネイル画像Ｔ３〜Ｔ１１は圧縮された状態、すなわち、サムネイル画像Ｔ２〜Ｔ１１は、サムネイル画像Ｔ２が右側に移動する前よりも、狭いエリアに表示される。

サムネイル画像Ｔ２の移動先は、密領域である静的部分Ｌであるが、この移動先の前後では、サムネイル画像Ｔの配置密度が緩和され、その配置密度がより疎となる。以下、配置密度が緩和されるサムネイル画像Ｔの動作について説明する。

再び、図５に戻り、ステップＳ１１０において、制御部３は、ＧＵＩ基盤部３０で生成された、図２Ｆ、図２Ｇのように、サムネイル画像Ｔ２を移動させる移動先の間隔が広げられた状態を示すように変形された複数のサムネイル画像Ｔ１〜Ｔ１１を用いて、サムネイル画像Ｔ２の移動に応じて、サムネイル画像Ｔ２を移動させる移動先の間隔が広げられたサムネイル画像束ＳＧ２を作成する。

具体的には、まず、図２Ｆに示すように、入力部７は、ユーザーの指による右側すなわち＋Ｘ方向へのドラッグの動作を継続することを受けて、タッチパネル７Ｇにおいて、サムネイル画像Ｔ２より、右側に位置するサムネイル画像Ｔの一部を、左側すなわち−Ｘ方向に移動させるとともに、左側に移動されたサムネイル画像Ｔのうち、最も右側に位置する画像と、当該画像と隣り合う画像との配置密度が、静的部分Ｌにおける密度と比較して、疎となるように表示された状態、すなわちサムネイル画像Ｔ２を移動させる移動先の間隔が広げられた状態を示すように変形されたサムネイル画像束ＳＧ２を示すパラメーターを、タッチ処理部４０に送信する。その後、タッチ処理部４０は、操作信号を、このものを介して有効矩形処理部３４に伝達した後に、有効矩形処理部３４は、サムネイル画像Ｔ２を移動させる移動先の間隔が広げられた状態のサムネイル画像表示領域を設定する。

そして、ＧＵＩ基盤部３０は、サムネイル画像Ｔ２を移動させる移動先の間隔が広げられた状態のサムネイル画像表示領域を用いること以外は、前述したステップＳ２０１〜Ｓ２０７の処理を同様に行うことで、図２Ｆに示すように、サムネイル画像Ｔ２を移動させる移動先の間隔が広げられた状態を示すサムネイル画像束ＳＧ２を作成する。

次いで、ステップＳ１１１において、制御部３は、ステップＳ１１０で生成した、サムネイル画像Ｔ２すなわち選択画像が右側に移動された状態を示す図２Ｆのサムネイル画像束ＳＧ２を、画像表示部２に表示する。

次いで、図２Ｇに示すように、入力部７は、さらなる、ユーザーの指による右側へのドラッグの動作を継続することを受けて、タッチパネル７Ｇにおいて、サムネイル画像Ｔ２より、右側に位置するサムネイル画像Ｔのさらなる一部を、左側に移動させるとともに、左側に移動されたサムネイル画像Ｔのうち、最も右側に位置する画像と、当該画像と隣り合う画像との配置密度が、静的部分Ｌおける密度と比較して、疎となるように表示された状態、すなわちサムネイル画像Ｔ２を移動させる移動先の間隔が広げられた状態を示すように変形されたサムネイル画像束ＳＧ２を示すパラメーターを、タッチ処理部４０に送信する。その後、タッチ処理部４０は、操作信号を、このものを介して有効矩形処理部３４に伝達した後に、有効矩形処理部３４は、サムネイル画像Ｔ２を移動させる移動先の間隔が広げられた状態のサムネイル画像表示領域を設定する。

そして、ＧＵＩ基盤部３０は、サムネイル画像Ｔ２を移動させる移動先の間隔が広げられた状態のサムネイル画像表示領域を用いること以外は、前述したステップＳ２０１〜Ｓ２０７の処理を同様に行うことで、図２Ｇに示すように、サムネイル画像Ｔ２を移動させる移動先の間隔が広げられた状態を示すサムネイル画像束ＳＧ２を作成する。

次いで、ステップＳ１１１において、制御部３は、ステップＳ１１０で生成した、サムネイル画像Ｔ２すなわち選択画像が右側に移動された状態を示す図２Ｇのサムネイル画像束ＳＧ２を、画像表示部２に表示する。

以上のような、ステップＳ１１０およびステップＳ１１１では、サムネイル画像Ｔ２を移動させる移動先が正確に画像表示部２に表示されるまで、これらステップＳ１１０およびステップＳ１１１で説明した動作を繰り返して実施する。

この動作を図２Ｆ、図２Ｇを用いてより具体的に説明すると、サムネイル画像Ｔ２を移動させる移動先の間隔が広げられた状態を示すサムネイル画像束ＳＧ２では、まず、図２Ｆでは、サムネイル画像Ｔ２より右側に位置していたサムネイル画像Ｔ３〜Ｔ１１のうち、その一部であるサムネイル画像Ｔ３〜Ｔ７が、サムネイル画像Ｔ２より左側に移動されるとともに、サムネイル画像Ｔ３〜Ｔ７のうち最も右側に位置するサムネイル画像Ｔ７と、サムネイル画像Ｔ７と隣り合う画像Ｔ６との配置密度が、サムネイル画像Ｔ８〜Ｔ１１の密度と比較して、疎となるように表示される。また、図２Ｇでは、図２Ｆに続けて、サムネイル画像Ｔ２より右側に位置していたサムネイル画像Ｔ８、Ｔ９が、サムネイル画像Ｔ２より左側に移動されるとともに、サムネイル画像Ｔ８、Ｔ９のうち最も右側に位置するサムネイル画像Ｔ９と、サムネイル画像Ｔ９と隣り合う画像Ｔ８との配置密度が、サムネイル画像Ｔ１０及びＴ１１の密度と比較して、疎となるように表示される。ステップＳ１１０では、ユーザーの指による右側への移動の動作が継続される限りにおいて、上述のような、サムネイル画像Ｔ２を移動させる移動先の間隔が広げられたことを示す、画像表示部２における表示が繰り返して実施される。このとき、ユーザーは、配置密度が緩和されて表示されたサムネイル画像Ｔ、すなわち、図２Ｆではサムネイル画像Ｔ７および図２Ｇではサムネイル画像Ｔ９が、画像同士が重なる領域が小さくなるため、そのサムネイル画像Ｔに記載された画像の情報を認識することが可能となる。したがって、ユーザーは、サムネイル画像Ｔ２を移動させるべき移動先を正しく認識することができる。

また、ステップＳ１１０およびステップＳ１１１では、第２仮想回転軸Ｍを中心にして回転するサムネイル画像Ｔの回転角θ、すなわち、サムネイル画像Ｔの上辺および下辺が傾斜する傾斜角度は、サムネイル画像Ｔ２では、図２Ｆの回転角θａ２に示す通り、図２Ｃの回転角θａ１に比較して大きく設定され、図２Ｃにおいて、静的部分Ｌに位置するサムネイル画像Ｔ４の回転角θｂに近似された大きさに設定されている。これにより、動的部分Ｖから移動されて静的部分Ｌで表示されたサムネイル画像Ｔ２を、静的部分Ｌに元々位置しているサムネイル画像Ｔ２、すなわち図２Ｆではサムネイル画像Ｔ８〜Ｔ１１に対して、違和感を生じさせることなく、サムネイル画像Ｔ２を表示することができる。

制御部３は、以上のようなＳ１０８〜Ｓ１１１のフローにより、図２Ｇに示すように、画像表示部２において、複数のサムネイル画像Ｔ１〜Ｔ１１のうち、静的部分Ｌに位置する、移動先としてのサムネイル画像Ｔ９とサムネイル画像Ｔ１０との間にサムネイル画像Ｔ２が移動され、さらに、サムネイル画像Ｔ９が見開きとして表示されることでサムネイル画像Ｔ９の画像の情報を認識することができる状態とされたサムネイル画像束ＳＧ２を画像表示部２に表示する。すなわち、Ｓ１０８〜Ｓ１１１のフローにより、選択画像としてのサムネイル画像Ｔ２を、静的部分Ｌにおける所定の移動先に移動させる移動工程と、サムネイル画像Ｔ２を移動させた移動先の密な状態を、移動先で隣接する画像同士の間隔を広げることで、移動先を疎な状態とする広間隔工程とが構成される。

再び、図５に戻り、ステップＳ１１２において、制御部３は、ＧＵＩ基盤部３０で生成された、図２Ｈのように、サムネイル画像Ｔ２が移動先に配置された状態を示すように変形された複数のサムネイル画像Ｔ１〜Ｔ１１を用いて、サムネイル画像Ｔ２が移動先に配置されたサムネイル画像束ＳＧ２を作成する。

具体的には、まず、ユーザーは、図２Ｇに示す、見開きとして表示されたサムネイル画像Ｔ９における画像の情報を認識することで、サムネイル画像Ｔ９とサムネイル画像Ｔ１０との間を、サムネイル画像Ｔ２を移動させるべき移動先であると判断して、この間にサムネイル画像Ｔ２をドロップする指の動作を行う。そして、入力部７は、ユーザーの指によるドロップする動作を受けて、タッチパネル７Ｇにおいて、サムネイル画像Ｔ２が移動先に配置された操作信号、すなわちサムネイル画像Ｔ２がサムネイル画像Ｔ９とサムネイル画像Ｔ１０との間に配置された状態を示すように変形されたサムネイル画像束ＳＧ２を示すパラメーターを、タッチ処理部４０に送信する。その後、タッチ処理部４０は、操作信号を、このものを介して有効矩形処理部３４に伝達した後に、有効矩形処理部３４は、サムネイル画像Ｔ２が移動先に配置された状態のサムネイル画像表示領域を設定する。

そして、ＧＵＩ基盤部３０は、サムネイル画像Ｔ２が移動先に配置された状態のサムネイル画像表示領域を用いること以外は、前述したステップＳ２０１〜Ｓ２０７の処理を同様に行うことで、図２Ｈに示すように、サムネイル画像Ｔ２が移動先に配置された状態、すなわちサムネイル画像Ｔ２がサムネイル画像Ｔ９とサムネイル画像Ｔ１０との間に配置された状態を示すサムネイル画像束ＳＧ２を作成する。

次いで、ステップＳ１１３において、制御部３は、ステップＳ１１２で生成した、サムネイル画像Ｔ２すなわちサムネイル画像Ｔ２が移動先に配置された状態を示すサムネイル画像束ＳＧ２を、画像表示部２に表示する。

ユーザーがサムネイル画像Ｔ２をドロップするとき、図２Ｇに示す通り、ユーザーは、サムネイル画像Ｔ９における画像の情報を視認することができるため、サムネイル画像Ｔ２を移動させるべき移動先としてのサムネイル画像Ｔ９とサムネイル画像Ｔ１０との間を正しく認識することができることから、サムネイル画像Ｔ９とサムネイル画像Ｔ１０との間にサムネイル画像Ｔ２を正確に移動させることができる。

また、本実施形態では、サムネイル画像Ｔ２が移動先に配置された状態を示すサムネイル画像束ＳＧ２では、図２Ｇに示すように、サムネイル画像Ｔ２が他のサムネイル画像Ｔ１、Ｔ３〜Ｔ１１と比較して、上方で表示することが省略され、各サムネイル画像Ｔ１〜Ｔ１１がＹ軸方向において同列に配置され、さらに、サムネイル画像Ｔ２以外のサムネイル画像Ｔ１、Ｔ３〜Ｔ１１をグレーアウトとする表示を終了する。すなわち、サムネイル画像Ｔ２が選択画像として選択されていることの強調表示を終了する。

制御部３は、以上のようなＳ１１２、Ｓ１１３のフローにより、図２Ｈに示すように、複数のサムネイル画像Ｔ１〜Ｔ１１のうちから選択画像として選択されたサムネイル画像Ｔ２が、移動先であるサムネイル画像Ｔ９とサムネイル画像Ｔ１０との間に配置された状態としたサムネイル画像束ＳＧ２を画像表示部２に表示する。すなわち、Ｓ１１２、Ｓ１１３のフローにより、疎な状態とされたサムネイル画像Ｔ９とサムネイル画像Ｔ１０との間である移動先に、選択画像としてのサムネイル画像Ｔ２を配置させる配置工程が構成される。

以上のようなステップＳ１０１〜Ｓ１１３を経ることで、選択画像としてのサムネイル画像Ｔ２を、静的部分Ｌにおける移動先であるサムネイル画像Ｔ９とサムネイル画像Ｔ１０との間へ配置させることができる。

なお、ステップＳ１０１〜Ｓ１１３におけるサムネイル画像Ｔ２の選択、移動および配置は、タッチパネル７Ｇにおける、ユーザーの指によるサムネイル画像Ｔ２のドラッグ＆ドロップで実施する場合に限らず、ボタン７Ａ〜７Ｆを用いて実施するようにしてもよい。さらに、ビューアー１０を、操作部として、マウス、キーボード等を備える構成とした場合には、これらを用いて実施するようにしてもよい。

さらに、ステップＳ１０１〜Ｓ１１３を経ることによる、サムネイル画像束ＳＧにおけるサムネイル画像Ｔ２の移動の際に、本実施形態では、図２Ａ等に示すように、各サムネイル画像Ｔは、サムネイル画像束ＳＧにおいて、Ｘ軸方向に並んで配置される場合について説明したが、この場合に限定されず、Ｘ軸方向とＹ軸方向とを入れ替えて、各サムネイル画像Ｔは、サムネイル画像束ＳＧにおいて、Ｙ軸方向に並んで配置されていてもよい。

また、本発明の表示方法が適用される表示装置、すなわち本発明の表示装置は、図１のビューアーの他にも、例えば、パーソナルコンピューター、携帯電話機、ディジタルスチルカメラ、テレビ、ビデオカメラ、ビデオテープレコーダ、カーナビゲーション装置、電子辞書、電卓、電子ゲーム機器、ワードプロセッサ、ワークステーション、テレビ電話、防犯用テレビモニタ、電子双眼鏡、ＰＯＳ端末、タッチパネルを備えた電子機器、医療機器、魚群探知機、各種測定機器、計器類、フライトシミュレータ、その他各種モニタ類、プロジェクター等の投射型表示装置等の画像表示部を備えるものに適用することができる。

以上、本発明の表示方法および表示装置を、図示の実施形態に基づいて説明したが、本発明はこれらに限定されるものでない。

例えば、本発明の表示方法では、必要に応じて、１以上の任意の目的の工程を追加してもよい。

また、本発明の表示装置において、各構成は、同様の機能を発揮し得る任意のものと置換することができ、あるいは、任意の構成のものを付加することができる。

２…画像表示部、３…制御部、４…ＶＲＡＭ、５…ＲＡＭ、６…文献記憶部、７…入力部、７Ａ〜７Ｆ…ボタン、７Ｇ…タッチパネル、１０…ビューアー、２８…アプリケーション部、３０…ＧＵＩ基盤部、３２…画像データ処理部、３４…有効矩形処理部、３６…画像配置部、３８…３Ｄ画像処理部、４０…タッチ処理部、４２…ファイル指示部、４４…画像サイズ取得部、４６…画像取得部、４８…ページ数取得部、ＢＵＳ…バス、Ｋ…位置、Ｌ…静的部分、ＳＧ，ＳＧ２…サムネイル画像束、Ｔ，Ｔ１〜Ｔ１１…サムネイル画像、Ｔａ…ページ、Ｔｂ，Ｔｃ，Ｔｄ，Ｔｅ…画像、Ｐ…元画像、Ｑ…第１仮想回転軸、Ｍ…第２仮想回転軸、Ｎ…仮想水平面、Ｒ…基準位置、Ｖ…動的部分、θ…回転角

Claims (6)

1. 複数の画像を備え、複数の前記画像の配置が、前記画像の一部が重なることで密となっている密領域と、前記密領域と比較して疎となっている疎領域とを有する画像群を表示する表示工程と、
   前記疎領域に位置する前記画像を選択画像として選択する選択工程と、
   前記選択画像を、前記密領域における所定の移動先に移動させる移動工程と、
   前記移動先の密な状態を、前記移動先で隣接する前記画像同士の間隔を広げることで、前記移動先を疎な状態とする広間隔工程と、
   前記疎な状態とされた前記移動先に、前記選択画像を配置させる配置工程と、を有することを特徴とする表示方法。
2. 前記広間隔工程において、前記移動先で隣接する前記画像同士の間隔が広がることで、前記画像同士が重なる領域が小さくなり、前記画像に記載された情報を認識することが可能となる請求項１に記載の表示方法。
3. 前記画像群において、各前記画像は、それぞれ四角形状をなし、４辺のうちの対向する一対の辺が傾斜して表示されている請求項１または２に記載の表示方法。
4. 前記一対の辺が傾斜する前記選択画像の傾斜角度は、前記移動先における前記傾斜角度の方が、前記疎領域における前記傾斜角度よりも大きく設定される請求項３に記載の表示方法。
5. 前記選択工程において、前記選択画像を選択するとともに、前記選択画像と、選択がなされなかった非選択画像との少なくとも一方の表示形態を変更させる請求項１ないし４のいずれか１項に記載の表示方法。
6. 複数の画像を備え、複数の前記画像の配置が、前記画像の一部が重なることで密となっている密領域と、前記密領域と比較して疎となっている疎領域とを有する画像群を表示する画像表示部と、
   前記疎領域にある前記画像から選択された選択画像を、前記密領域における所定の移動先へ配置させるよう前記画像表示部を制御する制御部と、を有し、
   前記制御部は、前記疎領域に位置する前記選択画像を選択し、その後、
   前記選択画像を、前記密領域における前記移動先に移動させ、
   前記移動先の密な状態を、前記移動先で隣接する前記画像同士の間隔を広げることで、前記移動先を疎な状態とした後に、
   前記疎な状態とされた前記移動先に、前記選択画像を配置させるよう構成されていることを特徴とする表示装置。

Images