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

レイアウト

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

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

Presentation that adapts to different screens.

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

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

スライドにレイアウトを追加したり選んだりするには、ツールバー左側の Add Slide + アイコンをタップします。ここには 18 種類のレイアウトがあります。

Access the slide picker from the plus icon on the left of the toolbarThe slide picker with 18 different layouts

1 セルか、2 セルか

Slide content lives in cells. In general, the more cells you add to a slide, the better the layout will be.

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

In the first example below, a title and image are in separate cells. This looks good. In the second example, they share the same cell. You can use this technique if you like, but Presenter will (usually) balance the layout better if you spread them over two cells.

One element per cell, the recommended approach.
おすすめ: 1 セルに 1 要素が基本です。そうすることで Presenter がスライド内の空間を適切に配分し、よりバランスよく見栄えのする構成になります。
Multiple elements in a single cell, usually not recommended.
別案: ここではタイトルと画像が同じセルに入り、同じ空間を共有しています。特定の効果を狙うのでなければ、Presenter ではあまり一般的な組み方ではありません。

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

Multiple elements in a single cell, occasionally effective.

例外的ですが、うまくいく場合もあります。 複数の要素が同じ空間を共有することで、むしろ気持ちよく見えることもあります。たとえばタイトルとサブタイトルを同じエリアにまとめると、魅力的に見えることがあります。

One element per cell, not suitable in this case.

この場合は定石どおりでないほうが良い例です。 1 セルに 1 要素という通常の方法が、ここでは最良の結果を生みません。タイトルとサブタイトルは同じセルにまとめるか、別々のスライドに分けるほうが向いています。

レイアウトの使い方

タイトルを入れる

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

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

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

Title, subtitle, heading and subheading in different slides.

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

A kicker and a title in the same cell.

テキスト

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

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

A paragraph of text entered in the Editor with indentation and so visible on the slide.

分割する

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

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

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

グリッドを使う

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

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

In the same slide, a title and four images, rendered as a grid.

キャプションを付ける

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

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

Two ways to showcase a caption with an H4 heading before and after the image.

画像を背景に使う

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

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

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

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

ビジュアル