グラフィックレコーディング勉強会in静岡 160220のスライドです。 © 2016 グラフィックレコーディング勉強会, Naoka Misawa, Azumi Wada

1. グラフィックレコーディングをやってみよう！
グラフィックレコーデイング勉強会 in静岡
2016年2月21日 和田あずみ
グラフィックレコーディング勉強会, Naoka Misawa, Azumi Wada

2. グラフィックレコーディング！

3. グラフィックレコーディング！
Photo: Toshiya Kondo

4. グラフィックレコーディング！

5. 本日はよろしくお願いします！
ファシリテーター
和田あずみ
アドバイザー
三澤 直加
株式会社グラグリッド 取締役
エクスペリエンスデザイナー / コンサルタント
株式会社DeNAトラベル ディレクター
グラフィックレコーディング
名古屋友紀
スタッフ
野田佳穂莉
スタッフ
川田学
株式会社ミツエーリンクス ディレクター
スタッフ
安武伸朗
常葉大学造形学部 安武研究室 常葉大学 未来デザイン研究会
株式会社メンバーズ

6. ワークショップのねらい
自分の活動の中で役立つこと
やってみたいこと
一つでも見つけて欲しい！
グラフィック レコーディングの活用方法を知る！
自分でもやってみる！

7. ワークショップのポリシー
“習うより慣れろ”
・グラフィックレコーディングはスポーツ！
・やればやるほどうまくなる！

8. ワークショップのポリシー
“個性を活かそう”
・色をどんどん使おう！
・自分なりの工夫をしながら進めよう！

9. ワークショップのポリシー
“身体で描き、身体で理解せよ”
・身体全体をつかって、大きな線を書くことで習得が早くなる！
・紙の抵抗感を感じて書くと、線が活き活きしてくる！

10. ワークショップの進め方
• 自己紹介と準備運動
• さまざまな視覚化の技法
• グラフィックレコーディングってどうやるの？
• 美しく描くための基本を知ろう！
• 聴き取りトレーニング
• 表現するトレーニング
• 構造化トレーニング
• グラフィックレコーディンをやってみよう！
• リフレクション
• グラフィックレコーディング、どう使えそう？

11. 自己紹介
A3の紙、めいっぱい大きく。（3分）
「好きな食べ物のイラスト／今日の意気込み
あなたのニックネーム」
あなたが
春に食べたい食べ物を
絵で描いてください！
+今日の意気込み一言！

12. いろんなところで役に立つ
さまざまな
視覚化の技法！

13. どちらの記録を「読みたい！」と思いますか？

14. さまざまなシーンでつかえる「視覚化の技法」
講演会で
対談の場で
会議で
座談会で
アイデア出し
の場で
戦略会議で

15. グラフィックレコーダーネットワーク（日本）
講演内容をみんなの前でグラフィカルに記録する

16. 講演内容をみんなの前でグラフィカルに記録する
さっきの話
こういう
見方もあっ
たのか！
© Naoka Misawa
そうそう、
こんなコト
言ってたな
グラフィックレコーディング

17. 見解をぶつけあうためのきっけけに
おれはそう
思わない。
あの、部分、
おれはこう
思う。
吹き出しは、勝手な妄想です。

18. イベントを盛り上げる一つにしかけにも
創造的な
雰囲気！

19. 講演内容を楽しいノートにまとめてシェア
GR: Satomi Wanami
スケッチノート

20. 講演内容をノートにまとめてシェア
ダイジェス
トが把握で
きる！
こんな話を
してたん
だ！
(c) Satomi Wanami
スケッチノート

21. 対談やパネルディスカッションでも同様に
議論のポイ
ントはここ
かな
この人達が
来てたんだ
© Naoka Misawa
スケッチノート

22. 議論の場で、意見を書き出す

23. 議論の場で、意見を書き出す
©Naoka Misawa
グラフィックファシリテーション
©Naoka Misawa
どんどん
絵になるから
発想しやす
い！
他の方向性
でも考えて
見よう

24. 座談会やインタビューの場で、意見を書き出す
© Naoka Misawa スケッチノート

25. 会議の場でアイデアをスケッチする
© Naoka Misawa
アイデアスケッチ
どんどん
絵になるから
発想しやす
い！
見てたら
閃いた！

26. 視覚化の効果
②参加者が
アイディア、
議論プロセスを
理解しやすくなる
③情報を俯瞰
することで、
新たな発想を生む
①頭の中にある
アイディアを
形にできる
見えないものを視覚化することで、参加者の意欲が上がり、
アイディア創発の場や会議での合意形成を促す

