見開き表示

ページスプレッドは、2つの対面するページを並べて表示するレイアウトモードで、物理的な本や雑誌を開いた状態を再現します。左ページと右ページが一つの視覚的なまとまりを形成し、読者は両方のページを同時に見ることができます。このフォーマットは印刷出版に起源を持ち、デザイナーはのど（2ページが出会う中央の折り目）をまたぐレイアウトを日常的に作成します。雑誌、カタログ、パンフレット、写真集はすべて、パノラマ画像、比較レイアウト、連続するビジュアルストーリーを作るためにスプレッドベースのデザインに依存しています。これらは一度に1ページずつ表示するとインパクトが失われます。

印刷デザイナーは、2つの対面するページにまたがって機能するレイアウトの作成にかなりの労力を費やします。両ページにわたる製品写真、左にグラフ・右に凡例というデータ比較、片面にフルブリード画像・もう片面にテキストという雑誌レイアウト——これらのデザインはスプレッドを前提とした閲覧フォーマットとして作られています。デジタルビューアが一度に1ページしか表示しない場合、これらの入念に作られたレイアウトが分離され、ビジュアルの流れが途切れ、デザイナーの意図が損なわれます。デジタルフリップブックでページスプレッドをサポートすることで、オリジナルのデザインが保存され、カタログや雑誌コンテンツに対して読者が期待する閲覧体験を提供できます。

FlipLinkのフリップブックビューアは、十分な幅のある画面でページスプレッドを自動的に表示します。デスクトップモニターと横向きのタブレットでは、読者は2つの対面するページを同時に見ることができ、[ページめくりアニメーション](/glossary/page-flip-animation)が両ページを同時にめくってリアルな本のめくり効果を実現します。縦向きのモバイルデバイスでは、テキストの可読性を維持するためにビューアが自動的にシングルページモードに切り替わります。[ページ体験とレイアウト](/features/page-experience-and-layout)の設定により、パブリッシャーは異なる画面サイズに対するコンテンツの適応方法を制御できます。パブリケーションの最初と最後のページは通常シングルページとして表示され（本の表紙と裏表紙のように）、内部ページはスプレッドとして表示されます——物理的な本のデザイン慣例に従っています。

それぞれのモードが最適な場合を理解することで、パブリッシャーは適切な表示を選択できます： | 項目 | シングルページ | ページスプレッド | |------|--------------|----------------| | **最適な用途** | モバイル閲覧、テキスト中心のコンテンツ | デスクトップ閲覧、ビジュアルレイアウト | | **デザインアプローチ** | 各ページが自己完結 | コンテンツが2ページにまたがる | | **ページめくり動作** | 1ページずつめくる | 2ページ同時にめくる | | **画面の使用** | 狭い画面を効率的に埋める | インパクトには広い画面が必要 | | **典型的なコンテンツ** | レポート、マニュアル、テキスト文書 | 雑誌、カタログ、ポートフォリオ | 多くのパブリケーションは両方のモードで適切に機能します。スプレッドを前提にデザインされたカタログは、デスクトップで美しく表示され、モバイルではシングルページに優雅に切り替わります。重要なのは、クリティカルな情報（製品名や価格など）がのどをまたいで分断されないようにすることで、どちらのモードでもコンテンツが使用可能な状態を維持することです。

ページスプレッドモードは、もともと2ページレイアウトでデザインされたコンテンツに最適です。これには以下が含まれます： - **製品カタログ**：家具、ファッション、エレクトロニクスのカタログで、製品写真が2ページにわたるもの。 - **雑誌とエディトリアル**：ライフスタイル、旅行、業界誌でパノラマ画像やエディトリアルスプレッドがあるもの。 - **不動産パンフレット**：片ページに間取り図、対面ページに写真がある物件リスト。 - **年次報告書**：チャートと説明テキストが並んで配置された財務データ。 - **建築・デザインポートフォリオ**：スプレッド全体にプロジェクト写真と説明が組み合わされたもの。 スプレッドを前提としてデザインされていないコンテンツ——単一カラムのレポート、スライドショー、または独立したページで構成される文書——の場合、シングルページモードの方が良い閲覧体験を提供することが多いです。FlipLinkは画面幅に基づいて両モードを自動的に管理しますが、パブリッシャーは[ページ体験とレイアウト](/features/page-experience-and-layout)の設定で希望するデフォルトを設定できます。