見出し画像
Photo by eisukeai

JUNさんの投稿をじっくり見てみる

PowerPoint+

JUNさんの毎日投稿100をじっくり見てみる。

JUNさんの毎日投稿100とは
JUNさんが2020年7月29日から11月５日にかけて100日連続でパワポについてツイートした投稿のことを指します。

全投稿の中から自分が個人的に特に勉強になった！というものを抜粋してじっくり見ていきたいと思います。

JUNさんはガチですごい人なので、私みたいな人がとやかく言うのは違うと思うのですが（笑）おこがましいと思いつつも、広めたい情報だったので書いてみたいと思います。※記事を書くことは許可をいただいています。


自分はデザインの勉強をするときに、もちろんただ眺めるだけということもしますが、こうして、そのデザインのどこがよいのかを言語化するということをよくやります。なので、今回は自分がどういうところに注目しているのかも参考にしていただければ幸いです。（未熟者ですが）


今回はJUNさんの投稿のたびにメモを取っていたので、その抜粋になります。

記念すべき第1回目の投稿です。本当に100日やりきるのか...とこの時は思っていました。

画像7

画像6

Afterのデザインが素晴らしいということもそうですが(一般的に色をたくさん使えば使うほどいい感じにまとめるのは難しいです。)、注目は使用しているグラフのタイプも変更しているということです。Beforeのグラフでは、その年の年代別の違いは分かっても、全体の比較がわかりにくいですよね。

グラフを使うと説得力が増しますが、ただやみくもに使えばいいというのではなく、何を伝えたいのかを考えそれにあったグラフを選択する力が重要なんですね。

後どうでもいいですが、「項目」の部分も、めちゃくちゃいろいろ言葉をひねり出しているのがツボです。（笑）

この資料のBefore⇒Afterは圧巻です！

原本の文章量をきれいに整理しなおすには、単にデザインセンスやスライド技術だけではなく、内容をかみ砕いて理解する力が必要になります。こればっかりは、日ごろからの積み重ねだと思いますので、JUNさんの能力と努力が垣間見れます！すごすぎます～。

イメージと内容がリンクすることでとても印象に残るスライドになります。

色の使い方の参考になります。

色はうまく使うことで内容理解の助けにもなれば、逆にノイズになってしまうこともあります。せっかくたくさん色を使ったのに、逆に内容理解をさまたげていた....なんてことが起こったらあまりにも残念ですよね。

基本的にスライドを作る際は色を絞った方がうまくいくのですが、どうしても色をたくさん使う場合はこのツイートを参考にしてみたいですね！特にテーマごとで統一するのは簡単にできるので真似したいです。

画像5

写真をうまく組み合わせることでシンプルながらも、カッコイイ印象を作ることができますね！

今回は木目のテクスチャになりますが、ほかにも水彩画のテクスチャや芝生のテクスチャなんかも効果的に使うことができそうです。（そのうち自分もツイートしてみます。）

家具をあえて切れる場所に置くことで、スライド画面の外側の世界も知らずのうちにイメージさせることができるので、こうした使い方はマネしたいですね！

知らず知らずのうちに人は枠の中に自分の思考を留めたくなりますから。

こちらもはみ出す系のツイートですね。

本当に簡単にインパクトを作ることができるので、はみ出させるのはおススメです。勇気をもって一度こうしたスライドを作ってみることをお勧めします。

読ませるための文字ではなく、雰囲気のための文字。こうした使い方をできるようになるとワンランク上になる気がします！

図形の組み合わせ・色の組み合わせだけでもこんなカッコイイスライドが作れるのは驚きです！

個人的にまずお勧めするのが、こうした図形を組み合わせたスライドを作ってみるという勉強法です。

これの何がいいかというと、
〇使うものが決まっているから取り組みやすい。
〇形の大きさや位置関係など、デザインセンスを養ううえでめちゃくちゃ勉強になる。
〇形しかないので、色の選び方が超重要になってくる。色選びでカンタンに雰囲気が変わる。

写真とか、イラストとかをまず使ってスライドを作る前に、まずシェイプをうまく扱えるようになるといい感じになります！(自分が偉そうなこと言えないですが......)

画像4

画像3

JUNさんのブラッシュアップは毎回毎回すごいのですが、（どれくらい作成に時間がかかっているのか気になりますね......）

このブラッシュアップは特に参考になります。

まずは色使いですね。1色＋薄い色or灰色のみを使用することでカンタンに統一感が作れます。JUNさんであれば多色使いをしてもまとめりがあるデザインは作成できると思うのですが、自分も含めてまずは色を絞っていろんなデザインを試してみたいですね。

色を絞ると見やすいということもありますが、色を絞ることで色に頼らない強調の仕方や、構成を考える力を養うことができるという製作者視点のメリットもあります。

画像2

Amazonの口の部分を連続して使うことで、遊び心と統一感を実現。

背景を1色にするのではなく、こうしたロゴを少し背景色とずらしたものを配置するテクニックは使えますね！

JUNさんのスライドだと、ほかにもTSUTAYAのテンプレ案にも同じテクニックが使われています。ちょっと薄くしてみるテクニック！ぜひ使ってみたいです！

アニメーションをうまく使うことで、ポップな印象を与えることができます。アニメーションのスピードも調整することで、いろいろな表現をすることができますね。これも、先ほどと同じように、背景色とその色からちょっと暗くしたり明るくするテクニックが使われていますね。

