エンジニアでもそれっぽい会社用Keynoteテンプレートを15分でシュッと作る

この記事はコネヒト Advent Calendar 2019の5日目の記事です！

はじめに

先日、PHPカンファレンス2019でLT登壇してきました。その時の資料がこちらです。

社内で会社用のKeynoteテンプレートは共有されているものの、もう少し使い勝手をよくできそうだったのでいくつか手を加えています。というわけで、今回はKeynoteテンプレートを作るにあたって工夫した点をご紹介します。

前提として、あくまでシュッと作るために時間を掛けすぎないようにします。本来はデザイナーさんに協力してもらって作るのがいいですね。今回は資料作成が発表直前で時間がなかったので（夏休み最終日に宿題やるタイプ）、自分で何とかする方針を採用します！

まずはKeynoteテンプレートのベースを作りましょう。 1つずつ見ていきます。

本来であれば、レイアウトや文字のサイズ、行間隔などを見やすいように調整したいのですが我々はエンジニアです。車輪の再発明はなるべく避けて巨人の肩に乗りましょう。CSSで例えると Twitter Bootstrap 的なイメージです（伝われ〜）

今回はレイアウトのベースとして、Keynoteのデフォルトテーマを採用することにします。中でもおすすめは「ホワイト」のテーマです。余計な装飾が一切ないのでカスタマイズしやすく、また白背景なのでどんな会社ロゴとも相性が良いかなと思います。

Keynoteのデフォルトテーマは最初からいくつかスライドのパターンが含まれているので便利ですね。

ここまででやること
・Keynoteを開いたら「ホワイト」のテーマを選択してスライドを新規作成

続いて全スライドに会社のロゴを配置しましょう。ロゴがあるだけでCorporate感が増します。
左上の[表示]から[マスタースライドを編集]をクリックします。

すると以下のようにマスタースライドの編集画面になります。スライドとマスタースライドは別の概念なのでそれぞれ編集・保存ができます。基底クラスと派生クラスみたいな関係性ですね（伝われ〜）

マスタースライドの編集画面でロゴを配置していきます。1つのスライドでサイズや位置を調整したらあとは全スライドにコピペしていきましょう。ロゴによっては「前後左右◯px以上は余白を空けてください」といったルールがあるので、その点も確認しましょう。

f:id:fortkle:20191205080651p:plain

ロゴの掲載位置は、右下がおすすめです。適当に余白を取っておけばバランスと言うか収まりがよくなるのと、スライドの下側は発表時に隠れることが多くデッドスペースになりやすいのでその有効活用ができるためです。

ロゴを全スライドに追加したら[終了]をクリックしてください。

ここまででやること
・マスタースライドの編集画面を開く
・ロゴをレギュレーションに合わせて配置
・全スライドにロゴをコピペして終了

次にスライドで使う色を決めましょう。
よく言われていますがスライドで使う色は3~4色程度に抑えることが統一感に繋がります。

用途	備考
文字色	どんなスライドでも #000 より #333 あたりが無難
背景色	「ホワイト」のテーマをベースにしているので白系が無難
強調色1	はっきりしていて、目を引く色（ママリだとコーラルピンク）
強調色2	必要なら用意。強調色1と異なる色味の方が使いやすい