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

Abstract

【課題】複数の画像を全て俯瞰し、確認することが可能な表示方法および表示装置を提供する。【解決手段】本表示方法は、第１の仮想軸Ｑ上に配置された複数の画像Ｆ１〜Ｆ４，Ｓ１〜Ｓ４のそれぞれを、第１の仮想軸Ｑと交差するそれぞれの第２の仮想軸Ｍを中心に回転し、さらに第１の仮想軸Ｑを中心に回転して複数の画像Ｆ１〜Ｆ４，Ｓ１〜Ｓ４を表示部１４０に表示させる表示方法であって、複数の画像Ｆ１〜Ｆ４，Ｓ１〜Ｓ４が表示部１４０における第１の方向に並んで配置されている第１画像束２１を有し、第１画像束２１における複数の画像Ｆ１〜Ｆ４，Ｓ１〜Ｓ４のうちから、１つの画像Ｆ３が選択されると、選択された選択画像Ｆ３に含まれる複数のサブ画像Ａ１，Ｓ３１〜Ｓ３５，Ｐ３１〜Ｐ３３が第１の方向に並んで配置されている第２画像束２２を表示部１４０に表示する。【選択図】図３

Description

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

従来、多くの画像、音声、文字データ等の情報ファイルをコンピュータ上に整理して保管しておくために、各ファイルをフォルダーに分類することにより、関連するファイルをひとまとめにしておく手法が広く行われている。例えば、特許文献１には、フォルダーを階層化し、その中に複数のファイルを保管しておき、フォルダーを選択すればその中のファイルや画像などのサムネイル画像がマトリックス状に表示部に表示され、フォルダーに保管されたファイルや画像などを容易に確認することができる表示方法が開示されている。

特開２００５−３５２７０１号公報

しかしながら、特許文献１に記載されている表示方法では、表示部のサムネイル画像表示領域において、一度に表示可能なサムネイル画像数に限りがあるため、サムネイル画像数が所定の数を超えると、フォルダーに保管された全てのファイルや画像などのサムネイル画像を表示することができない。そのため、フォルダーに保管された全てのファイルや画像などを俯瞰し、確認することができないという課題があった。

本願の表示方法は、第１の仮想軸上に配置された複数の画像および複数のサブ画像のそれぞれが、前記第１の仮想軸と交差するそれぞれの第２の仮想軸を中心に回転し、さらに前記第１の仮想軸を中心に回転して表示部に表示させる表示方法であって、前記複数の画像が前記表示部における第１の方向に並んで配置されている第１画像束を有し、前記第１画像束における前記複数の画像のうちから選択された選択画像に含まれる前記複数のサブ画像が前記第１の方向に並んで配置されている第２画像束を前記表示部に表示する。

上述の表示方法において、前記第２画像束を、前記第１の方向と交差する第２の方向に沿って階層化して表示することとしても良い。

上述の表示方法において、前記選択画像を、強調して表示することとしても良い。

上述の表示方法において、前記第１画像束と前記第２画像束とを含み、複数の画像束が階層化して表示されている場合、最下位層の画像束の拡大指示を受けると、前記最下位層の画像束を拡大表示することとしても良い。

本願の表示装置は、複数の画像で構成されている第１画像束と複数のサブ画像で構成されている第２画像束とを表示する表示部と、第１の仮想軸上に配置された前記複数の画像および前記複数のサブ画像のそれぞれが、前記第１の仮想軸と交差するそれぞれの第２の仮想軸を中心に回転され、さらに前記第１の仮想軸を中心に回転された前記複数の画像および前記複数のサブ画像を生成する画像生成部と、前記複数の画像が前記表示部における第１の方向に並んで配置されている前記第１画像束の画像と前記複数のサブ画像が前記表示部における前記第１の方向に並んで配置されている前記第２画像束の画像とを生成する表示画像生成部と、前記第１画像束における前記複数の画像のうちから選択された選択画像に含まれる前記複数のサブ画像で構成されている前記第２画像束を前記表示部に表示する制御部と、を備えている。

実施形態に係る表示装置の一例としてのスマートフォンの概略を示す外観斜視図。 表示装置のハードウェア構成を示すブロック図。 選択された画像の画像束としてのサムネイル画像束を表示した表示例１を示す図。 選択された画像の画像束をする表示方法を説明するフローチャート。 サムネイル画像を変形させる処理を説明するための図。 サムネイル画像を変形させる処理を説明するための図。 サムネイル画像を変形させる処理を説明するための図。 サムネイル画像を変形させる処理を説明するための図。 サムネイル画像を変形させる処理を説明するための図。 選択されたサムネイル画像に含まれる画像束を拡大表示した表示例２を示す図。 選択されたサムネイル画像に含まれる画像束を表示した表示例３を示す図。 選択されたサムネイル画像に含まれる画像束を拡大表示した表示例４を示す図。

以下、各図面に沿って、表示装置、および該表示装置への表示方法の実施形態について説明する。なお、以下で説明する実施形態は、特許請求の範囲に記載された本発明の内容を不当に限定するものではない。また、以下の実施形態で説明される構成の全てが、本発明の必須構成要件であるとは限らない。

［実施形態］
＜表示装置＞
先ず、図１、図２、および図３を参照して、実施形態に係る表示装置１００の構成について説明する。
図１は、実施形態に係る表示装置の一例としてのスマートフォンの概略を示す外観斜視図である。図２は、表示装置のハードウェア構成を示すブロック図である。なお、図２は、表示装置において電子書籍や電子写真の各ページのサムネイル画像およびサムネイル束の表示に係る機能の構成を示したブロック図である。図３は、選択された画像としてのサムネイル画像を強調表示した表示例１を示す図である。