27. グラフィックレコーディングとは、
会議での議論の内容や構造を即座に視覚化
する方法です。
イラストや図表、モデル図やチャートを効果的に使い、
情報を視覚的にわかりやすく共有できるので、
アイデア創発の場や、大勢での合意形成に役立ちます。
グラフィックレコーディング
Copyright © 2015 Glagrid Inc. All Rights Reserved.

28. グラフィック
レコーディングって
どうしたらできるの？

29. グラフィックレコーディングとは
会議での議論やカンファレンスの流れ等、
情報を即座に、グラフィカルに視覚化し、共有する手法
絵を
描く？
人に
見せる？
即座
に？

30. グラフィックレコーディングの障害
普段の
自分のノートには
どんな課題がある？
絵を描くのが
苦手…
書くのが怖い言葉が散乱して
何がいいたかったか
結局わからん
書いている間に
議論が進んで
追いつけない！
うまく描かなきゃ
って思うと
頭が真っ白
とっさに何を
選んで書くべきかが
わからない
書いてはみたけど
自分以外は
わからなさそう

31. グラレコ課題分割
聴きとる 表現する 構造化する
まずは情報を「聴く」
何を話しているのか、
意識して
聴きとっていく
聴いたものを「表現する」
聴きとったものを
スピーディーに
伝わるイラストや
記号で表現する
表現を「構造化する」
描いた絵や情報の
関係性をとらえ
構造化する

32. グラレコ課題分割(今回のワーク)
聴きとる 表現する 構造化する
まずは情報を「聴く」
何を話しているのか、
意識して
聴きとっていく
聴いたものを「表現する」
聴きとったものを
スピーディーに
伝わる絵にする
表現を「構造化する」
描いた絵や情報の
関係性を考え
構造化する

33. 美しく描くための
基本を知ろう！
3つのトレーニング、その前に

34. グラレコでつかう道具（基本セット）
環境に合う
大きさの紙
裏写りしない
太いカラーペン
はがしやすい
テープ
メモ＆調べ物
スマホ
メモ＆構造検討
ポストイット
修正用
ラベルシール

35. 基本的なペンの持ち方
プロッキーの太いほうで、うまく描くための持ち方
尖った方を
親指側に持つ

36. 基本的なペンの使い方
ペン先全てを使って、
しっかり押しつける
ペンを置くだけで
こういう形ができる

37. 基本的なペンの使い方

38. 基本的なペンの使い方

39. 基本的なペンの使い方

40. 基本的なペンの使い方

41. まっすぐな線で、美しい文字がかける！
ペンの向きが固定されていないと、不安定な文字に
ペンの向きが固定されると、文字も安定して、
スピーディーに書けるように
名づけて：プロッキーフォント！

42. ペンに慣れるために描いてみよう
波線
長い線
ぐるぐる線
いろんな文字

43. 細かい文字を書きたい時のペンの持ち方
プロッキーの太いほうを、そのまま回転！
ペンを回転させ
芯を縦向きにする
尖った部分を
下に向ける

44. 太い方でも細かい文字が書ける！
↓芯を縦向きにすると、細くて繊細な線がかける。

45. 聴きとる
トレーニング１

46. 大事なことを聴きとる練習
①A3用紙とペンを用意
②スピーカーの話を
ききながら
そこに登場する「モノ」
をすべてメモしてください。
高速で
話します！
※自分用にメモできればOK
綺麗な文字で書く必要はありません。
全部書き取れるように、頑張って行きましょう！

47. チーム内で振り返り
いくつ聞きとれた?
難しかった「モノ」は?
全部聴きとるために
やっていた工夫は？
etc..

48. 全体で振り返り
聴きとるために
できる工夫？

49. 休憩
休憩タイム

50. 事例紹介
常葉大学造形学部 安武研究室
未来デザイン研究会

51. 表現する
トレーニング2

52. 自分なりの簡単人間を描く
パーツの配置を意識して顔を描こう！

53. 自分なりの簡単人間を描く

54. 自分なりの簡単人間を描く

55. 自分なりの簡単人間を描く

56. 自分なりの簡単人間を描く

57. 自分なりの簡単人間を描く
眉毛が、目のくぼみに
入ってしまう
☓
眉毛を書く時には
目の周りと間隔をとろう。
なんか変・・・
骸骨の形を想像・・・

58. 顔の表情を描いてみよう

59. 顔の表情を描いてみよう
嬉しい
口をあけ
口角を上げる

