【図解入門】シンプルな図の作り方｜櫻田潤🎨インフォグラフィック・エディター｜note

3年前に、図解の基本をまとめた本『図で考える。シンプルになる。』を書きました。その内容から、エッセンスを抽出したのが本noteになります。 （１）「幕の内図解」と「イチオシ図解」 図には、大きく分けて、2つのアプローチがあります。 ひとつは、幕の内弁当のように、いろんな要素を盛り込んだ図で、もうひとつが、唐揚げ弁当のように、イチオシのおかずにフォーカスした図です。 たとえば、桃太郎の話を「幕の内図解」のアプローチでまとめてみたのが、つぎの図です。 登場人物とエピソードをフラットに扱って、網羅的に盛り込んでいます。 この図を使って、人に説明しようとすると、「まず、お婆さんですが……」「つづいて、お爺さんですが……」といった具合に、「お婆さん」「お爺さん」「桃太郎」それぞれの視点に切り替えが必要になり、話す方も話しづらければ、聞く方もまどろっこしく感じてしまいます。 相手がじっくり聞く耳を持っ

[nondescript]

こういった考えのもとになるのが、ロジカルシンキングだと思ってる。ロジカルシンキングが身についていれば、同じ項目をまとめ、抜け漏れを確認して、自ずとシンプルになっていく。

[ma-fuyu]

仕事でこういうインフォグラフィックばかり作ってた時期があるけど、こう図解したらわかりやすいかな？と気付けるひらめきが大事なんだよね。ひらめくためにはこういうヒントをもとに沢山見て考えるしかない。

[kaz_the_scum]

電通の悪っぷりを上手く図解した海外メディアの記事があったけど、ああいったの重要だよなぁ。

[cozyconemotel]

図で大事なのは全部分からせることじゃなくて、詳細は（あと都合の悪い情報も）排除させて分かった気にさせることだって誰か言ってた

[gen-tatsumi]

シンプル＝簡易と勘違いし、更に簡易化を目的としている輩が多くて困る　意味と妥当性がないとインフォグラフィックの利点はない

[cielonlon]

図解の資料を作る時に迷いがちなポイントがスッキリ！

[yuichi0613]

こういうのって、最初はパワポで作らず紙で書くなあ

[wdnsdy]

イチオシ図解は自分の都合の良い部分だけを抜き出す図であると自覚して使うんならいい方法なんじゃないだろうか。その自覚なく使うんならちょっとまずいが

[fai_fx]

分かりやすい図ほど、他人を騙すのに便利なものはない。(John Law

[natu3kan]

フローチャートって実装する段階になってから必要だけど、最初は用途がふんわりと分かる概要とかあらましを一直線に俯瞰できる図の方がありがたいのは確かに。

[contractio]

幕内図解とイチオシ図解。ロンドン地下鉄網。

[gachakku0131]

[design]

[arrowKato]

図解

[Kameneko]

完全に求めていたやつ [デザイン][webデザイン][プレゼン][design]

[oka_mailer]

映画のシナリオを大枠で作ってそこからシーンを細分化させてくみたいなイメージか。

[sase]

丁寧な説明。ロジカル

[tkggkt]

メモだ

[mmtnchang]

図解

[tick2tack]

幕の内図解とイチオシ図解。プレーンで網羅的なのと作者の意図・情報処理が込められてるものと。目的にあったものを。ポンチ絵は前者。

[kei_0000]

「幕の内図解」正確、詳細な図。「イチオシ図解」何かをメインにしてシンプルに。ロンドンの地下鉄の図。目的を明確化して、意志をもって焦点を絞る。形、サイズ、色、線、距離で関係性を分かりやすく

[shibainu46]

ブコメが肯定的も否定的もあって面白い。包丁のように目的によってはとんでもないことに使える有用なツールということがよく解る。

[aoiro_moon]

今まさにこんなような図解を作ってたところだった。内容は理解したけど、こういう知識は使って馴染んで初めて「力」になるものなので、実際に作ってみての試行錯誤し始めてからがスタートって感じかなぁ

[benking377]

謎解き問題(頭文字だけで表すとか色と形だけで表すとかの)自分で作ってみると自然に身につくよ。伝える(出題)側からではなく、受ける(解く)側に立って理解(解ける)可能かまで考えて作るから。

[since20200516]

もとになるのは論理思考+戦略思考という気がする

[behuckleberry02]

『桃太郎』においておじいさんが空気である事実が暴かれてしまった。網羅しても途中で消えてしまう悲しい存在。

[mikuti2]

本当に何も知らない層に概略だけをまずは伝えたい時の図の作り方。 インフォグラフィックというらしい。

[fujitu]

面白い

[marmot1123]

“注：SNS投稿など、なぜ省いたのか細やかな説明が難しいシーンでは、多少丁寧に注釈を入れておいた方が安全です”NHKの広島のやつを思い出した。

[nn0]

わかりやすい！

[underd]

あとでよむ

[qinmu]

インフォグラフィック。

[domimimisoso]

だからおじいさんは「芝刈り」したのではなく「柴狩り」したの！

[remix-cafe]

後で見る。

[bokukanochat]

メモ

[a-shibata]

ブクマしても後で見返すことはほとんど無いけど、一応。覚えとくと便利そう

[babandoned]

この桃太郎の図、わかりやすいのか？何を伝えたいのか何も入ってこないし、例が悪すぎではないだろうか

[LM-7]

Vizの作り方でも重要。どこに着目してよいかわからないときには幕の内Vizになりがち。明確な意思のこもったイチオシVizができれば強力。ただ会社には多くの利害関係者がいるので結局は幕の内Vizが求められがち。

[ShimoritaKazuyo]

これ上手くないよ。真似してもコスパ悪いと思います。

[tessy3]

イチオシ図解のステップ1の意味がわからない。この時点で桃太郎ではないのになぜこの図になるのか？

[northlight]

幕ノ内が作れるけどシンプルなのもできるのが大事なのに、シンプルという名の抜け漏れしかないラクガキしてくる人が多いから困る。