表示装置１００は、図１に示すように、フォルダーやファイルと共にフォルダーやファイルに収納されている電子書籍や電子写真などを閲覧するための装置であり、フォルダーやファイルに収納されている電子書籍や電子写真などの各ページの画像や表示したい画面の検索画面として、フォルダーやファイルの画像としてのサムネイル画像Ｆ１〜Ｆ４、電子書籍や複数の電子写真のファイルを代表する表紙としてのサムネイル画像Ｓ１〜Ｓ４，Ｓ３１〜Ｓ３５、アイコンのサムネイル画像Ａ１、および電子書籍や電子写真の各ページを縮小したサムネイル画像Ｐ３１〜Ｐ３３を表示する。つまり、表示装置１００は、画像を表示可能な電子機器の一例である。なお、以下では、表示装置１００に表示する画像として、図３に示すように、複数のサムネイル画像Ｆ１〜Ｆ４，Ｓ１〜Ｓ４を並べて表示した第１画像束としての第１サムネイル束２１と、第１サムネイル束２１から選択された選択画像としてのサムネイル画像Ｆ３で表されたファイルに収納された複数のサブ画像としてのサムネイル画像Ａ１，Ｓ３１〜Ｓ３５，Ｐ３１〜Ｐ３３を並べて表示した第２画像束としての第２サムネイル束２２と、を例示して説明する。

また、以下の説明では、「第１の方向」および「第２の方向」を用いている。本明細書における「第１の方向」とは、表示部１４０の表示が判読可能な状態で、表示部１４０を構成する画面をユーザーに正対させたときの水平方向又は横方向であり、図５Ａ〜図５Ｅに示す第１の仮想軸Ｑに沿った方向に相当する。また、「第２の方向」とは、第１の方向と交差する方向であり、表示部１４０の表示が判読可能な状態で、表示部１４０を構成する画面をユーザーに正対させたときの垂直方向又は縦方向であり、図５Ａ〜図５Ｅに示す第２の仮想軸Ｍに沿った方向に相当する。また、表示装置１００や表示部１４０の説明に用いる各図面には、説明の便宜上、互いに直交する２軸を、Ｘ軸、およびＹ軸として設定していている。即ち、Ｘ軸は、表示部１４０の水平方向又は横方向に沿った方向である「第１の方向」、Ｙ軸は、表示部１４０の垂直方向又は縦方向に沿った方向である「第２の方向」と一致している。また、＋Ｙ軸を上方、−Ｙ軸を下方とも言う。

表示装置１００は、例えばスマートフォンやタブレット型の端末装置などで構成することができる。表示装置１００は、他の図示しない情報処理装置と、例えばＢｌｕｅｔｏｏｔｈ（登録商標）通信などを例示することができる図示しない近距離無線通信や有線通信等によって接続されることができる。

本実施形態に係る表示装置１００は、図１に示すように、画像を表示する表示部１４０、およびユーザーに操作される操作ボタンなどの操作部１５０を備えているスマートフォンを例示している。ユーザーは、表示装置１００の液晶ディスプレイ等を用いた表示部１４０に表示された画像を視認することができる。

表示装置１００は、図２に示すように、ハードウェア構成として、画像生成部としてのサムネイル画像生成部１２０、および表示画像生成部１３０を含む制御部１１０、表示部１４０、操作部１５０、および記憶部１６０を備えている。

制御部１１０は、サムネイル画像生成部１２０および表示画像生成部１３０を含む。制御部１１０は、ＣＰＵ（Central Processing Unit）、ＲＯＭ（Read Only Memory）、ＲＡＭ（Random Access Memory）等を備えたマイクロコンピューターであり、ＲＯＭに記憶されたプログラムに従って表示装置１００の各部を制御する。制御部１１０は、操作部１５０から送られた信号から操作内容を特定し、特定した内容に応じて、画像としてのサムネイル画像Ｆ１〜Ｆ４，Ｓ１〜Ｓ４や電子書籍のページを送る処理、サムネイル画像Ｆ１〜Ｆ４，Ｓ１〜Ｓ４や電子書籍のページを戻す処理、サムネイル画像Ｆ１〜Ｆ４，Ｓ１〜Ｓ４、第１サムネイル束２１、および第１サムネイル束２１から選択された選択画像としてのサムネイル画像Ｆ３で表されたファイルに収納されたサブ画像としてのサムネイル画像Ａ１，Ｓ３１〜Ｓ３５，Ｐ３１〜Ｐ３３の第２サムネイル束２２を表示部１４０に表示させる処理、選択されたサムネイル画像Ｆ３を強調表示する処理などを行う。

具体的に、制御部１１０は、記憶部１６０にアクセスし、ファイルや電子書籍や電子写真などの各種データを記憶部１６０に書き込んだり読み出したりすることができる。また、制御部１１０は、サムネイル画像生成部１２０、および表示画像生成部１３０に対して、フォルダーやファイルのサムネイル画像Ｆ１〜Ｆ４、電子書籍や複数の電子写真のファイルを代表する表紙としてのサムネイル画像Ｓ１〜Ｓ４，Ｓ３１〜Ｓ３５、アイコンのサムネイル画像Ａ１、電子書籍や電子写真などの各種データを縮小したサムネイル画像Ｐ３１〜Ｐ３３、第１サムネイル束２１、および第２サムネイル束２２の画像を生成させたり、それらの表示画像データを生成させたりすることができる。

