キャラばれのすすめ

Slide 1

Slide 1 text

日本デザインセンター　関口裕女子美術大学短期大学部　空間・情報デザイン概論 ─ 特別講義キャラばれのすすめ 1

Slide 2

Slide 2 text

スライドは配布します。気になったキーワードは、後でゆっくり調べてみてください。 2

Slide 3

Slide 3 text

https://www.sli.do/ 講義中、いつでも質問ください。終了後、可能な範囲でお答えします ! 手元のプリントのハッシュタグで入れます。スマホも OK、ログイン不要。 3

Slide 4

Slide 4 text

自己紹介 4

Slide 5

Slide 5 text

関口裕（せきぐち・ゆたか） D E S I G N E R 5

Slide 6

Slide 6 text

Slide 7

Slide 7 text

Slide 8

Slide 8 text

Slide 9

Slide 9 text

ht t p://www.hanare nohe ya.com 9

Slide 10

Slide 10 text

日本デザインセンター　オンスクリーン制作室　クリエイティブディレクター・デザイナー｜静岡文化芸術大学でプロダクトデザインを修めた後、エディトリアルデザイン・情報デザインを扱うデザイン会社、コンセント（旧アレフ・ゼロ）に就職。雑誌を中心に書籍や広報誌など紙媒体のデザインに携わった後、大規模・中規模のコーポレートサイトやブランドサイトなどを軸としたデジタルメディアのデザインに従事。設計の上流工程からグラフィックのフィニッシュワークまで、幅広く関わりデザインを手掛ける。近年はクリエイティブディレクターとしてプロジェクトそのもののデザインを行う。メディアや規模感・価値観の違う案件を同時に進めるのが好き。雑誌や広報誌、書籍のデザイン … 5 年ウェブサイトを中心としたデザイン … 8 年目 10

Slide 11

Slide 11 text

35 years old. 11

Slide 12

Slide 12 text

さて 12

Slide 13

Slide 13 text

Slide 14

Slide 14 text

Slide 15

Slide 15 text

Slide 16

Slide 16 text

Slide 17

Slide 17 text

Slide 18

Slide 18 text

Slide 19

Slide 19 text

35 years old. 19

Slide 20

Slide 20 text

17 years. 20

Slide 21

Slide 21 text

Slide 22

Slide 22 text

design. 22

Slide 23

Slide 23 text

? 23

Slide 24

Slide 24 text

デザインで生きていくキャラばれのすすめ［今日のお題］ 24

Slide 25

Slide 25 text

お前 i s だれ 25

Slide 26

Slide 26 text

事例紹介 1 26

Slide 27

Slide 27 text

Slide 28

Slide 28 text

Slide 29

Slide 29 text

Slide 30

Slide 30 text

Slide 31

Slide 31 text

Slide 32

Slide 32 text

Slide 33

Slide 33 text

Slide 34

Slide 34 text

Slide 35

Slide 35 text

Slide 36

Slide 36 text

Slide 37

Slide 37 text

Slide 38

Slide 38 text

Slide 39

Slide 39 text

Slide 40

Slide 40 text

Slide 41

Slide 41 text

Slide 42

Slide 42 text

Slide 43

Slide 43 text

Slide 44

Slide 44 text

Slide 45

Slide 45 text

Slide 46

Slide 46 text

Slide 47

Slide 47 text

Slide 48

Slide 48 text

Slide 49

Slide 49 text

Slide 50

Slide 50 text

Slide 51

Slide 51 text

Slide 52

Slide 52 text

各書籍担当者が自由に、任意で追加入力データベースから + 広報チームから［公式］ 52

Slide 53

Slide 53 text

Slide 54

Slide 54 text

Slide 55

Slide 55 text

Slide 56

Slide 56 text

Slide 57

Slide 57 text

Slide 58

Slide 58 text

Slide 59

Slide 59 text

Slide 60

Slide 60 text

Slide 61

Slide 61 text

Slide 62

Slide 62 text

Slide 63

Slide 63 text

Slide 64

Slide 64 text

h t t p s :// y o u t u . b e / U R f kd C F 63g A 64

Slide 65

Slide 65 text

デザイン（的なもの）とわたし 2 65

Slide 66

Slide 66 text

隣の席のコナン君（仮）「やっぱアドビだよね」 66

Slide 67

Slide 67 text

P ho t oshop でお絵かき 67

Slide 68

Slide 68 text

I l l u s t r a t or で CD ジャケットとか（デザイン？） 68

Slide 69

Slide 69 text

美術の先生「キミ根暗でしょ。無理しなくていいよ」 69

Slide 70

Slide 70 text

いいのか。 70

Slide 71

Slide 71 text

（親をだまして？工業デザイン科へ） 71

Slide 72

Slide 72 text

結局グラフィックに。仲間とサークル結成 72

Slide 73

Slide 73 text

クラブイベントのフライヤー 73

Slide 74

Slide 74 text

Adobe ツールのインストラクター（バイト） 74

Slide 75

Slide 75 text

イベント企画・運営・デザイン 75

Slide 76

Slide 76 text

↓ チラシの裏面 76

Slide 77

Slide 77 text

文字を組む仕事 → エディトリアルへ 77

Slide 78

Slide 78 text

文章の構造を読み解いて「割る」 78

Slide 79

Slide 79 text

「先割」「アタリ」「デザイン入れ」の雑誌制作 79

Slide 80

Slide 80 text

自分なりに理解してデザインを「指定」する 80

Slide 81

Slide 81 text

「ルールを作っては壊す」連載記事のフォーマット職人 81

