# あいさつ おはようございます。デザイナーの島安です。 元Yahoo!のデザイン責任者で、SNSでデザインのTipsを発信したり、 デザインの解剖図鑑の著者、Adobeことはじめクリエイティブカレッジの講師をしたりしております。 この番組は、デザインで人生を変えるヒントを1日1つお送りしていきます。 # スライドのデザインでお悩みの方へ それでは本編の方収録していきます。今日はですね ドングリバーバさんからですねリクエスト スライドデザインというところについてリクエストいただきましたので今回はですねその スライドデザインとですね コツをですねお伝えしていきたいと思います。特にですねこうデザインはやってないけれども日頃 デザインでスライド作ったりとか資料作ったりするよという方向けに考え放送して いきますね。じゃあですね今回は3つポイントを伝えていきます。1つ目がシンプルにする。 2つ目が視覚的にですねその階層構造みたいなものをきちんと作っていく。 3つ目が一貫性を保つというところで3つに関してお伝えをしていきます。 まず一つ目ですねシンプルなんですけどまぁこれは ご自身で作る場合、例えば会社に何かしら仕様を作ってくれって言われたら難しいところもあるかもしれないですけど 基本的にはスライドはワンスライドで一つのテーマというか一つのメッセージっていう方がいいです。 できるだけシンプルな方が良いっていうのはデザイン的にもそうですし スライドのコンテンツというか中身の面に関してもそのように言われています。 できるだけシンプルにするっていうことでわかりやすいですよね。 結構ごちゃごちゃっと入っているスライドだとどうしてもどこを見ていいかわからないというところがあるので まずはシンプルにしていくと。きちんとこのスライドで何を伝えるかっていうところを明確にしていくということが大切になります。 その際にできれば画像とかを使ってイメージで結構綺麗にやっていくとわかりやすいというかデザイン的にもいい感じになると思います。 その画像の使い方も二つあって、一つは全面的に画像を引いてしまって、それで例えばちょっと黒い透明度をもしも変えれるんだったら 画像を透明度を落として背景を仮に黒とかにしてあげて、透明度を落とすと文字がその上に入れやすいので、できるだけ太い文字とか大きめな文字とかで 例えばメッセージを入れて、イメージはそのメッセージに紐づくようなものをフリーの素材集とか見ながら入れてあげると結構いい雰囲気になります。 とはいえ全部の全部にスライドを画像を入れるの大変なので、メッセージを強く訴求したいところとかは画像をうまく活用しながら全面に引いたりとか、 あとは左のほうに3分の1ぐらいスペースを使って、あまり余白を設けずに画像をパッと入れてあげて、右にメッセージの訴求をシンプルに入れてあげるとかってやるだけでも結構雰囲気変わってくるので、 画像をうまく使ったりとか、絵をうまく使うとスライドの雰囲気が良くなるというふうに思います。 2つ目は、視覚的な階層構造を明確にしていくと。これどういうことかというと、例えばタイトルとかサブタイトルみたいなものっていうのを3つ目にもう1回紐づくんですけど、 そのルールをきちんと明確にするということですね。例えばそのスライドのタイトルに当たるものっていうのは上部に設けて、例えば上部に入れてこの文字サイズで、このフォントで、 例えばその下にちょっとアンダーラインというか線を引くのか、また境界線みたいなものを引いてコンテンツとの差別化を図るのかみたいなところで、 きちんとタイトルとして、これはタイトルなのであるというところのルールを作っていく。あとは、例えば大見出しがあって、中見出しがあって、本文があってみたいな感じで、 それぞれをこの訴求は大見出しなのであるというところと、中見出しみたいなところのルールを作って、ちゃんと見ている人が、このスライドはこのことを言ってるんだというところをきちんと見せてあげる。 例えばこれも、さっきの画像の使い方なんですけど、例えば全部同じ例えばとしても単調なので、例えば大切なところでは全面的に画像を引いて、ちょっとその画像を薄くして文字を大きく見せてあげる。 また、あるページでは左側に画像が余白なしで置いてあって、フチなしって感じですかね。フチなしで置いてあって、右側に例えばメッセージ。あるページでは反対側に例えば右側に画像があって、左側にメッセージみたいな感じで、そこのメリハリというか、ページごとにデザインをいくつかバリエーションを作ってあげると、 似たようなレイアウト、画像が違ったりするだけなんですけど、結構雰囲気として違ってくるので、その単調にしないで各ページのルールをきちんと明確にするというところはやってみると、結構スライドの雰囲気が良くなるのでおすすめです。 最後3つ目が一貫性ですね。一貫性を保っていくと。それはどういうことかというと、例えば色とかフォントとか、そういったレイアウトみたいなものをスライド全体できちんと統一感を持ってやっていくという感じですね。これも大変じゃんと思うかもしれないですけど、例えば一番初めの表紙のデザインとまた大見出しみたいな感じで、 例えば第一章みたいな感じですかね。そういったところのデザインを作って。あとは各ページの内容に関しては、さっき言ったような画像を例えばバリエーションを入れてあげるとか、仮に文字だけだとしてもきちんとワンセンテンスとか一つのメッセージにしてシンプルに訴求してあげるとかというふうにすると良いです。 もう本当にデザインちょっとなかなか作るの大変だってなるんだったら、黒背景とかで割と白い文字でドーンと大きめな太い文字で入れてあげるっていうのは結構ですね、黒の背景ってただただ入れるだけで割とデザインが持つんですよね。真っ白でこうやっちゃうとちょっとデザインしてないなって感じになるんですけど、黒い背景だと結構持つんですよ。 昔よくスティーブ・ジョーズとかがプレゼンするときに、KeynoteっていうAppleのやつで黒い背景で白い文字みたいな感じで、割とメインのスライドを作ってたりとかしたので、そんな感じで黒い背景で白い文字っていうのは一見シンプルなんですけど、結構雰囲気があるんですよね。 やっぱり黒が背景だと強いので、それだけで絵が持つというかデザイン的には持つので、なんで写真選ぶのがめんどくさいなとか、何かしらでもデザインちょっとちゃんとしていきたいんだよなっていう方は、もう黒背景で白い太めの文字を大きめにシンプルなメッセージとともに入れてあげる。 それが各ページ、何か伝えたいことを入れてあげるってするだけでも、結構雰囲気としてはいい感じになっていくと思います。 そんな感じですかね。とりあえず3つですね。復習すると1つ目がシンプル。2つ目が階層構造ですね。階層構造を明確にしていく。あと3つ目が一貫性というところになります。 やっぱりスライドってどうしても作っていくとデザイン結構大変だと思うんですけど、本質的には中身なんですけど、デザインが素敵なスライドって見てても雰囲気がいいというか、なんかオシャレな人みたいな感じですよね。 スーツ着てオシャレじゃない人、清潔感がない人よりは清潔感があったりとか、あとはオシャレな人の方が話を聞く気になれるというか、そういうところがあるので。 結構その見た目というか、そこはスライドのデザインとかもこだわっていくと、当然話の内容、コンテンツが重要という前提ではありますけど、よりその内容が伝わるような形になるんじゃないかなというふうに思っております。 # 1/22デザインの解剖図鑑が発売 お知らせをさせてください。 1月22日にデザインの解剖図鑑が門川さんから出版されます。 全編図解でデザインのティップスやマインドをまとめた書籍となります。 Amazonのリンクをこのチャプターにつけておきますので、 興味のある方はぜひチェックしてみてください。 # 初心者デザイナー向けに特典を配っています！ デザイナーって自由な働き方ができるので、始める方がとっても多いんですけど、収益化するのが結構大変なんですよね。 なんで、辞めちゃう人がとっても多いんです。 でも、僕はデザインをやっていて、人生が変わったので、そんな初心者のデザイナーの方を応援するために、公式LINEで特典を配っています。 こちらもチャプターにリンクを貼り付けておきますので、よろしければご覧ください。 ちょっと噛んじゃった。 # 青山作家EXPO 1月12日日曜日に東京の青山ブックセンターで行われる青山作家エキスポに作家として登壇します。 こちらのチャプターにリンクを貼り付けておきますので、ぜひチェックしてみてください。 オンラインもありますので、地方の方とかでも興味があればぜひ確認してみてください。 # おまけ それではおまけの放送を撮っていきます。 今日はですね、スライドデザインについて話してみたんですけど、 やっぱですね、僕今回このVoicyを始めるときに、 デザインをいかに音声で伝えるかっていうのは、結構ひとつテーマなんですよね。 だから今回のスライドも、画像の見せ方をなんか、 例えば全面に引くとか、3分の1左側、右側みたいなのって、 音声で伝えるには結構限界はあるよなぁと思いながらやってみました。 これですね、やってみて、なかなかですね、 伝わりづらいところもあるかもしれないですけど、 僕もですね、語彙力を上げながら、 きちんとですね、音声でもデザインのポイントとか、 やり方みたいなものを伝えられるようにしていきますので、 何かですね、わからないところとかあったら、 コメント欄とかで聞いていただけると嬉しいです。 今回ですね、どんぐりバーバーさんから、 そういったリクエストをもらったので、 皆さんもですね、もしデザインに関して、 ここをいつも迷うんですよねとか、 なんかこう、これ困ってますみたいなのを、 全然デザイナーの方じゃなくても大丈夫なので、 何かあればですね、もうサクッとテーマにして、 Voicy収録しますので、 もし何かあればですね、 お気軽に質問とかリクエストをいただけると嬉しいです。 あとですね、今日からもう娘たちが、 昨日か、昨日からもうすでに学校が始まっているので、 今日からかな、今日から始まっているので、 割と今日はですね、前半のパートは、 割と本域でできたんですけど、 今本編とこの最後のおまけは、 もう夜収録しているので、 もう子供たち帰ってきている状態なので、 ちょっとひそひそ収録してますけれども、 明日からですね、普通に誰もいない状況で、 思いっきり収録できると思うと結構楽しみなので、 その声の張り具合みたいなところもですね、 ちょっと違いを感じていただけたら楽しいかなと思います。 ここまで聞いていただきありがとうございました。 また明日。