また、制御部１１０は、図３に示すように、サムネイル画像生成部１２０で生成されたファイルのサムネイル画像Ｆ１〜Ｆ４や電子書籍や複数の電子写真のファイルを代表する表紙としてのサムネイル画像Ｓ１〜Ｓ４を、表示画像生成部１３０によって表示部１４０の水平方向である第１の方向、図におけるＸ軸方向に並べて配置し第１サムネイル束２１に生成された画像を表示部１４０に表示する。また、制御部１１０は、図３に示すように、第１サムネイル束２１に含まれる複数のサムネイル画像Ｆ１〜Ｆ４，Ｓ１〜Ｓ４からユーザーが選択したサムネイル画像Ｆ３で表されたファイルに収納された音楽再生用のアイコンのサムネイル画像Ａ１や電子書籍や複数の電子写真のファイルを代表する表紙としてのサムネイル画像Ｓ３１〜Ｓ３５や電子書籍や電子写真などの各種データを縮小したサムネイル画像Ｐ３１〜Ｐ３３を第１の方向に並べて配置した第２サムネイル束２２の画像を生成し、第２サムネイル束２２の画像を第１の方向と交差する第２の方向に沿って階層化して表示する。つまり、第２サムネイル束２２を第１サムネイル束２１の上方に表示する。

また、制御部１１０は、図３に示すように、第１サムネイル束２１に含まれる複数のサムネイル画像Ｆ１〜Ｆ４，Ｓ１〜Ｓ４からユーザーが操作部１５０を操作して選択したサムネイル画像Ｆ３を強調表示する。なお、本実施形態では、選択されないサムネイル画像Ｆ１，Ｆ２，Ｆ４，Ｓ１〜Ｓ４をグレーアウトして表示することで、選択されたサムネイル画像Ｆ３を強調表示している。また、選択されたサムネイル画像Ｆ３の輪郭線を選択されないサムネイル画像Ｆ１，Ｆ２，Ｆ４，Ｓ１〜Ｓ４の輪郭線よりも太くして表示することで強調表示しても構わない。

サムネイル画像生成部１２０は、記憶部１６０から各種データを読み出し、フォルダーやファイルのサムネイル画像Ｆ１〜Ｆ４や電子書籍や電子写真などの各種データを縮小したサムネイル画像Ｓ１〜Ｓ４を生成する。また、ユーザーが選択したサムネイル画像Ｆ３で表されたファイルに収納されたアイコンのサムネイル画像Ａ１や電子書籍や複数の電子写真のファイルを代表する表紙としてのサムネイル画像Ｓ３１〜Ｓ３５や電子書籍や電子写真などの各種データを縮小したサムネイル画像Ｐ３１〜Ｐ３３も記憶部１６０から各種データを読み出し生成する。

具体的に、サムネイル画像生成部１２０は、表示部１４０を構成する画面の水平方向である第１の方向に沿った図５Ａ〜図５Ｅに示す第１の仮想軸Ｑ上に配置され、第１の方向又は第１の仮想軸Ｑと交差し、表示部１４０の画面の垂直方向である第２の方向に沿った図５Ａ〜図５Ｅに示す第２の仮想軸Ｍを中心に回転され、さらに第１の仮想軸Ｑを中心に回転された複数の画像としてのサムネイル画像Ｆ１〜Ｆ４，Ｓ１〜Ｓ４，Ａ１，Ｓ３１〜Ｓ３５，Ｐ３１〜Ｐ３３を生成する。なお、このサムネイル画像Ｆ１〜Ｆ４，Ｓ１〜Ｓ４，Ａ１，Ｓ３１〜Ｓ３５，Ｐ３１〜Ｐ３３の生成方法については、後段にて詳細に説明する。

表示画像生成部１３０は、サムネイル画像生成部１２０によって生成された複数のサムネイル画像Ｆ１〜Ｆ４，Ｓ１〜Ｓ４を、表示部１４０の水平方向である第１の方向に並べて配置した第１サムネイル束２１の画像を生成する。また、ユーザーが選択したサムネイル画像Ｆ３で表されたファイルに収納された複数のサムネイル画像Ａ１，Ｓ３１〜Ｓ３５，Ｐ３１〜Ｐ３３を、表示部１４０の水平方向である第１の方向に並べて配置した第２サムネイル束２２の画像を生成する。

表示部１４０は、制御部１１０の指示に基づいて、複数のサムネイル画像Ｆ１〜Ｆ４，Ｓ１〜Ｓ４を含む第１サムネイル束２１、およびユーザーが選択したサムネイル画像Ｆ３で表されたファイルに収納された複数のサムネイル画像Ａ１，Ｓ３１〜Ｓ３５，Ｐ３１〜Ｐ３３を含む第２サムネイル束２２を画像として表示する。表示部１４０は、例えば液晶ディスプレイとタッチパッドのような位置入力装置を組み合わせたタッチパネルで構成することができる。

操作部１５０は、ユーザーに操作される操作ボタンやタッチパネルなどによって構成されている。操作部１５０は、操作ボタンを押し下げたり、タッチパネルをドラッグアンドドロップやフリックしたりするなどの操作によって生じる操作信号を、制御部１１０へ送ることができる。

