(57)【要約】【課題】デザイナが定義したレイアウトを損なうことなくより見やすいレイアウトを実現できるレイアウトシステム及びプログラム並びに方法の提供。【解決手段】レイアウトすべきコンテンツ内の視線の移動方向を算出した後、これら各コンテンツ毎の視線の移動方向が各コンテンツ間で繋がるようにそれら各コンテンツを上記テンプレートのレイアウト領域にレイアウトする。これによって、ユーザの視線の流れが各コンテンツ間でスムーズに流れるため、デザイナが定義したレイアウトを損なうことなく、より見やすいレイアウトを実現することができる【選択図】        図１
2005050051.tif 000002
【特許請求の範囲】
【請求項１】
レイアウト領域が指定されたテンプレートに各コンテンツをレイアウトするようにしたレイアウトシステムであって、
上記コンテンツ内の視線の移動方向を算出する視線移動方向算出手段と、
この視線移動方向算出手段で算出されたコンテンツ毎の視線の移動方向が各コンテンツ間で繋がるようにそれら各コンテンツをレイアウトするためのレイアウト手段と、
を備えたことを特徴とするレイアウトシステム。
【請求項２】
レイアウト領域が指定されたテンプレートに各コンテンツをレイアウトするようにしたレイアウトシステムであって、
上記コンテンツ内の視線の移動方向を算出する視線移動方向算出手段と、
上記テンプレート毎に指定されたコンテンツ間の視線の案内方向を取得する視線案内方向取得手段と、
このコンテンツ間の視線の案内方向と、上記各コンテンツ内の視線の移動方向とが一致するように各コンテンツをレイアウトするためのレイアウト手段と、
を備えたことを特徴とするレイアウトシステム。
【請求項３】
請求項１又は２に記載のレイアウトシステムにおいて、
上記視線移動方向算出手段は、コンテンツ毎に少なくとも２カ所以上の誘目領域とそれらの誘目度を算出し、誘目度が大きい領域から小さい領域に向かう方向を視線の移動方向とみなすようにしたことを特徴とするレイアウトシステム。
【請求項４】
レイアウト領域が指定されたテンプレートに各コンテンツをレイアウトするようにしたレイアウトシステムであって、
上記コンテンツ毎の誘目度を算出する誘目度算出手段と、
この誘目度算出手段で算出された誘目度に応じて上記コンテンツを配置するためのレイアウト手段と、
を備えたことを特徴とするレイアウトシステム。
【請求項５】
レイアウト領域が指定されたテンプレートに、各コンテンツをレイアウトするようにしたレイアウトシステムであって、
上記コンテンツ毎の誘目度を算出する誘目度算出手段と、
上記テンプレート毎に指定されたコンテンツ間の視線の案内方向を取得する視線案内方向取得手段と、
このコンテンツ間の視線の案内方向に沿ってその上流側から順に誘目度の高いコンテンツを配置するためのレイアウト手段と、
を備えたことを特徴とするレイアウトシステム。
【請求項６】
レイアウト領域が指定されたテンプレートに、各コンテンツをレイアウトするようにしたレイアウトシステムで用いられるコンピュータを、
上記コンテンツ内の視線の移動方向を算出する視線移動方向算出手段と、
この視線移動方向算出手段で算出されたコンテンツ毎の視線の移動方向が各コンテンツ間で連続して繋がるようにそれら各コンテンツをレイアウトするためのレイアウト手段と、
して機能させることを特徴とするレイアウトプログラム。
【請求項７】
レイアウト領域が指定されたテンプレートに、各コンテンツをレイアウトするようにしたレイアウトシステムで用いられるコンピュータを、
上記コンテンツ内の視線の移動方向を算出する視線移動方向算出手段と、
上記テンプレート毎に指定されたコンテンツ間の視線の案内方向を取得する視線案内方向取得手段と、
このコンテンツ間の視線の案内方向と、上記各コンテンツ内の視線の移動方向とが一致するようにそのコンテンツをレイアウトするためのレイアウト手段と、
して機能させることを特徴とするレイアウトプログラム。
【請求項８】
レイアウト領域が指定されたテンプレートに、各コンテンツをレイアウトするようにしたレイアウトシステムに用いられるコンピュータを、
上記コンテンツ毎の誘目度を算出する誘目度算出手段と、
この誘目度算出手段で算出された誘目度に応じて上記コンテンツを配置するためのレイアウト手段と、
して機能させることを特徴とするレイアウトプログラム。
【請求項９】
レイアウト領域が指定されたテンプレートに、各コンテンツをレイアウトするようにしたレイアウトシステムで用いられるコンピュータを、
上記コンテンツ毎の誘目度を算出する誘目度算出手段と、
上記テンプレート毎に指定されたコンテンツ間の視線の案内方向を取得する視線案内方向取得手段と、
このコンテンツ間の視線の案内方向に沿ってその上流側から順に誘目度の高いコンテンツを配置するためのレイアウト手段と、
して機能させることを特徴とするレイアウトプログラム。
【請求項１０】
レイアウト領域が指定されたテンプレートに各コンテンツをレイアウトするようにしたレイアウト方法において、
上記コンテンツ内の視線の移動方向を算出した後、これら各コンテンツの視線の移動方向が各コンテンツ間で連続して繋がるようにそれら各コンテンツを上記テンプレートのレイアウト領域にレイアウトするようにしたことを特徴とするレイアウト方法。
【請求項１１】
レイアウト領域が指定されたテンプレートに各コンテンツをレイアウトするようにしたレイアウト方法であって、
上記コンテンツ内の視線の移動方向を算出すると共に、上記テンプレート毎に指定されたコンテンツ間の視線の案内方向を取得し、その後、このコンテンツ間の視線の案内方向と、上記各コンテンツ内の視線の移動方向とが一致するようにそれら各コンテンツを上記テンプレートのレイアウト領域にレイアウトするようにしたことを特徴とするレイアウト方法。
【請求項１２】
請求項１０又は１１に記載のレイアウト方法において、
上記各コンテンツの視線移動方向は、各コンテンツに少なくとも２カ所以上の誘目領域とそれらの誘目度を算出した後、誘目度が大きい領域から小さい領域に向かう方向を視線の移動方向とみなして算出するようにしたことを特徴とするレイアウト方法。
【請求項１３】
レイアウト領域が指定されたテンプレートに各コンテンツをレイアウトするようにしたレイアウト方法であって、
上記コンテンツ毎の誘目度を算出した後、この誘目度算出手段で算出された誘目度に応じて上記コンテンツを配置するようにしたことを特徴とするレイアウト方法。
【請求項１４】
レイアウト領域が指定されたテンプレートに、各コンテンツをレイアウトするようにしたレイアウト方法であって、
上記コンテンツ毎の誘目度を算出した後、上記テンプレート毎に指定されたコンテンツ間の視線の案内方向に沿ってその上流側から順に誘目度の高いコンテンツを配置するようにしたことを特徴とするレイアウト方法。
【請求項１５】
入力された視線情報を利用してコンテンツをテンプレートに自動レイアウトするようにしたことを特徴とする自動レイアウト方法。
【請求項１６】
レイアウト領域の情報と、視線の流れを表現した視線情報とが含まれているレイアウトテンプレートを利用してコンテンツを自動レイアウトするようにしたことを特徴とするレイアウト方法。
【発明の詳細な説明】
【０００１】
【発明の属する技術分野】
本発明は、文章や画像等のコンテンツ（以下、適宜掲載情報という）をレイアウトするシステム及びプログラム並びに方法に係り、特に、コンテンツを観るユーザの自然な視線の流れを考慮したレイアウトシステム及びレイアウトプログラム並びにレイアウト方法に関するものである。
【０００２】
【従来の技術】
ニュース等のディジタルコンテンツをユーザに対して供給するディジタルコンテンツ配信システムでは、一般にコンテンツ登録データベース（以下、データベースのことを単にＤＢと略記する。）からディジタルコンテンツをいくつか読み出し、読み出したディジタルコンテンツを編集し、編集したディジタルコンテンツをユーザに対して配信する。
【０００３】
このようなディジタルコンテンツの編集課程ではユーザにとって見やすいものとなるようにユーザの視線情報を考慮したディジタルコンテンツのレイアウトを行っている。
このようなユーザの視線情報を考慮したレイアウトを行う従来技術としては、例えば、以下の特許文献１に開示されている「デザイン装置」（以下、第一の従来例という。）、特許文献２に開示されている「ドキュメントデザイン変換システム、ドキュメントデザイン変換方法、記憶媒体」（以下、第二の従来例という。）、及び特許文献３に開示されている「文書評価システム、文書評価方法及びコンピュータ読み取り可能な記憶媒体」（以下、第三の従来例という。）がある。
【０００４】
先ず、第一の従来例は、アイカメラによってユーザの視線位置データを取り込んでこの視線位置データから描画分割領域に対する視線分布を求め、この視線分布から着目度を求めてその着目度に応じて修正すべき領域を特定して修正変更するようにしたものであり、修正箇所を自動的に特定して描画の修正が容易になるといった効果を得ることを目的としたものである。
【０００５】
一方、第二の従来技術は、ウェブページにアクセスするユーザの視線に関する情報を視線情報として入力し、入力された視線情報に基づいてウェブページのデザインを変換し、変換されたウェブページをユーザ端末に表示させるようにしたものであり、ウェブページにアクセスするユーザの視覚能力に応じてウェブページのデザインを適宜変更できることを目的としたものである。
【０００６】
他方、第三の従来例は、ウェブページを閲覧するユーザの視線に関する視線情報を受信し、受信された視線情報に基づいて分割領域毎の視線情報を生成することで複数の領域毎にウェブページを評価するようにしたものであり、これによって評価が難しかったウェブページを客観的にかつ精度良く評価することを目的としたものである。
【０００７】
【特許文献１】
特開平６−１９９８７号公報
【特許文献２】
特開２００２−１５７０６０号公報
【特許文献３】
特開２００２−１４９６３３号公報
【０００８】
【発明が解決しようとする課題】
しかしながら、上記各従来例では、アイカメラ等を利用してユーザの視線を入力しなければならず、そのための負荷が大きいといった問題がある。
また、ディジタルコンテンツの編集課程では、レイアウトを機械的に行っては見やすさや見栄えが著しく損なわれる可能性があるため、例えば、デザイナが予めレイアウトの雛形をいくつか設計しておき、そのレイアウトの雛形に基づいてデザイナが意図したレイアウトとなるようにディジタルコンテンツを編集するといった対策が講じられる。
【０００９】
しかしながら、デザイナーが定義した配置位置と視線の流れまでも考慮したレイアウトはなされておらず、デザイナの意図したレイアウト通りにレイアウトした場合でも必ずしも見やすいものとなるとは限らないといった問題がある。
そこで、本発明はこのような課題を有効に解決するために案出されたものであり、その主な目的は、負荷の大きい視線情報の入力等が不要で、かつデザイナが定義したレイアウトを損なうことなくより見やすいレイアウトを実現することができる新規なレイアウトシステム及びレイアウトプログラム並びにレイアウト方法を提供するものである。
【００１０】
【課題を解決するための手段】
〔発明１〕
上記課題を解決するために発明１のレイアウトシステムは、
レイアウト領域が指定されたテンプレートに各コンテンツをレイアウトするようにしたレイアウトシステムであって、
上記コンテンツ内の視線の移動方向を算出する視線移動方向算出手段と、この視線移動方向算出手段で算出されたコンテンツ毎の視線の移動方向が各コンテンツ間で繋がるようにそれら各コンテンツをレイアウトするためのレイアウト手段と、を備えたことを特徴とするものである。
【００１１】
すなわち、後の実施の形態で詳述するように、レイアウトされたコンテンツを観るユーザの視線は、写真やイラスト等の各コンテンツ内において一点あるいは一領域しか凝視するのではなく、一つのコンテンツ内においても順次視点の移動があると考えられる。例えば、人物とその背景に花が移っている写真（画像）のコンテンツの場合では、一般に先ず人物に着目した後、人物から花へ視点の移動があり、これによって視線の流れが発生するものと考えられる。
【００１２】
従って、上述するように視線移動方向算出手段によって各コンテンツに視線の移動方向を算出した後、レイアウト手段がこれら各コンテンツの視線の移動方向が各コンテンツ間で連続して繋がるようにそれら各コンテンツをレイアウトすれば、全てのコンテンツに対してユーザの視線がスムーズに流れることになるため、より見やすいレイアウトを達成することができる。
【００１３】
また、このコンテンツのレイアウト位置は予めコンテンツデザイナが決定したテンプレートに従って行われるため、デザイナが定義したレイアウトを大きく損なうこともない。
さらに、コンテンツ自体の構成からユーザの視線の流れを予測するために、従来例のような視線情報入力といった概念が不要となる。
【００１４】
尚、本発明でいう「視線」とは、ユーザの目と、その目が見（ようとし）ている（画像中の）対象（点）とを結ぶ線分のことをいい、「視線の流れ」とはその画面上における線分の軌跡をいうものとする（以下、同じ）。
〔発明２〕
発明２のレイアウトシステムは、
レイアウト領域が指定されたテンプレートに各コンテンツをレイアウトするようにしたレイアウトシステムであって、
上記コンテンツ内の視線の移動方向を算出する視線移動方向算出手段と、上記テンプレート毎に指定されたコンテンツ間の視線の案内方向を取得する視線案内方向取得手段と、このコンテンツ間の視線の案内方向と、上記各コンテンツ内の視線の移動方向とが一致するように各コンテンツをレイアウトするためのレイアウト手段と、を備えたことを特徴とするものである。
【００１５】
すなわち、本発明はテンプレートにコンテンツデザイナ等によるコンテンツ間の視線の案内方向が埋め込まれている場合には、視線案内方向取得手段によって取得した視線の案内方向に沿って各コンテンツをレイアウトするようにしたものである。
これによって、コンテンツデザイナが意図した視線の流れに沿って実際のユーザの視線が流れるようになるため、より見やすいレイアウトを実現することができる。
【００１６】
〔発明３〕
発明３のレイアウトシステムは、
発明１又は２に記載のレイアウトシステムにおいて、上記視線移動方向算出手段は、コンテンツ毎に少なくとも２カ所以上の誘目領域とそれらの誘目度を算出し、誘目度が大きい領域から小さい領域に向かう方向を視線の移動方向とみなすようにしたことを特徴とするものである。
【００１７】
本発明は、発明１又は２でいう各コンテンツ内の視線の移動方向の決定手段として「誘目度」という概念を用いたものである。
これによって、人間の視線の流れの特性に合った各コンテンツ内の視線の移動方向を的確に決定することができる。
ここで、この「誘目度」とは、人間の主観に合ったパラメータをいい、後述する実施の形態では、レイアウト結果の中で読み手が注目すると思われる箇所（以下、注目領域）の抽出基準として用いられる。
【００１８】
この「誘目度」について簡単に説明する。
注目領域の抽出のために、原画像の物理的特徴に従って誘目度を評価する。注目領域の抽出は評価結果から一番目立つ領域を注目領域として抽出する。つまり、注目領域の評価の際は、物理的特徴に従って人間の主観に合った評価をするので人間の主観に適合した注目領域を抽出することができる。
【００１９】
例えば、物理的特徴が色の異質度を含む場合、各領域の色の違いに基づいて誘目度を評価することができる。
また、物理的特徴が色の異質度に加えて形の異質度、面積の異質度及びテクスチャ（模様）の異質度をさらに含むので、この４つの異質度の少なくとも一つの異質度に基づいて誘目度を評価すれば、原画像の特徴に応じて的確に誘目度を評価することができる。
【００２０】
また、色の三要素（色相、彩度、明度）についても評価する場合であれば、人間の主観による目立つ色（赤色）に近い領域を最も目立つ領域と評価することができる。
さらに、空間周波数や原画像における各領域の面積についても評価すれば最も目立つ領域の評価をさらに判定することができる。
【００２１】
そして、誘目度の評価は以下の手順により行う。
（１）最初に原画像を領域分割する。この場合、原画像を図領域と絵領域に分割する。領域分割の方法には１９９７ＩＥＥＥにおいてＷ．Ｙ．ＭａやＢ．Ｓ．Ｍａｎｊｕｎａｔｈらが「Ｅｄｇｅ  Ｆｌｏｗ：Ａ  Ｆｒａｍｅｗｏｒｋ  ｏｆ  Ｂｏｕｎｄａｒｙ  Ｄｅｔｅｃｔｉｏｎ  ａｎｄ  Ｉｍａｇｅ  Ｓｅｇｍｅｎｔａｔｉｏｎ」に記載した“Ｅｄｇｅ  Ｆｌｏｗ”に基づく境界検出方法が適用される。
（２）次に分割した図領域を抽出し、領域の誘目度を評価する。
【００２２】
誘目度の評価は概略以下のようにして行う。
最初に各領域の異質性誘目度を求める。この場合、色の異質度、テクスチャの異質度、形の異質度及び面積の異質度を各々求め、それぞれに重み係数を付与して線形結合し、各領域の異質性誘目度を求める。この場合、色の誘目度、空間周波数の誘目度、面積の誘目度を求め、それぞれに重み係数を付与して線形結合し、各領域の特徴誘目度を求める。
【００２３】
次に、各領域の異質性誘目度と特徴誘目度を加算し、特徴量統合値を求め、特徴量統合値を所定のベータ関数により、評価して誘目度を算出する。
（３）また、原画像から誘目度を評価したパターン図を生成する。
尚、誘目度の算出方法は、例えば、「特開２００１−１２６０７０号公報（注目領域抽出装置及びそれを用いた自動構図決定装置）」に詳細に開示されている。
【００２４】
〔発明４〕
発明４のレイアウトシステムは、
レイアウト領域が指定されたテンプレートに各コンテンツをレイアウトするようにしたレイアウトシステムであって、
上記コンテンツ毎の誘目度を算出する誘目度算出手段と、この誘目度算出手段で算出された誘目度に応じて上記コンテンツを配置するためのレイアウト手段と、を備えたことを特徴とするものである。
【００２５】
これによって、その誘目度の大きい順にコンテンツをレイアウトすれば、その誘目度の大きさに従ってユーザの視線がスムーズに流れるため、より見やすいレイアウトを達成することができる。
〔発明５〕
発明５のレイアウトシステムは、
レイアウト領域が指定されたテンプレートに、各コンテンツをレイアウトするようにしたレイアウトシステムであって、
上記コンテンツ毎の誘目度を算出する誘目度算出手段と、上記テンプレート毎に指定されたコンテンツ間の視線の案内方向を取得する視線案内方向取得手段と、このコンテンツ間の視線の案内方向に沿ってその上流側から順に誘目度の高いコンテンツを配置するためのレイアウト手段と、を備えたことを特徴とするものである。
【００２６】
すなわち、本発明は発明４と同様に各コンテンツの誘目度を算出してから、発明２と同様にコンテンツ間の視線の案内方向に沿ってその上流側から順に誘目度の高いコンテンツを配置するようにしたものである。
これによって、発明２と同様に、コンテンツデザイナが意図した視線の流れに沿って実際のユーザの視線が流れるようになるため、より見やすいレイアウトを実現することができる。
【００２７】
〔発明６〕
発明６のレイアウトプログラムは、
レイアウト領域が指定されたテンプレートに、各コンテンツをレイアウトするようにしたレイアウトシステムで用いられるコンピュータを、
上記コンテンツ内の視線の移動方向を算出する視線移動方向算出手段と、この視線移動方向算出手段で算出されたコンテンツ毎の視線の移動方向が各コンテンツ間で連続して繋がるようにそれら各コンテンツをレイアウトするためのレイアウト手段と、して機能させることを特徴とするものである。
【００２８】
これによって、発明１と同様に、デザイナのレイアウトを損なうことなく、見やすいレイアウトを達成することができる等といった効果に加え、パソコン等の汎用のコンピュータシステムを用いてソフトウェア上で各手段を実現することができる。このため、専用のハードウェアを用意して実現する場合に比べて容易かつ経済的に本発明を実現することができる。
【００２９】
〔発明７〕
発明７のレイアウトプログラムは、
レイアウト領域が指定されたテンプレートに、各コンテンツをレイアウトするようにしたレイアウトシステムで用いられるコンピュータを、
上記コンテンツ内の視線の移動方向を算出する視線移動方向算出手段と、上記テンプレート毎に指定されたコンテンツ間の視線の案内方向を取得する視線案内方向取得手段と、このコンテンツ間の視線の案内方向と、上記各コンテンツ内の視線の移動方向とが一致するようにそのコンテンツをレイアウトするためのレイアウト手段と、して機能させることを特徴とするものである。
【００３０】
これによって、発明２と同様に、コンテンツデザイナが意図した視線の流れに沿って実際のユーザの視線が流れるようになることは勿論、発明６のようにソフトウェア上で実現することができるため、専用のハードウェアを用意して実現する場合に比べて容易かつ優れた経済的を発揮することができる。
〔発明８〕
発明８のレイアウトプログラムは、
レイアウト領域が指定されたテンプレートに、各コンテンツをレイアウトするようにしたレイアウトシステムに用いられるコンピュータを、
上記コンテンツ毎の誘目度を算出する誘目度算出手段と、この誘目度算出手段で算出された誘目度に応じて上記コンテンツを配置するためのレイアウト手段と、して機能させることを特徴とするものである。
【００３１】
これによって、発明４と同様に誘目度の大きさに従ってユーザの視線がスムーズに流れるため、より見やすいレイアウトを達成することができることに加え、発明６と同様にソフトウェア上で実現することができるため、専用のハードウェアを用意して実現する場合に比べて容易かつ優れた経済的を発揮することができる。
【００３２】
〔発明９〕
発明９のレイアウトプログラムは、
レイアウト領域が指定されたテンプレートに、各コンテンツをレイアウトするようにしたレイアウトシステムで用いられるコンピュータを、
上記コンテンツ毎の誘目度を算出する誘目度算出手段と、上記テンプレート毎に指定されたコンテンツ間の視線の案内方向を取得する視線案内方向取得手段と、このコンテンツ間の視線の案内方向に沿ってその上流側から順に誘目度の高いコンテンツを配置するためのレイアウト手段と、して機能させることを特徴とするものである。
【００３３】
これによって、発明５と同様に誘目度の大きさに従ってユーザの視線がスムーズに流れるため、より見やすいレイアウトを達成することができることに加え、発明６と同様にソフトウェア上で実現することができるため、専用のハードウェアを用意して実現する場合に比べて容易かつ優れた経済的を発揮することができる。
【００３４】
〔発明１０〕
発明１０のレイアウト方法は、
レイアウト領域が指定されたテンプレートに各コンテンツをレイアウトするようにしたレイアウト方法であって、
上記コンテンツ内の視線の移動方向を算出した後、これら各コンテンツの視線の移動方向が各コンテンツ間で連続して繋がるようにそれら各コンテンツを上記テンプレートのレイアウト領域にレイアウトするようにしたことを特徴とするものである。
【００３５】
これによって、発明１と同様に全てのコンテンツに対してユーザの視線がスムーズに流れることになるため、より見やすいレイアウトを達成することができる。
また、このコンテンツのレイアウト位置は予めコンテンツデザイナが決定したテンプレートに従って行われるため、デザイナが定義したレイアウトを大きく損なうこともない。
【００３６】
さらに、コンテンツ自体の構成からユーザの視線の流れを予測するために、従来例のような視線情報入力といった概念が不要となる。
〔発明１１〕
発明１１のレイアウト方法は、
レイアウト領域が指定されたテンプレートに各コンテンツをレイアウトするようにしたレイアウト方法であって、
上記コンテンツ内の視線の移動方向を算出すると共に、上記テンプレート毎に指定されたコンテンツ間の視線の案内方向を取得し、その後、このコンテンツ間の視線の案内方向と、上記各コンテンツ内の視線の移動方向とが一致するようにそれら各コンテンツを上記テンプレートのレイアウト領域にレイアウトするようにしたことを特徴とするものである。
【００３７】
これによって、発明２と同様にコンテンツデザイナが意図した視線の流れに沿って実際のユーザの視線が流れるようになるため、より見やすいレイアウトを実現することができる。
〔発明１２〕
発明１２のレイアウト方法は、
発明１０又は１１に記載のレイアウト方法において、上記各コンテンツの視線移動方向は、各コンテンツに少なくとも２カ所以上の誘目領域とそれらの誘目度を算出した後、誘目度が大きい領域から小さい領域に向かう方向を視線の移動方向とみなして算出するようにしたことを特徴とするものである。
【００３８】
これによって、発明３と同様に各コンテンツ内のユーザの視線の流れ方向を的確に決定することができる。
〔発明１３〕
発明１３のレイアウト方法は、
レイアウト領域が指定されたテンプレートに各コンテンツをレイアウトするようにしたレイアウト方法であって、
上記コンテンツ毎の誘目度を算出した後、この誘目度算出手段で算出された誘目度に応じて上記コンテンツを配置するようにしたことを特徴とするものである。
【００３９】
これによって、発明４と同様に、その誘目度の大きい順にコンテンツをレイアウトすれば、その誘目度の大きさに従ってユーザの視線がスムーズに流れるため、より見やすいレイアウトを達成することができる
〔発明１４〕
発明１４のレイアウト方法は、
レイアウト領域が指定されたテンプレートに、各コンテンツをレイアウトするようにしたレイアウト方法であって、
上記コンテンツ毎の誘目度を算出した後、上記テンプレート毎に指定されたコンテンツ間の視線の案内方向に沿ってその上流側から順に誘目度の高いコンテンツを配置するようにしたことを特徴とするものである。
【００４０】
これによって、発明２と同様に、コンテンツデザイナが意図した視線の流れに沿って実際のユーザの視線が流れるようになるため、より見やすいレイアウトを実現することができる。
〔発明１５〕
発明１５の自動レイアウト方法は、
入力された視線情報を利用してコンテンツをテンプレートに自動レイアウトするようにしたとを特徴とするものである。
【００４１】
これによって、ユーザが見やすいようにコンテンツのレイアウトを自動的に実現することができる。
〔発明１６〕
発明１６の自動レイアウト方法は、
レイアウト領域の情報と、視線の流れを表現した視線情報とが含まれているレイアウトテンプレートを利用してコンテンツを自動レイアウトするようにしたことを特徴とするものである。
【００４２】
これによって、ユーザが見やすいようにコンテンツのレイアウトを自動的に実現することができる。
【００４３】
【発明の実施の形態】
以下、本発明の実施の形態を図面を参照しながら説明する。
図１〜図１０は、本発明に係るレイアウトシステム及びレイアウトプログラム、並びにレイアウト方法の実施の形態を示す図である。
図１は本発明に係るレイアウトシステム１６の実施の一形態を示したものである。
【００４４】
図示するように、このレイアウトシステム１６は、コンテンツ毎の誘目度を算出する誘目度算出手段４００と、コンテンツ内の視線の移動方向を算出する視線移動方向算出手段４０２と、テンプレート毎に指定されたコンテンツ間の視線の案内方向を取得する視線案内方向取得手段４０４と、コンテンツ間の視線の案内方向に沿ってその上流側から順に誘目度の高いコンテンツを配置するためのレイアウト手段４０６とから主に構成されている。
【００４５】
先ず、この誘目度算出手段４００は、コンテンツの中から画像に関するコンテンツを抽出する機能と、抽出したその画像毎の誘目度を算出する機能を提供するようになっている。例えば、コンテンツが図２に示すように、「写真Ａ」、「写真Ｂ」、「写真Ｃ」、「イラストＤ」、「タイトル「ＸＸＸＸＸＸＸＸＸＸ」」、「本文「ＹＹＹＹＹＹＹ…」」といった６つであった場合、この中から画像に関するコンテンツである「写真Ａ」、「写真Ｂ」、「写真Ｃ」、「イラストＤ」を抽出する。次に、この誘目度算出手段４００は、これら「写真Ａ」、「写真Ｂ」、「写真Ｃ」、「イラストＤ」について前述したような手法によってそれぞれの画像の誘目度を算出し、その算出結果を視線移動方向算出手段４０２に入力するようになっている。尚、これら６つのコンテンツの重要度はいずれも同じものとする。
【００４６】
次に、視線移動方向算出手段４０２は、このような誘目度算出手段４００で得られた誘目度等を利用して抽出されたその画像内の視線の移動方向を算出する機能を提供するようになっている。
例えば、図２の「写真Ａ」のように、画面の中央から左側にかけて「人物」が大きく写ってその画面の左端に「花」が小さく写っている画像の場合では、その「写真Ａ」の注目領域は、「人物の頭部」付近と「花」の２カ所が最も大きな注目領域として決定される。そして、これら各注目領域の誘目度を前述したような誘目度算出手段４００によって算出し、それを図３（ａ）に示すように、画像中に網掛け領域等によって表示する。図３（ａ）の網掛け領域は各注目領域に相当し、その誘目度はその網掛け領域の大きさに比例するものとする。従って、図３（ａ）の場合は、図中左画面中央部の注目領域の誘目度αが最も大きく、右下部分の注目領域の誘目度βがそれに続くものとなっている。すなわち、人間の目の特性として、ある画像中における視線の流れは誘目度の大きい方から小さい方へ流れるのが通常であることから、図３（ａ）の場合の視線の流れは図３（ｂ）のようになり、「写真Ａ」の視線の流れ方向は画面の左上から右下方向に決定される（α→β）。そして、同様な手法により、「写真Ｂ」、「写真Ｃ」、「写真Ｃ」、「イラストＤ」についても、図４に示すようにそれぞれ視線の流れ方向を決定することが可能となる。
【００４７】
一方、視線案内方向取得手段４０４は、各テンプレート毎に予めデザイナが指定しておいたコンテンツ間の視線の案内方向を取得する機能を提供するようになっている。
例えば、図５に示すように「タイトル」、「本文」、「写真」等のレイアウト適用ルールが適用されたテンプレートに対してコンテンツデザイナが、それぞれのコンテンツをレイアウトした後のユーザの視線を図６に示すように、レイアウト領域▲３▼からレイアウト領域▲２▼→領域▲１▼→領域▲６▼→領域▲４▼→領域▲５▼→領域▲２▼といった方向へ案内したいと意図した場合、そのユーザの視線の案内方向に関する情報を各テンプレートから取得して次のレイアウト手段４０６に入力するようになっている。尚、この視線移動方向に関する情報は、前述したようにＸＭＬのタグの記述順番を定義する等によって各テンプレートに埋め込むことができる。
【００４８】
他方、レイアウト手段４０６は、上記誘目度算出手段４００で算出された誘目度や視線移動方向算出手段４０２で算出された各コンテンツの視線の移動方向、視線案内方向取得手段４０４で取得された視線案内方向等に応じて各画像間をテンプレート上にレイアウトする機能を提供するようになっている。
以下、このような構成をした本発明のレイアウトシステム１６によるレイアウト方法の代表例を図７のフローチャート図を参照しながら説明する。
【００４９】
図示するように、まず最初のステップＳ３００において、レイアウトするコンテンツを取得し、その後、ステップＳ３０２に移行して、そのコンテンツの中から画像に関するコンテンツを抽出する。例えば、図２の例では、６つのコンテンツが取得され、その中から画像に関するコンテンツである「写真Ａ」、「写真Ｂ」、「写真Ｃ」、「イラストＤ」が抽出される。
【００５０】
そして、このようにして抽出された画像についてそれぞれの誘目度を算出すると共に、その誘目度から各コンテンツの視線の方向に関する視線情報を算出する（ステップＳ３０４、Ｓ３０６）。図２の例では、図３に示すような視線方向算出工程を経て図４に示すように、「写真Ａ」は、画面の左上から右下方向へ、「写真Ｂ」は、画面の右下から左上方向へ、「写真Ｃ」は画面左下から右上方向へ、「イラストＤ」は画面左下から中央上方へ、それぞれ視線の方向が算出されたものとする。
【００５１】
次に、このようにして全ての画像についてその視線の方向が算出されたなら、ステップＳ３０８に移行して選択された所定のレイアウト適用ルールが適用されたテンプレートを取得してそのテンプレートに埋め込まれた視線案内方向に関する情報を取得する（ステップＳ３１０）。
その後、ステップＳ３１２、Ｓ３１４に順次移行してレイアウト順序に従ってレイアウト領域を選択して画像が配置されるレイアウト領域が選択されたときは、そのテンプレートの視線の案内方向に関する情報を取得する（ステップＳ３１６）して、そのそのテンプレートの視線の案内方向に一致する画像を選択してレイアウトする（ステップＳ３１８）。
【００５２】
例えば、上述したように視線の案内方向が図６に示すようにレイアウト領域▲３▼→領域▲２▼→▲１▼→▲６▼→▲４▼→▲５▼→▲２▼であれば、図８に示すように、レイアウト領域▲２▼には、視線の方向が画面の右下から左上方向へ向いた「写真Ｂ」が、レイアウト領域▲３▼には、視線の方向が画面左下から右上方向へ向いた「写真Ｃ」が、レイアウト領域▲４▼には、視線の方向が画面の左上から右下方向へ向いた「写真Ａ」が、レイアウト領域▲５▼には視線の方向が画面左下から中央上方へ向いた「イラストＤ」がそれぞれ配置されることになり、これによって、テンプレートに指定された視線の案内方向と実際にレイアウトされた画像の視線の方向がほぼ一致する結果となる。ちなみに、図９は、レイアウト領域の順番に従って選択された画像をレイアウトしたものであり、各画像の視線の方向は、テンプレートに指定された視線の案内方向と殆ど一致しないケースが殆どである。
【００５３】
一方、このステップＳ３１４において選択された領域が画像領域ではないと判断したとき（ＮＯ）は、ステップＳ３２０に移行してその選択領域に該当するコンテンツを選択してレイアウトする。例えば、選択されたレイアウト領域が「本文」をレイアウトする領域である場合は、「本文」に関するコンテンツが選択されてそのレイアウト領域にレイアウトされる。
【００５４】
そして、このようなコンテンツ毎のレイアウトは、そのレイアウト領域が埋まるまで順次繰り返される（ステップＳ３２２）ことで、ディジタルコンテンツのレイアウトと編集が行われることになる。
このように本発明のレイアウト方法は、各コンテンツの視線の方向を算出し、その視線の方向とテンプレートに指定された視線の案内方向とが一致するように各画像をレイアウトするようにしたことから、全ての画像に対してユーザの視線がスムーズに流れることになってより見やすいレイアウトを達成することができる。
【００５５】
また、この画像のレイアウト領域は予めコンテンツデザイナが決定したテンプレートに従って行われるため、デザイナが定義したレイアウトを大きく損なうこともない。さらに、画像自体の構成からユーザの視線の流れを予測するために、従来例のような視線情報入力といった概念が不要となる。
尚、本実施の形態では、図１の▲１▼の実線矢印の流れに示すように、画像毎に算出された視線移動方向と、デザイナが予め設定した視線案内方向が一致するようにレイアウトを実施するようにしたものであるが、このテンプレートにはレイアウト領域だけが設定されて視線案内方向情報までは設定されていない場合には、当然に視線案内方向取得手段４０４は、その情報を取得することができない。このため、このような場合は図中▲２▼の点線矢印の流れに示すように、視線移動方向算出手段４０２で算出された画像毎の視線移動方向のみに従ってレイアウトすることになるが、この場合でも画像毎の視線移動方向が隣接する画像レイアウト領域間で連続するようにレイアウトすれば、ユーザの視線の流れがスムーズに連続することになり、見やすいレイアウトを容易に達成することができる。
【００５６】
一方、図中▲３▼の破線矢印の流れに示すように、画像毎の視線の方向を算出することなく、誘目度算出手段４００で算出された画像毎の最大誘目度のみに基づいて画像をレイアウトしても良い。
例えば、図１０に示すように、レイアウトするコンテンツの中から抽出された画像毎の最大値を算出し、その誘目度順に画像のレイアウト順序を並び替える。図１０では「写真Ａ」、「写真Ｂ」、「写真Ｃ」、「イラストＤ」の順に選択された４つの画像の最大誘目度を比較した結果、「写真Ｃ」の誘目度が「最大」で、「写真Ｂ」の誘目度がそれに続く「大」で、「写真Ａ」の誘目度がそれに続く「中」で、「イラストＤ」の誘目度が最も小さい「小」となった場合には、レイアウト順序は、「写真Ｃ」、「写真Ｂ」、「写真Ａ」、「イラストＤ」に並び替える。
【００５７】
そして、このようにして各画像の最大誘目度の大小関係が決定したならば、上記第一の実施の形態と同様に、そのテンプレートに指定された視線案内方向に関する情報を取得し、その上流側から順に最大誘目度が大きい画像をレイアウトしていく。例えば、テンプレートに指定された視線案内方向が図１８に示すようなケースでは、図１１に示すように、視線案内方向の始点となるレイアウト領域▲３▼に、誘目度が最大の「写真Ｃ」をレイアウトし、そのレイアウト領域▲３▼の視線案内方向下流側に位置するレイアウト領域▲２▼に次に誘目度が大きい「写真Ｂ」をレイアウトし、そのレイアウト領域▲２▼の視線案内方向下流側に位置するレイアウト領域▲４▼に次に誘目度が大きい「写真Ａ」をレイアウトし、最後のレイアウト領域▲５▼に最も誘目度が小さい「イラストＤ」を配置することになる。
【００５８】
すなわち、前述したように人の視線は誘目度の大きいものから小さい方向へ流れる特性があることから、本実施の形態のようにデザイナが指定した視線案内方向の上流側から順に誘目度の大きい画像をレイアウトすれば、ユーザの視線の流れがデザイナが指定した視線案内方向と自然に一致することになり、上記実施の形態と同様により見やすいレイアウトを実施することができる。
【００５９】
尚、上記実施の形態では、レイアウト対象となるコンテンツとして特に画像に限定した例で説明したが、このコンテンツは画像のみならず、テキストに対しても同様に適用可能であり、また、テキストを含む領域を一つの画像として扱い、これを上記実施の形態のように誘目度によって視線を抽出するようにしても良い。
【００６０】
次に、図１２〜図１５は、このような本発明のレイアウトシステム１６の応用例を示したものである。
先ず、図１２は、このような本発明のレイアウトシステム１６を適用したコンテンツ配信端末１００の機能概要を示した機能ブロック図である。
図示するように、このコンテンツ配信端末１００は、ＸＭＬ（ｅＸｔｅｎｓｉｂｌｅ  Ｍａｒｋｕｐ  Ｌａｎｇｕａｇｅ）形式のコンテンツデータファイル１０を解析するＸＭＬパーサ１１と、ＸＭＬパーサ１１で解析したコンテンツデータファイル１０を入力するコンテンツデータファイル入力部１２と、ＸＭＬ形式のレイアウト定義ファイル１３を解析するＸＭＬパーサ１４と、ＸＭＬパーサ１４で解析したレイアウト定義ファイル１３を入力するレイアウト定義ファイル入力部１５と、入力部１２，１５で入力したコンテンツデータファイル１０及びレイアウト定義ファイル１３に基づいてレイアウトを行うレイアウティング部１６と、レイアウティング部１６からのＸＭＬ形式の描画指定ファイル１７を解析するＸＭＬパーサ１８と、ＸＭＬパーサ１８で解析した描画指定ファイル１７に基づいて描画を行うことによりＰＤＦ（Ｐｏｒｔａｂｌｅ  Ｄｏｃｕｍｅｎｔ  Ｆｏｒｍａｔ）形式のファイル２０を作成するラスタライズ部１９とで構成されている。前記実施の形態で説明したレイアウトシステムはこれら構成要素のうち、特にレイアウティング部１６に適用可能なものである。
【００６１】
このレイアウト定義ファイル１３で扱うレイアウト定義ファイルは、例えば図１３に示すように各ページ毎にレイアウト領域を有し、そのうち一つのレイアウト領域３６０は、タイトル情報を格納するためのタイトル情報格納枠３６２と、画像情報を格納するための画像情報格納枠３６４と、文字情報を格納するための文字情報格納枠３６６と、画像情報格納枠３６８と、文字情報格納枠３７０と、フローオブジェクトを格納するためのフローオブジェクト格納枠３７２とを配置して構成されている。
【００６２】
タイトル情報格納枠３６２は、横方向ほぼ一杯の幅及び縦方向１／５程度の高さを有する矩形の枠で、その左上角がレイアウト領域３６０の左上端近傍に位置するよう配置され、画像情報格納枠３６４，文字情報格納枠３６６及び文字情報格納枠３７０と重なり合っている。
画像情報格納枠３６４は、横方向１／２程度の幅及び縦方向１／４程度の高さを有する矩形の枠で、その左上角がタイトル情報格納枠３６２の左上角と比較して横方向が一致し縦方向がそれよりもやや下方に位置するように配置され、タイトル格納枠３６２および文字情報格納枠３６６と重なり合っている。
【００６３】
文字情報格納枠３６６は、横方向１／２程度の幅及び縦方向ほぼ一杯の高さを有する矩形の枠でその左上角がタイトル情報格納枠３６２の左上角と一致するよう配置され、タイトル情報格納枠３６２と、文字情報格納枠３６４および画像情報格納枠３６８と重なり合っている。
画像情報格納枠３６８は、横方向１／２程度の幅および縦方向１／４程度の高さを有する矩形の枠で、その左下角が文字情報格納枠３６６の左下角と一致するように配置され、文字情報格納枠３６６と重なり合っている。
【００６４】
文字情報格納枠３７０は、横方向１／２程度の幅及び縦方向ほぼ一杯の高さを有する矩形の枠で、その右上角がタイトル情報格納枠３６２の右上角と一致するよう配置され、タイトル情報格納枠３６２及びフローオブジェクト格納枠３７２と重なり合っている。
フローオブジェクト格納枠３７２は、横方向１／２程度の幅及び縦方向１／４程度の高さを有する矩形の枠で、その右下角が文字情報格納枠３７０の右下角と一致するように配置され、文字情報格納枠３７０と重なり合っている。
【００６５】
そして、図１４に示すように、先ず最初のステップＳ３００で、読み出したレイアウト定義ファイルのレイアウト領域３６０のうち先頭ページのものを処理対象として設定し、ステップＳ３０２に移行してページ内に固定的に配置される固定線の位置を決定し、ステップＳ３０４に移行して、ページ内に固定的に配置される固定文字情報の形状及び位置を決定し、ステップＳ３０６に移行してページ内に固定的に配置される固定画像情報の形状及び位置を決定し、ステップＳ３０８に移行する。
【００６６】
ステップＳ３０８では、フローオブジェクト格納枠の形状及び位置を決定する処理を実行し、ステップＳ３１０に移行して所定の優先順位に基づいてディジタルコンテンツの中からレイアウト領域に配置すべき記事を選択し、ステップＳ３１２に移行する。
ステップＳ３１２ではステップＳ３１０で選択した選択記事に基づいてタイトル情報格納枠の形状及び位置を決定する処理を実行し、ステップＳ３１４に移行して選択記事に基づいて画像情報格納枠の形状及び位置を決定する処理を実行し、ステップＳ３１６に移行して選択記事に基づいて文字情報格納枠の形状及び位置を決定する処理を実行し、ステップＳ３１８に移行して分界線の位置を決定する処理を実行し、ステップＳ３２０に移行する。
【００６７】
ステップＳ３２０では、レイアウト領域３６０内に未処理の情報格納枠が存在するか否かを判定し、未処理の情報格納枠が存在しないと判定されたとき（Ｎｏ）は、ステップＳ３２２に移行してステップＳ２１０で読み出したレイアウト定義ファイルの全てのページについてステップＳ３０２〜Ｓ３２０の処理が終了したか否かを判定し、すべてのページについて処理が終了したと判定したとき（Ｙｅｓ）は、ステップＳ３２４に移行して、未処理のフローオブジェクトを掲載する処理を実行し、一連の処理を終了して元の処理に復帰させる。
【００６８】
一方、ステップＳ３２２で所定のレイアウト定義ファイルの全てのページについてステップＳ３０２〜Ｓ３２０の処理が終了していないと判定したとき（Ｎｏ）は、ステップＳ３２６に移行してレイアウト定義ファイルのレイアウト領域３６０のうち次のページのものを処理対象として設定し、ステップＳ３０２に移行する。一方、ステップＳ３２０でレイアウト領域３６０内に未処理の情報格納枠が存在すると判定したとき（Ｙｅｓ）は、ステップＳ３１０に移行する。
【００６９】
次に、タイトル情報格納枠の決定処理は、上記ステップＳ３１２で実行されると、先ずステップＳ５００に移行するようになっている。
ステップＳ５００では、レイアウト領域３６０内にタイトル情報格納枠が存在するか否かを判定し、タイトル情報格納が存在すると判定したとき（Ｙｅｓ）は、ステップＳ５０２に移行するが、そうでないと判定したとき（Ｎｏ）は、一連の処理を終了して元の処理に復帰させる。
【００７０】
ステップＳ５０２では、タイトル情報格納枠が、形状及び位置が確定した他の情報格納枠と重なり合っているか否かを判定し、形状及び位置が確定した他の情報格納枠と重なり合っていないと判定したとき（Ｎｏ）は、ステップＳ５０４に移行して選択記事に含まれるタイトル情報の情報量を算出し、ステップＳ５０６に移行する。
【００７１】
ステップＳ５０６では算出した情報量に基づいてタイトル情報格納枠の形状及び位置を決定し、ステップＳ５０８に移行して選択記事に含まれるタイトル情報をタイトル情報格納枠に格納し一連の処理を終了して元の処理に復帰させる。一方、ステップＳ５０２でタイトル情報格納枠が形状及び位置が確定した他の情報格納枠と重なり合っていると判定したとき（Ｙｅｓ）は、ステップＳ５１４に移行してタイトル情報格納枠及びそれに関連する他の情報格納枠（同一内容の記事を格納することとなる画像情報格納枠及びそれに関連する他の情報格納枠又は文字情報格納枠）を削除し、一連の処理を終了して元の処理に復帰させることになる。
【００７２】
このように掲載する情報の大きさ応じて情報格納枠が変形移動しながらレイアウトするようにすれば、デザイナが意図したレイアウトが大きく損なわれることがなく、情報の掲載順序に関して自由度が高いレイアウトを実施することができる。
【図面の簡単な説明】
【図１】レイアウトシステムの実施の一形態を示すブロック図である。
【図２】レイアウト対象となるコンテンツの種類を示す図である。
【図３】誘目度から視線の流れ方向を算出する概念図である。
【図４】視線の流れ方向が算出された各画像を示す概念図である。
【図５】レイアウト領域とレイアウトコンテンツの種類が指定されたテンプレートを示す図である。
【図６】指定した視線案内方向を表示したテンプレートを示す図である。
【図７】レイアウト方法の実施の一形態を示すフローチャートである。
【図８】視線流れ方向を考慮して画像をレイアウトした例を示す図である。
【図９】視線流れ方向とは無関係に画像をレイアウトした例を示す図である。
【図１０】画像毎の誘目度の大きさを比較した例を示す図である。
【図１１】誘目度順に画像をレイアウトした例を示す図である。
【図１２】コンテンツ配信端末の機能概要構成を示すブロック図である。
【図１３】レイアウト定義ファイルのデータ構造の一部を示す図である。
【図１４】自動レイアウト処理を示すフローチャートである。
【図１５】タイトル情報格納枠の決定処理を示すフローチャートである。
【符号の説明】
１０…コンテンツデータファイル、１１…ＸＭＬパーサ、１２…コンテンツデータファイル入力部、１３…レイアウト定義ファイル、１４…ＸＭＬパーサ、１５…レイアウト定義ファイル入力部、１６…レイアウトシステム（レイアウティング部）、１７…描画指定ファイル、１８…ＸＭＬパーサ、１９…ラスタライズ部、２０…ＰＤＦファイル、３６０…レイアウト領域、３６２…タイトル情報格納枠、３６４…画像情報格納枠、３６６…文字情報格納枠、３６８…画像情報格納枠、３７０…文字情報格納枠、３７２…フローオブジェクト格納枠、４００…誘目度算出手段、４０２…視線移動方向算出手段、４０４…視線案内方向取得手段、４０６…レイアウト手段、α、β…注目領域、▲１▼〜▲５▼…レイアウト領域。
【図１】
2005050051.tif 000003
【図２】
2005050051.tif 000004
【図３】
2005050051.tif 000005
【図４】
2005050051.tif 000006
【図５】
2005050051.tif 000007
【図６】
2005050051.tif 000008
【図７】
2005050051.tif 000009
【図８】
2005050051.tif 000010
【図９】
2005050051.tif 000011
【図１０】
2005050051.tif 000012
【図１１】
2005050051.tif 000013
【図１２】
2005050051.tif 000014
【図１３】
2005050051.tif 000015
【図１４】
2005050051.tif 000016
【図１５】
2005050051.tif 000017