60. 顔の表情を描いてみよう
怒り への字口と
逆ハの字眉

61. 顔の表情を描いてみよう
悲しみ への字口と
ハの字眉

62. 顔の表情を描いてみよう
驚き！ 目と口が
開く

63. 顔の表情を描いてみよう
わかった！ 上向きで
口が少し上に

64. 顔の表情を描いてみよう
困った ハの字眉を
しかめる

65. 顔に傾きをつけることで、意思がこもる
顔の表情＋傾き

66. 体の動きでさらに感情豊かに

67. 体の動きでさらに感情豊かに

68. よくつかうポイントにはマークを！

69. 自分のイチオシを紹介
チームでシェアする
チームの人の表情をみて
うまい、と思ったものを
称え合おう！

70. 3構造化する
トレーニング

71. さまざまな、構造化パターン
リスト ラディアル クラスター
グリッド／テーブル ダイアグラム

72. 72
さまざまな、構造化パターン
例
内容でまとめずに、意見を、そのまま書き
出し並べる。箇条書きに書く。
リスト

73. ラディアル
さまざまな、構造化パターン
例
情報を矢印や枝でつなぎ、情報全体のつ
ながりとひろがりを示す。

74. クラスター
さまざまな、構造化パターン
情報の内容を意識し分類しながら、情報
の種類、関係性を見つけていく。
例

75. 75
構造化のポイント
同類を囲い、
まとまりとして
見せてあげる
大事なコトバは、
強調して
見せてあげる
関係性を
矢印を使って
表現する

76. でも、実際はどうするの？
綺麗に構造化したいけど
最初から
なんてわからない・・・
よくある型から入ってみよう！

77. すぐに使えるテンプレート
スピーカー テンプレート

78. すぐに使えるテンプレート
サンプル

79. すぐに使えるテンプレート
ビジョン テンプレート

80. すぐに使えるテンプレート
サンプル

81. テンプレートを使って書いてみよう！
お題：
あなたがが来年までに
やってみたいことを描いてください。
①近くの人２〜３人
で話す時間をつくり
ます。（５分）
②１人ずつ書いてみ
ましょう。（10分）

82. 休憩
休憩タイム

83. グラフィック
レコーディング演習

84. グラフィックレコーディング演習
https://www.youtube.com/watch?v=ldybnuFxdiQ

85. はりだして、シェア
「これいいな」って思ったグラレコは
ふせんに一言感想をかいて投票！
どんなところが
よかったですか？

86. リフレクション

87. チームで自由に対話（5分間）
テーブルに紙を広げて、みんなでメモをとりながら
仕事に活かす方法を考えよう！
グラフィックレコーディング
どんなところで使えそう？
87

88. 視覚化の効果
②参加者が
アイディア、
議論プロセスを
理解しやすくなる
③情報を俯瞰
することで、
新たな発想を生む
①頭の中にある
アイディアを
形にできる
視覚化することで、参加者の意欲が上がり、
アイディア創発の場や会議での合意形成を促す

89. どんな時につかうと効果がでやすいか？
１．
価値観が違う人／異なる分野の人と
情報を共有したり議論する時
２．
行く先が見えていない、
創造的な議論をする時
３．
いち早く活動を共有・発信
したい時

90. さいごに
筋肉は一日にして成らず

91. さいごに
仲間と一緒にグラレコ筋トレ！
グラフィックレコーディング勉強会
https://www.facebook.com/graphicrecord
これからグラフィックレコーディングを
勉強したい方むけ！
新しいワークショップのご案内や
勉強会メンバーのグラフィックレコーディング
活動をレポートします
グラフィックレコーディング勉強会
参加者グループ
https://www.facebook.com/groups/grworkchop
グラフィックレコーディング勉強会のワーク
ショップに参加した人向けのグループ。
自分の日々の工夫や、チャレンジしたこと、悩
みetc共有していく場です。
ワークショップできけなかった質問等も大歓迎。
みんなで一緒に楽しくグラレコを練習しましょ
う～！

92. おすすめの本
会議を視覚化する・進行するぞ！ 描く基礎力をつけよう！
もっと、グラフィックレコーディング
がうまくなりたい！（英語の本）
ドイツneuland社

93. 初心者向けグラレコテンプレート
• スピーカーテンプレート
http://www.glagrid.jp/toolbox/toolbox_05.php
• ビジョンテンプレート
http://www.glagrid.jp/toolbox/toolbox_06.php
• アイデアスケッチテンプレート
http://www.slideshare.net/Naoka