記憶部１６０は、書籍データや電子写真データなどを表示部１４０に表示させる画像データとして記憶するメモリーである。なお、記憶部１６０は、フォルダーやファイルとして、例えば、複数のファイルを一つのまとまりとして収納しているフォルダーや、複数のページで構成された複数の書籍データを一つのまとまりとして収納しているファイルや、複数の電子写真データを一つのまとまりとして収納しているファイルなどを記憶することができる。

本実施形態の表示装置１００によれば、複数の画像としてのサムネイル画像Ｆ１〜Ｆ４，Ｓ１〜Ｓ４や複数のサブ画像としてのサムネイル画像Ａ１，Ｓ３１〜Ｓ３５，Ｐ３１〜Ｐ３３を、表示部１４０を構成する画面の水平方向である第１の方向に沿った第１の仮想軸Ｑ上に配置し、第１の仮想軸Ｑと交差し、表示部１４０を構成する画面の第２の方向に沿ったそれぞれの第２の仮想軸Ｍを中心にして回転させ、さらに第１の仮想軸Ｑを中心にして回転させているため、傾いた画像とすることができる。そのため、複数のサムネイル画像Ｆ１〜Ｆ４，Ｓ１〜Ｓ４を第１の方向に並べて配置した第１画像束としての第１サムネイル束２１と、複数のサムネイル画像Ａ１，Ｓ３１〜Ｓ３５，Ｐ３１〜Ｐ３３を第１の方向に並べて配置した第２画像束としての第２サムネイル束２２と、を第２の方向に階層化して表示部１４０に表示することができる。よって、表示部１４０の表示領域に多くの画像を表示することができ、第１サムネイル束２１を構成する全てのサムネイル画像Ｆ１〜Ｆ４，Ｓ１〜Ｓ４と、第２サムネイル束２２を構成する全てのサムネイル画像Ａ１，Ｓ３１〜Ｓ３５，Ｐ３１〜Ｐ３３と、を俯瞰し、確認することができる。
また、ユーザーによって選択されたサムネイル画像Ｆ３が強調表示されているため、第２サムネイル束２２を構成するサムネイル画像Ａ１，Ｓ３１〜Ｓ３５，Ｐ３１〜Ｐ３３がサムネイル画像Ｆ３に収納されているものであると容易に確認することができる。

＜表示方法＞
［表示例１］
次に、図４を参照して表示装置１００における表示方法について説明する。
図４は、選択されたサムネイル画像を強調表示する表示方法を説明するフローチャートであり、表示装置１００で実行される処理の流れを示している。なお、表示装置１００における構成部位に関しては、上述と同符号を付して説明する。

先ず、制御部１１０は、記憶部１６０に記憶されている書籍データや電子写真データなどの複数のファイルを収納したフォルダーから、検索画面として表示する第１サムネイル束２１を構成するサムネイル画像Ｆ１〜Ｆ４，Ｓ１〜Ｓ４に対応するファイルデータを読み出す（ステップＳ１０１）。また、制御部１１０は、操作部１５０において、記憶部１６０に記憶されている書籍データや電子写真データなどの複数のファイルの中から一つを選択する操作が行われると、選択されたデータを記憶部１６０から読み出す。

次に、制御部１１０は、記憶部１６０から読み出したファイルデータをサムネイル画像生成部１２０へ供給する（ステップＳ１０２）。サムネイル画像生成部１２０は、受け取ったファイルデータに基づいてレンダリングした、それぞれのファイルのサムネイル画像Ｆ１〜Ｆ４，Ｓ１〜Ｓ４を生成し、表示画像生成部１３０へ供給する（ステップＳ１０３）。

なお、画像としてのサムネイル画像Ｆ１〜Ｆ４，Ｓ１〜Ｓ４などは、例えば表示部１４０を構成する画面の第１の方向に沿った図５Ａ〜図５Ｅに示す第１の仮想軸Ｑ上に配置され、第１の仮想軸Ｑと交差し、表示部１４０を構成する画面の第２の方向に沿ったそれぞれの図５Ａ〜図５Ｅに示す第２の仮想軸Ｍを中心にして回転し、さらに第１の仮想軸Ｑを中心にして回転して表示されている画像である。このように、サムネイル画像Ｆ１〜Ｆ４，Ｓ１〜Ｓ４などは、第１の仮想軸Ｑおよび第２の仮想軸Ｍを中心にして回転されることによって、表示を判読可能な状態で画面をユーザーに正対させたとき、複数のサムネイル画像Ｆ１〜Ｆ４，Ｓ１〜Ｓ４などで構成される第１サムネイル束２１を俯瞰できる状態に変形される。即ち、第１サムネイル束２１に含まれている複数のサムネイル画像Ｆ１〜Ｆ４，Ｓ１〜Ｓ４などを斜め上方から斜視し、俯瞰したときと同様なページの見え方となるように、各ファイルのサムネイル画像Ｆ１〜Ｆ４や電子書籍や複数の電子写真のファイルを代表する表紙としてのサムネイル画像Ｓ１〜Ｓ４などが変形されている。

ここで図５Ａ、図５Ｂ、図５Ｃ、図５Ｄ、および図５Ｅを参照して、サムネイル画像を変形させる処理について説明する。
図５Ａ〜図５Ｅは、サムネイル画像を変形させる処理を説明するための図である。なお、以下、サムネイル画像を変形させる処理についての説明では、上述において付されていたサムネイル画像の符号であるＦ１〜Ｆ４，Ｓ１〜Ｓ４を省略している。