画像1

背景にうっすら人の画像をしのばせることで、高級感を演出。写真部分にグラデーションをかけているのも見逃せません。

角にオブジェクトを置くことで、おさまりを付けることができるので、なんだかこのスライド安定感にかけるな、シンプルすぎるな...というときは２つか３つの角を抑えてみるのがおすすめです。

アニメーションの設定、画面切り替えの設定がめちゃくちゃ細かい...！ただアニメーションを挿入するだけではノイズになることがあるので、アニメーションのスピード画面切り替えのスピードを秒単位で調整することは重要ですね。

基本的にパワーポイントの標準のアニメーションは遅すぎて間延びするので、短くするのがおすすめです。

配色も落ち着いた雰囲気で全体としての調和がとれています。結構カラフルな配色を使うとバランスが悪くなってしまうので、難しいです....

個人的に3枚目と4枚目の表現が面白いなと感じました。

画像8

画像9

写真の一部分だけに色を付けたり、光らせたり...どうしてもそこに注目してしまいますよね。なんでもかんでも色を使うんではなくて、注目してもらいたいところにだけ色を使うことで、自然とそこに視点が誘導されるようなデザインを意識したいなと思います。

画像10

なんだか自分のスライドがうまくできてるか心配...文字を削る勇気もあまりない...という人は、まずこの要点ボックスを意識してスライドを作ってみるのがいい気がします！(自分も意識して使ってます。)

画像11

「縦割り」⇒「丸ごと」と一言メッセージがわかりやすい！【投稿59】の実践例ですね。４つの改革のまとめ方も特徴的でワクワクします。ただ単に箇条書きではなくこのようにまとめるというアイデアは非常に勉強になります。

私の方でもそのうち『パワポっぽさを脱却する《箇条書き編》』を書きたいと思いますのでお楽しみに。

あと、この投稿に限ったことではないですが、JUNさんの投稿を見ると、あまり枠線が使われていないことがわかります。塗りと枠線を使うと主張が強くなってしまい、画面全体で見たときに重要な部分がわかりずらくなってしまうことが多いで、塗りだけ、もしくは線だけにするのがわかりやすい資料の基本のようです。

これは、本物のブラッシュアップだそうです！いままではタイトルのみでしたが、今回は全体の流れまで含めて余すことなく公開していただいてます。

BeforeとAfterを比較するとその違いが一目瞭然ですね！

内容的には変わらないはずなのに、ここまで違うなんて...

町のシルエットと、緑色のふちに一体感があって素敵ですし、とてもマネしやすい気がします。(ただ、このふちの太さをどれくらいにするのがベストなのかっていうのは、意外と自分でやってみると難しいです。この事例の場合は下部分が若干ふとめになっていることで、安心感が感じられますね。)

画像12

人は内容だけで判断するのは難しいのです。デザインではなく、中身で勝負だ！といってもコンテンツがありふれている現代社会においては、なかなか目に留まってもらえません。

否定的に言えば、消費社会の功罪ともいえるかもしれませんが、今後デザインの重要性はもっと高まっていくと思ってます。

デザインができるできないの話ではなく、デザインの重要性や意味をくみ取れる人が今後社会におけるキーマンになっていくのではと、超個人的見解を述べておきます。

JUNさんの共有してくださったURLにはこのグラデーション以外にも、面白いコンテンツがあるので、ぜひ興味ある人は見てみてほしいです。

こういうテクスチャを背景に貼ったスライドを表紙に入れるだけで、見てる人からしたらおっとなる効果的なデザインになります。

あと、英語を使う際には日本語フォントではなく、ちゃんと英語フォントを使った方がしまった印象になるので手間はかかるかもしれませんが、おすすめです。

画像13

この図が最高にわかりやすいですが、パワポは本当に思っている以上にいろんなことができる子なので、みなさんもぜひぜひいろいろ触ってほしいです！

自分も、JUNさんに負けず、みなさんにパワポの魅力や可能性をどんどん発信していきますので、これからもお願いします！ぜひ参考になったことがあれば、リプやDMしてくださるとめちゃくちゃうれしいです。

画像14

地味に折れ線グラフの下側に薄く光彩をグラデーションでかけているところとか、そういう繊細なところが最高です。

後基本ですが、ロゴの色から色を抽出して全体を構成することで、統一感や世界観も出るのでおススメです。

みなさんこれ4枚で国旗になっているの気が付きました？
こういうテーマに沿ったデザインを裏テーマとして組み込むと、めちゃくちゃ感動しません？こうしたアイデアは個性が出るのと、日ごろから様々なことに関心を持っておくことがアイデアの引き出しになると思うので、自分も勉強します！

（社会科の教員的には、民主党は福祉＋国家、共和党は個人+競争だと思ってます。笑）

投稿100日連続無事終了です！めちゃくちゃすごいです。変態です！

最後のアニメーションも細かいところに着目するとめちゃくちゃ勉強になります。

今回紹介したのは一部ですが、ほかの投稿も参考になるものばかりなのでぜひJUNさんをフォローして過去投稿をご覧ください！

それでは、私もみなさんに参考にしてもらえるパワポの投稿と、みなさんを置いてけぼりにするパワポの投稿を織り交ぜながら頑張っていきたいと思います。


それではまた来週！


PowerPointにちょっと一工夫するだけで、ぐっと魅力的になりますよね！