iA / Presenter / サポート / ビジュアル

レイアウト

Presenter はスライドの内容を解析して、最適なレイアウトを選びます。どのデバイスでもきれいに見えるようにするための考え方を見ていきましょう。

Presenter のレイアウトはレスポンシブです。つまり、画面の大きさ、プロジェクターの比率、Zoom のウィンドウ、タブレット、スマートフォンに合わせて、自動で調整されます。サイズ合わせに延々と手を入れる必要はありません。

Presentation that adapts to different screens.

Presenter がレイアウトを決めるときに見ているのは、次のような要素です。

ここまで知る必要があるかというと、必ずしもそうではありません。ただ、Presenter がどんな要素を見てレイアウトを割り当てているのかを理解する助けにはなります。

スライドにレイアウトを追加したり選んだりするには、ツールバー左側のレイアウトピッカー + をクリックします。ここには 18 種類のレイアウトがあります。

The Add Slide icon on the left of the Toolbar.

1 セルか、2 セルか

スライドの内容はセルの中に配置されます。基本的には、1 枚のスライドの中で要素を複数のセルに分けたほうが、レイアウトはよくなります。

うまく見せるには、見出しと画像の間など、要素ごとに を 2 回押して 改行を入れる のが基本です。改行がないと、2 つ以上の要素が同じセルに入ります。

下の 1 つ目の例では、タイトルと画像が別々のセルに入っています。こちらのほうが見え方としては安定します。2 つ目の例では、両方が同じセルを共有しています。

A title and an image in the same slide, in different cells.

おすすめ: 1 セルに 1 要素。こうすると Presenter が利用可能な空間にセルをうまく配分し、よりバランスよく見栄えのする構成になります。

Both the title and the image share the same cell

別案: タイトルと画像が同じセルを共有しているため、同じ空間に収まります。この見せ方が合う場合もありますが、通常は 2 つのセルに分けたほうが Presenter はよりうまく整えてくれます。

もちろん例外もあります。内容によっては、2 つの要素を同じセルに入れたほうが気持ちよく見えることもあります。たとえばタイトルとサブタイトルは、同じセルに入れたほうがまとまりやすい場合があります。

A title and subtitle in the same cell in the Editor.

おすすめ: ここではタイトルとサブタイトルが同じセルを共有しています。この見え方は良好なので、ぜひ試してみてください。

A title and subtitle in different cells in the Editor.

別案: この場合は、複数セルに分けてもあまり良い効果は出ません。タイトルとサブタイトルは 1 つのセルにまとめるか、別々のスライドに分けるほうが向いています。

レイアウトの使い方

タイトルを入れる

Presenter にはいくつかのタイトル種類があります。プレゼンの表紙スライドには H1(タイトル)を使ってください。ここにもう少し情報を足したい場合は、同じセルに H3 または H4 を入れてみてください。

H2 を使うと中央寄せのタイトルになり、大きなセクション見出しに向いています。

より小さな小見出しには H3 または H4 を使うと、どちらも読みやすく表示されます。

Title, subtitle, heading and subheading in the Editor.

ヒント: Kicker は、メインタイトルのすぐ上によく置かれる小さな見出しです。作るには ⇥ を押し、タイトルの直前に文字を入力してください。

A kicker and a title in the same cell.

テキスト

スライドに長い本文を出して読み上げると、聴衆はたいてい退屈してしまいます。それでも本文テキストを載せたい場面はあります。その方法は次のとおりです。

本文段落の先頭にタブ を入れてください。こうしてインデントを付けると、そのテキストは自分だけに見えるスピーカーノートではなく、スライド上に表示される本文になります。

A paragraph of text entered in the Editor with indentation.

分割する

2 つの要素の間に改行( を 2 回)を入れると、それぞれが分かれ、縦方向に並んで表示されます。分割は、2 枚の画像や 2 つのテキストを比較したいときに便利です。横並びにできる要素は最大 3 つです。

タイトルを上に、そのすぐ下に画像を置くといった縦方向の構成にしたい場合は、改行を入れないでください。代わりに、両方の要素を 1 つのセルに入れます。

A title and an image in the same slide, in different cells.

グリッドを使う

1 枚のスライドに 4 つ以上の要素がある場合、Presenter はそれらをグリッドレイアウトで並べます。グリッドを使うと、テキスト、画像、タイトルなどを同じスライドの中で組み合わせられます。

グリッド内の順番を変えたいときは、Editor で要素の並び順を変えてください。要素の大きさはグリッドに合わせて自動で調整されます。グリッドで画像の見え方が思いどおりにならない場合は、画像 の Cover や Contain を試してください。

In the same slide but in different cells, a title and four images.

キャプションを付ける

大きめのキャプションを付けたいときは、H4 見出しと画像を組み合わせます。キャプションがどこに出るかは、画像とテキストをどの順で置くかによって決まります。どちらの順でも、文字サイズは変わりません。

H4 見出しを先に置くと、画像を紹介する形になります。逆に 画像 を先に置くと、画像そのものが主役になり、その下のキャプションが補足説明になります。

An image on top and the caption on the bottom part of the slide.

画像を背景に使う

タイトルや本文の背後に常に表示される背景画像を加えると、表紙スライドや通常のスライドをより印象的にできます。

背景画像にするには、Editor 上でその画像の横にある dropdown を開き、メニューから Background を選びます。

背景画像の色で上の文字が読みにくくなる場合は、画像フィルターや不透明度の調整を試してください。詳しくは 画像 をご覧ください。

An image with the background class added in the Editor, and in a different cell a Title and subtitle.

ビジュアル