サムネイル画像生成部１２０から供給される各サムネイル画像は、ファイルを示す画像や書籍などの各ページを平面視した画像であり、図５Ｂに示すように、縦方向の長さをＬ、横方向の長さをＳとした画像Ｐ１ｂである。換言すれば、画像Ｐ１ｂは、縦方向の辺が表示部１４０の第２の方向に沿った表示領域の縦方向と平行であり、横方向の辺が表示部１４０の第１の方向に沿った表示領域の横方向と平行に構成されている。

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

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

なお、回転角θは、選択ページデータで特定される選択ページについては予め定められた回転角θ１にされ、選択ページの一つ前のページについては、予め定められた回転角−θ１にされる。また、選択ページ以外のページについては、選択ページからページ番号が離れるにつれて回転角θは徐々に大きな角度にされ、選択ページより後のページの回転角θは、本実施形態においては、θ１＜θ＜９０°の範囲にされ、選択ページより前のページの回転角θは、本実施形態においては、−θ１＞−θ＞−９０°の範囲にされる。

図４に戻り、表示画像生成部１３０は、サムネイル画像生成部１２０から供給されたそれぞれのファイルを示す画像やページのサムネイル画像Ｆ１〜Ｆ４，Ｓ１〜Ｓ４を、第１の方向に並ぶように配置した第１サムネイル束２１を生成する（ステップＳ１０４）。

そして、表示画像生成部１３０は、画像束として生成した第１サムネイル束２１の表示画像を生成する（ステップＳ１０５）。ここで、表示画像生成部１３０は、変形後の複数のサムネイル画像Ｆ１〜Ｆ４，Ｓ１〜Ｓ４を、図３に示すように、隣り合う画像と部分的に重なるように配置して、第１サムネイル束２１を構成する。

そして、制御部１１０は、表示画像生成部１３０によって生成された複数のサムネイル画像Ｆ１〜Ｆ４，Ｓ１〜Ｓ４を第１サムネイル束２１として表示部１４０に表示する（ステップＳ１０６）。

次に、制御部１１０は、ステップＳ１０７において、階層化して下層のサムネイル束を表示するが選択された場合（Ｙｅｓ）には、ステップＳ１０８に進み、ユーザーが第１サムネイル束２１を構成するサムネイル画像Ｆ１〜Ｆ４，Ｓ１〜Ｓ４から、サムネイル束を表示するサムネイル画像Ｆ３を選択すると、選択されたサムネイル画像Ｆ３を強調表示する（ステップＳ１０９）。本実施形態の場合には、選択されないサムネイル画像Ｆ１，Ｆ２，Ｆ４，Ｓ１〜Ｓ４をグレーアウトすることで、選択されたサムネイル画像Ｆ３を強調表示している。なお、選択されたサムネイル画像Ｆ３の輪郭線を選択されないサムネイル画像Ｆ１，Ｆ２，Ｆ４，Ｓ１〜Ｓ４の輪郭線よりも太くして表示することで強調表示しても構わない。

次に、制御部１１０は、記憶部１６０に記憶されているサムネイル画像Ｆ３で表されるファイルから、第２サムネイル束２２を構成するサムネイル画像Ａ１，Ｓ３１〜Ｓ３５，Ｐ３１〜Ｐ３３に対応するファイルデータを読み出す（ステップＳ１１０）。

その後、ステップＳ１０２に戻り、選択されたサムネイル画像Ｆ３のファイルデータをサムネイル画像生成部１２０へ供給し、サムネイル画像生成部１２０でサムネイル画像Ａ１，Ｓ３１〜Ｓ３５，Ｐ３１〜Ｐ３３を生成し（ステップＳ１０３）、表示画像生成部１３０でサムネイル画像Ａ１，Ｓ３１〜Ｓ３５，Ｐ３１〜Ｐ３３を、第１の方向に並ぶように配置した第２サムネイル束２２を生成し（ステップＳ１０４）、表示画像を生成する（ステップＳ１０５）。

そして、制御部１１０は、表示画像生成部１３０によって生成された複数のサムネイル画像Ａ１，Ｓ３１〜Ｓ３５，Ｐ３１〜Ｐ３３によって構成された第２サムネイル束２２の表示画像を第１サムネイル束２１の表示画像の第２の方向に沿って階層化して表示部１４０に表示する（ステップＳ１０６）。つまり、第１サムネイル束２１の表示画像の上方に第２サムネイル束２２の表示画像を表示する。

次に、ステップＳ１０７において、さらに、下層のサムネイル束を表示するが選択されない場合（Ｎｏ）には、ステップＳ１１１へ進み、サムネイル束を拡大表示するが選択されない場合（Ｎｏ）には、第１サムネイル束２１から選択されたサムネイル画像Ｆ３のファイルが収納している複数のサムネイル画像Ａ１，Ｓ３１〜Ｓ３５，Ｐ３１〜Ｐ３３によって構成された第２サムネイル束２２の表示画像を第１サムネイル束２１の表示画像の上方に表示し、表示方法のフローを終了する。