Slide 82

Slide 82 text

「冷蔵庫のありもので仕上げる」特集記事のスピード感 82

Slide 83

Slide 83 text

ケンカしまくりの A D （真似しないでね） 83

Slide 84

Slide 84 text

エディトリアルは情報設計（I A ）だからできないはずがない by P h .D. ↓ ウェブ転向の辞令、辞めずにすむ 84

Slide 85

Slide 85 text

大規模ウェブ、意外といける 85

Slide 86

Slide 86 text

編集者（玄人）ではない人たちとのやりとり 86

Slide 87

Slide 87 text

レイアウト屋さん ↓ 資料つくり屋さん（言語化） 87

Slide 88

Slide 88 text

企画や設計が良くないと美しいものが世に出ない 88

Slide 89

Slide 89 text

正論だけでは足りない、信頼が欲しい 89

Slide 90

Slide 90 text

対面の関係ではなく、隣に座って同じ方向を見てデザインしなさい 90

Slide 91

Slide 91 text

流れで転職、クリエイターの園へ 91

Slide 92

Slide 92 text

なんかみんな、めっちゃできる。 92

Slide 93

Slide 93 text

翻訳係でいいかな 93

Slide 94

Slide 94 text

クリエイティブディレクター（謎） 94

Slide 95

Slide 95 text

キャラとキャリア 3 95

Slide 96

Slide 96 text

新人時代、ミスばかりビビりすぎてろくに使えない 96

Slide 97

Slide 97 text

これではまずい自分ひとりでやる仕事を社内でかき集める 97

Slide 98

Slide 98 text

裁量も責任も自分なりふりかまっていられない 98

Slide 99

Slide 99 text

Slide 100

Slide 100 text

キャラばれ 100

Slide 101

Slide 101 text

ばれ前 → 101

Slide 102

Slide 102 text

ばれ前ばれ後 → 102

Slide 103

Slide 103 text

めっちゃ素で電話するなど 103

Slide 104

Slide 104 text

意外と楽 104

Slide 105

Slide 105 text

不器用なので、ものごとの整理はカラダで覚えました 105

Slide 106

Slide 106 text

ウェブ仕事＝関係者が多い説明が必要 ↓ 言葉にできないとポシャる 106

Slide 107

Slide 107 text

えらそうに（自信を持って）伝えないと信用してもらえない嘘はつけない＝自分が納得している必要 107

Slide 108

Slide 108 text

（当事者意識と反復） 108

Slide 109

Slide 109 text

チームや制作物の内容についてまず自分自身が腹落ちするためにすべてを整理する 109

Slide 110

Slide 110 text

目の前の人になにができるか 4 110

Slide 111

Slide 111 text

（バタフライ効果）（3 つのエクストリームユーザー）（ヒューリスティックな仮定） 111

Slide 112

Slide 112 text

人間は透明になれない 112

Slide 113

Slide 113 text

ただそこにいるだけでなにかのフィルターになる 113

Slide 114

Slide 114 text

目の前にいる人になにができるかが、デザインのアウトプットを左右する 114

Slide 115

Slide 115 text

遠くの誰かの「大きな正しさ」より、自分自身の「小さな正しさ」が必要 115

Slide 116

Slide 116 text

極論なんでもいい。デザインしなくてもいい 116

Slide 117

Slide 117 text

まとめ 5 117

Slide 118

Slide 118 text

（デザインをひとに任せない） 118

Slide 119

Slide 119 text

（デザインを他人事にしない） 119

Slide 120

Slide 120 text

（まず、自分から）キャラバレ 120

Slide 121

Slide 121 text

【得意なことを見える化】どんな人でも、自分のスキルを可視化すると周囲の人を巻き込める。【感覚の共有】共通言語をつくる。その場に必要な価値観を、阿吽にせず言葉にしよう。 121

Slide 122

Slide 122 text

「共通言語」からアイデアやコンセプトはつくられていく－松倉早星インタビュー（ 1 ） | デザイン情報サイト [ J DN ] h t t p s ://w w w. j a p a n d e s i g n . n e . j p / i n t e r v i e w/ m a t s u k u r a - s u b a r u -1/ 122

Slide 123

Slide 123 text

何かひとつクリエイティブで課題を解決しても、プランナーなのでそこの奥にある課題が見えちゃったりします。本当はそこも手をつけたい！でも、依頼としてはすでに終わっているので「お疲れ様でした！」で終わってたんです……。でも、どうしても言わずにはいれなくなって、伝え出したのが去年あたりからです。「言われるまで気づきませんでした」としっかり聞いてくれて、いままで点だったできごとが線になり、面をつくれる手応えを感じました。リサーチとプランニングにしっかり向き合える会社をつくりたい－松倉早星インタビュー（ 2 ） | デザイン情報サイト [ J DN ] h t t p s ://w w w. j a p a n d e s i g n . n e . j p / i n t e r v i e w/ m a t s u k u r a - s u b a r u - 2 / 123

Slide 124

Slide 124 text

“ デザイン作業の前後 ” を整理する。 124

Slide 125

Slide 125 text

目の前の課題を自分自身のものにする 125

Slide 126

Slide 126 text

Science of design He r b e r t A . S i m o n 126

Slide 127

Slide 127 text

デザインとは、現状を少しでも望ましいものに変えようとするための、一連の行為 He r b e r t A . S i m o n | “ T h e S c i e n c e o f t h e A r t i fi c i a l ” , T h e Ma s s a c h u s e t t s In s t i t u t e o f Te c h n o l o g y, 1 9 7 8 127