上述のような表示例１の表示方法によれば、複数の画像としてのサムネイル画像Ｆ１〜Ｆ４，Ｓ１〜Ｓ４や複数のサブ画像としてのサムネイル画像Ａ１，Ｓ３１〜Ｓ３５，Ｐ３１〜Ｐ３３を、表示部１４０を構成する画面の水平方向である第１の方向に沿った第１の仮想軸Ｑ上に配置し、第１の仮想軸Ｑと交差し、表示部１４０を構成する画面の第２の方向に沿ったそれぞれの第２の仮想軸Ｍを中心にして回転させ、さらに第１の仮想軸Ｑを中心にして回転させているため、傾いた画像とすることができる。そのため、複数のサムネイル画像Ｆ１〜Ｆ４，Ｓ１〜Ｓ４を第１の方向に並べて配置し、それぞれが重なり合った第１画像束としての第１サムネイル束２１とすることで、第１サムネイル束２１を構成する全てのサムネイル画像Ｆ１〜Ｆ４，Ｓ１〜Ｓ４を俯瞰し、確認することができる。さらに、第１サムネイル束２１の中から選択された選択画像としてのサムネイル画像Ｆ３のファイルが収納している複数のサムネイル画像Ａ１，Ｓ３１〜Ｓ３５，Ｐ３１〜Ｐ３３についても、傾いた画像に形成し、それぞれが重なり合った第２画像束としての第２サムネイル束２２とすることで、第２サムネイル束２２を構成する全てのサムネイル画像Ａ１，Ｓ３１〜Ｓ３５，Ｐ３１〜Ｐ３３を俯瞰し、確認することができる。

また、第２サムネイル束２２が第１の方向と交差する第２の方向に沿って階層化して表示されるため、表示部１４０の表示領域に多くの画像を表示することができる。そのため、第１サムネイル束２１および第２サムネイル束２２を構成する全てのサムネイル画像Ｆ１〜Ｆ４，Ｓ１〜Ｓ４，Ａ１，Ｓ３１〜Ｓ３５，Ｐ３１〜Ｐ３３を俯瞰し、確認することができる。

また、ユーザーによって選択されたサムネイル画像Ｆ３を強調表示することができるため、第２サムネイル束２２を構成するサムネイル画像Ａ１，Ｓ３１〜Ｓ３５，Ｐ３１〜Ｐ３３がサムネイル画像Ｆ３に収納されているものであると容易に確認することができる。

［表示例２］
次に、上述した表示例１における第２サムネイル束２２を拡大表示した表示例２について、図４および図６を参照して説明する。
図６は、選択されたサムネイル画像に含まれる画像束を拡大表示した表示例２を示す図である。なお、表示例２の説明においても、表示装置１００における構成部位に関しては、上述と同符号を付して説明する。

図３の第１サムネイル束２１と、第１サムネイル束２１の中から選択されたサムネイル画像Ｆ３のファイルが収納している複数のサムネイル画像Ａ１，Ｓ３１〜Ｓ３５，Ｐ３１〜Ｐ３３の第２サムネイル束２２と、を表示した表示例１において、第２サムネイル束２２を拡大して表示する表示方法は、図４のステップＳ１０７で、第２サムネイル束２２の下層のサムネイル束を表示しない場合（Ｎｏ）として、ステップＳ１１１に進む。

次に、ステップＳ１１１において、第２サムネイル束２２を拡大表示するが選択された場合（Ｙｅｓ）には、ユーザーは、操作部１５０により第２サムネイル束２２の拡大指示をする（ステップＳ１１２）。例えば、タッチパネルにおいて、ユーザーは、表示部１４０に表示されている第２サムネイル束２２上を二本の指で「ピンチアウト」することで、拡大指示をする。

次に、制御部１１０は、ステップＳ１１３において、拡大指示されたサムネイル束が最下位層でない場合（Ｎｏ）には、サムネイル束の拡大表示をせず、表示方法のフローを終了する。拡大指示したサムネイル束が最下位層である場合（Ｙｅｓ）には、拡大指示された第２サムネイル束２２を拡大表示する（ステップＳ１１４）。なお、本実施形態では、拡大した第２サムネイル束２２を第１サムネイル束２１の上方に表示しているが、第１サムネイル束２１と重ねて拡大表示しても構わない。第１サムネイル束２１に重ねて表示することで、第２サムネイル束２２をさらに大きく拡大表示することができる。

上述のような表示例２の表示方法によれば、第２サムネイル束２２を拡大指示することで、第２サムネイル束２２を拡大表示することにより、第２サムネイル束２２を構成する複数のサムネイル画像Ａ１，Ｓ３１〜Ｓ３５，Ｐ３１〜Ｐ３３の確認が容易となる。

［表示例３］
次に、上述した表示例１における第２サムネイル束２２の下層の第３サムネイル束２３を表示した表示例３について、図４および図７を参照して説明する。
図７は、選択されたサムネイル画像に含まれる画像束を表示した表示例３を示す図である。なお、表示例３の説明においても、表示装置１００における構成部位に関しては、上述と同符号を付して説明する。

図３の第１サムネイル束２１と、第１サムネイル束２１の中から選択されたサムネイル画像Ｆ３のファイルが収納している複数のサムネイル画像Ａ１，Ｓ３１〜Ｓ３５，Ｐ３１〜Ｐ３３の第２サムネイル束２２と、を表示した表示例１において、第２サムネイル束２２の上方に下層のサムネイル束を表示する表示方法は、図４のステップＳ１０７で、第２サムネイル束２２の下層のサムネイル束を表示する場合（Ｙｅｓ）として、ステップＳ１０８に進む。

次に、制御部１１０は、ステップＳ１０８において、ユーザーが第２サムネイル束２２を構成するサムネイル画像Ａ１，Ｓ３１〜Ｓ３５，Ｐ３１〜Ｐ３３から、サムネイル束を表示するサムネイル画像Ｓ３４を選択すると、選択されないサムネイル画像Ａ１，Ｓ３１〜Ｓ３３，Ｓ３５，Ｐ３１〜Ｐ３３をグレーアウトすることで、選択されたサムネイル画像Ｓ３４を強調表示する（ステップＳ１０９）。

次に、制御部１１０は、記憶部１６０に記憶されているサムネイル画像Ｓ３４で表されるファイルから、第３サムネイル束２３を構成するサムネイル画像Ｐ３４１〜Ｐ３４８に対応するファイルデータを読み出す（ステップＳ１１０）。

その後、ステップＳ１０２に戻り、選択されたサムネイル画像Ｓ３のファイルデータをサムネイル画像生成部１２０へ供給し、サムネイル画像生成部１２０でサムネイル画像Ｐ３４１〜Ｐ３４８を生成し（ステップＳ１０３）、表示画像生成部１３０でサムネイル画像Ｐ３４１〜Ｐ３４８を、第１の方向に並ぶように配置した第３サムネイル束２３を生成し（ステップＳ１０４）、表示画像を生成する（ステップＳ１０５）。

そして、制御部１１０は、表示画像生成部１３０によって生成された複数のサムネイル画像Ｐ３４１〜Ｐ３４８によって構成された第３サムネイル束２３の表示画像を第２サムネイル束２２の表示画像の第２の方向に沿って階層化して表示部１４０に表示する（ステップＳ１０６）。つまり、第２サムネイル束２２の表示画像の上方に第３サムネイル束２３の表示画像を表示する。

上述のような表示例３の表示方法によれば、第１サムネイル束２１、第２サムネイル束２２、および第３サムネイル束２３が階層化されて表示部１４０に表示することができるため、第１サムネイル束２１、第２サムネイル束２２、および第３サムネイル束２３のそれぞれを構成する各画像を全て俯瞰し、確認することができる。そのため、各ファイルに収納された画像の検索等が非常にし易くなる。

［表示例４］
次に、上述した表示例３における第３サムネイル束２３を拡大表示した表示例４について、図４および図８を参照して説明する。
図８は、選択されたサムネイル画像に含まれる画像束を拡大表示した表示例４を示す図である。なお、表示例４の説明においても、表示装置１００における構成部位に関しては、上述と同符号を付して説明する。

図７の第１サムネイル束２１と、第２サムネイル束２２と、第２サムネイル束２２の中から選択されたサムネイル画像Ｓ３４のファイルが収納している複数のサムネイル画像Ｐ３４１〜Ｐ３４８の第３サムネイル束２３と、を表示した表示例３において、第３サムネイル束２３を拡大して表示する表示方法は、図４のステップＳ１０７で、第３サムネイル束２３の下層のサムネイル束を表示しない場合（Ｎｏ）として、ステップＳ１１１に進む。

次に、ステップＳ１１１において、ユーザーが第３サムネイル束２３を拡大表示する場合（Ｙｅｓ）には、ユーザーは、操作部１５０により第３サムネイル束２３の拡大指示をする（ステップＳ１１２）。例えば、タッチパネルにおいて、ユーザーは、表示部１４０に表示されている第３サムネイル束２３上を二本の指で「ピンチアウト」することで、拡大指示をする。

次に、制御部１１０は、ステップＳ１１３において、拡大指示したサムネイル束が最下位層である場合（Ｙｅｓ）には、拡大指示された第３サムネイル束２３を拡大表示する（ステップＳ１１４）。なお、本実施形態では、拡大した第３サムネイル束２３を第１サムネイル束２１および第２サムネイル束２２の上方に表示しているが、第１サムネイル束２１や第２サムネイル束２２と重ねて拡大表示しても構わない。第１サムネイル束２１や第２サムネイル束２２に重ねて表示することで、第３サムネイル束２３をさらに大きく拡大表示することができる。第３サムネイル束２３を構成する複数のサムネイル画像Ｐ３４１〜Ｐ３４８がより容易に確認することができる。また、本実施形態では、３層の階層を表示しているが、これに限定することはなく、３層以上であっても構わない。３層以上の場合には、最下位層のサムネイル束を拡大指示することにより、最下位層のサムネイル束を拡大表示することができる。

上述のような表示例４の表示方法によれば、第３サムネイル束２３を拡大指示することで、第３サムネイル束２３を拡大表示することにより、第３サムネイル束２３を構成する複数のサムネイル画像Ｐ３４１〜Ｐ３４８の確認が容易となる。つまり、複数のサムネイル束が階層化して表示されている場合、最下位層のサムネイル束を拡大指示することにより、最下位層のサムネイル束が拡大表示され、最下位層のサムネイル束を構成する複数のサムネイル画像の確認が容易となる。

以下に、上述した実施形態から導き出される内容を記載する。

表示方法は、第１の仮想軸上に配置された複数の画像および複数のサブ画像のそれぞれが、前記第１の仮想軸と交差するそれぞれの第２の仮想軸を中心に回転し、さらに前記第１の仮想軸を中心に回転して表示部に表示させる表示方法であって、前記複数の画像が前記表示部における第１の方向に並んで配置されている第１画像束を有し、前記第１画像束における前記複数の画像のうちから選択された選択画像に含まれる前記複数のサブ画像が前記第１の方向に並んで配置されている第２画像束を前記表示部に表示する。

この表示方法によれば、画像を傾け、表示部における第１の方向に並んで配置されているため、表示部の表示領域に多くの画像を表示することができ、第１画像束として全ての画像を俯瞰し、確認することができる。さらに、第１画像束の中から、選択された選択画像に含まれる複数のサブ画像についても、傾けて第１の方向に並んで配置されているため、第２画像束として全ての画像を俯瞰し、確認することができる。

上述の表示方法において、前記第２画像束を、前記第１の方向と交差する第２の方向に沿って階層化して表示することとしても良い。

この表示方法によれば、第２画像束が第１の方向と交差する第２の方向に沿って階層化して表示されるため、表示部の表示領域に多くの画像を表示することができる。そのため、第１画像束および第２画像束を構成する全ての画像およびサブ画像を俯瞰し、確認することができる。

上述の表示方法において、前記選択画像を、強調して表示することとしても良い。

この表示方法によれば、選択された選択画像を、強調して表示することにより、第２画像束が選択画像に含まれたものであると容易に確認することができる。

上述の表示方法において、前記第１画像束と前記第２画像束とを含み、複数の画像束が階層化して表示されている場合、最下位層の画像束の拡大指示を受けると、前記最下位層の画像束を拡大表示することとしても良い。

この表示方法によれば、最下位層の画像束の拡大指示を受けて、最下位層の画像束を拡大表示することにより、最下位層の画像束を構成する各画像の確認が容易となる。

表示装置は、複数の画像で構成されている第１画像束と複数のサブ画像で構成されている第２画像束とを表示する表示部と、第１の仮想軸上に配置された前記複数の画像および前記複数のサブ画像のそれぞれが、前記第１の仮想軸と交差するそれぞれの第２の仮想軸を中心に回転され、さらに前記第１の仮想軸を中心に回転された前記複数の画像および前記複数のサブ画像を生成する画像生成部と、前記複数の画像が前記表示部における第１の方向に並んで配置されている前記第１画像束の画像と前記複数のサブ画像が前記表示部における前記第１の方向に並んで配置されている前記第２画像束の画像とを生成する表示画像生成部と、前記第１画像束における前記複数の画像のうちから選択された選択画像に含まれる前記複数のサブ画像で構成されている前記第２画像束を前記表示部に表示する制御部と、を備えている。

この表示装置によれば、画像を傾け、表示部における第１の方向に並んで配置されているため、表示部の表示領域に多くの画像を表示することができ、第１画像束として全ての画像を俯瞰し、確認することができる。さらに、第１画像束の中から、選択された選択画像に含まれる複数のサブ画像についても、傾けて第１の方向に並んで配置されているため、第２画像束として全てのサブ画像を俯瞰し、確認することができる。

２１…第１画像束としての第１サムネイル束、２２…第２画像束としての第２サムネイル束、１００…表示装置、１１０…制御部、１２０…画像生成部としてのサムネイル画像生成部、１３０…表示画像生成部、１４０…表示部、１５０…操作部、１６０…記憶部、Ａ１…サブ画像としてのサムネイル画像、Ｆ１，Ｆ２，Ｆ４…画像としてのサムネイル画像、Ｆ３…選択画像としてのサムネイル画像、Ｍ…第２の仮想軸、Ｎ…仮想水平面、Ｐ３１，Ｐ３２，Ｐ３３…サブ画像としてのサムネイル画像、Ｑ…第１の仮想軸、Ｒ…基準位置、Ｓ１，Ｓ２，Ｓ３，Ｓ４…画像としてのサムネイル画像、Ｓ３１，Ｓ３２，Ｓ３３，Ｓ３４，Ｓ３５…サブ画像としてのサムネイル画像、θ…回転角。

Claims (5)

1. 第１の仮想軸上に配置された複数の画像および複数のサブ画像のそれぞれが、前記第１の仮想軸と交差するそれぞれの第２の仮想軸を中心に回転し、さらに前記第１の仮想軸を中心に回転して表示部に表示させる表示方法であって、
   前記複数の画像が前記表示部における第１の方向に並んで配置されている第１画像束を有し、
   前記第１画像束における前記複数の画像のうちから選択された選択画像に含まれる前記複数のサブ画像が前記第１の方向に並んで配置されている第２画像束を前記表示部に表示する、
   表示方法。
2. 前記第２画像束を、前記第１の方向と交差する第２の方向に沿って階層化して表示する、
   請求項１に記載の表示方法。
3. 前記選択画像を、強調して表示する、
   請求項１又は請求項２に記載の表示方法。
4. 前記第１画像束と前記第２画像束とを含み、複数の画像束が階層化して表示されている場合、最下位層の画像束の拡大指示を受けると、前記最下位層の画像束を拡大表示する、
   請求項１乃至請求項３の何れか一項に記載の表示方法。
5. 複数の画像で構成されている第１画像束と複数のサブ画像で構成されている第２画像束とを表示する表示部と、
   第１の仮想軸上に配置された前記複数の画像および前記複数のサブ画像のそれぞれが、前記第１の仮想軸と交差するそれぞれの第２の仮想軸を中心に回転され、さらに前記第１の仮想軸を中心に回転された前記複数の画像および前記複数のサブ画像を生成する画像生成部と、
   前記複数の画像が前記表示部における第１の方向に並んで配置されている前記第１画像束の画像と前記複数のサブ画像が前記表示部における前記第１の方向に並んで配置されている前記第２画像束の画像とを生成する表示画像生成部と、
   前記第１画像束における前記複数の画像のうちから選択された選択画像に含まれる前記複数のサブ画像で構成されている前記第２画像束を前記表示部に表示する制御部と、
   を備えている、
   表示装置。

Images