ϯ
σ
β
Π
ษ
ڧ
ձ
ͱ
ࢁ
·
Ҋ
ਤ
EFTJHO
スピーカーɿ吉川圭太
(DERA-DESIGN)
「私がやってきたデザインの勉強方法」
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 2
Slide 2 text
デザインの勉強って
どうやってますか?
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 3
Slide 3 text
関わった時間が
スキルになります
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 4
Slide 4 text
10
000時間の法則
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 5
Slide 5 text
行住座臥デザイン
について考える
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 6
Slide 6 text
好きになることが一番
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 7
Slide 7 text
効率的に勉強にしたい
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 8
Slide 8 text
デザインを勉強する
3つの段階
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 9
Slide 9 text
● STAGE1 学ぶ
ɾ調べる
● STAGE2 見る
ɾ比べる
● STAGE3 感じる
ɾ考える
デザイン学習の段階
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 10
Slide 10 text
学ぶ
ɾ
調べる
STAGE1
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 11
Slide 11 text
STAGE1 学ぶ
ɾ調べる
基本やセオリーを知る必要があ
ります。
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 12
Slide 12 text
教えてもらう
STAGE1 学ぶ
ɾ調べる 方法①
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 13
Slide 13 text
先生、
上司、
先輩に教えてもらう
STAGE1 学ぶɾ調べる 方法① 教えてもらう
学校 会社 趣味
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 14
Slide 14 text
Webで学ぶ
ɾ調べる
STAGE1 学ぶ
ɾ調べる 方法②
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 15
Slide 15 text
STAGE1 学ぶ
ɾ調べる 方法② Webで学ぶ
ɾ調べる
オススメ
Webサイト
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 16
Slide 16 text
オススメWebサイト①
STAGE1 学ぶ
ɾ調べる 方法② Webで学ぶ
ɾ調べる
https://www.webcreatorbox.com/
Webクリエイター
ボックス
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 17
Slide 17 text
オススメWebサイト②
STAGE1 学ぶ
ɾ調べる 方法② Webで学ぶ
ɾ調べる
https://ics.media/
ICS MEDIA
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 18
Slide 18 text
オススメWebサイト③
STAGE1 学ぶ
ɾ調べる 方法② Webで学ぶ
ɾ調べる
https://schoo.jp/
Schoo( スクー )
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 19
Slide 19 text
本を読む
STAGE1 学ぶ
ɾ調べる 方法③
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 20
Slide 20 text
オススメの本
STAGE1 学ぶ
ɾ
調べる 方法③
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 21
Slide 21 text
オススメの本①
STAGE1 学ぶ
ɾ
調べる 方法③ 本を読む
ノンデザイナーズ
ɾデザインブック
Robin Williams [著]
吉川 典秀 [翻訳]
小原 司
ɾ米谷 テツヤ [日本語版解説]
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 22
Slide 22 text
オススメの本②
STAGE1 学ぶ
ɾ
調べる 方法③ 本を読む
けっきょく、
よはく。
他
injectar-e
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 23
Slide 23 text
オススメの本③
STAGE1 学ぶ
ɾ
調べる 方法③ 本を読む
アイデアのつくり方
ジェームス W. ヤング [著]
今井 茂雄 [翻訳]
竹内 均 [解説]
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 24
Slide 24 text
本を読む まちライブラリー
STAGE1 学ぶ
ɾ調べる 方法
@DERA-DESIGN
https://machi-library.org/where/detail/7137/
https://librize.com/deradesign
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 25
Slide 25 text
● 知識は多い方がいい
● 学んだことをやってみる
STAGE1 ポイント
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 26
Slide 26 text
見る
ɾ
比べる
STAGE2
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 27
Slide 27 text
STAGE2 見る
ɾ比べる
デザインはセオリー通り制作す
ればいいものではない。
実物を見
ることが必要です。
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 28
Slide 28 text
見本を探す
STAGE2 見る
ɾ比べる 方法①
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 29
Slide 29 text
STAGE2 見る
ɾ比べる 方法① 見本を探す
Webサイトで探す
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 30
Slide 30 text
Webサイトで探す①
STAGE2 見る
ɾ比べる 方法① 見本を探す
https://www.google.com/imghp
Google画像検索
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 31
Slide 31 text
https://www.pinterest.jp/
Pinterest
(ピンタレスト)
Webサイトで探す②
STAGE2 見る
ɾ比べる 方法① 見本を探す
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 32
Slide 32 text
https://dribbble.com/following
Dribbble
(ドリブル)
Webサイトで探す③
STAGE2 見る
ɾ比べる 方法① 見本を探す
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 33
Slide 33 text
https://www.ikesai.com/
ikesai
(イケサイ)
STAGE2 見る
ɾ比べる 方法① 見本を探す
Webサイトで探す④
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 34
Slide 34 text
https://sankoudesign.com/
SANKOU!
(サンコウ!)
STAGE2 見る
ɾ比べる 方法① 見本を探す
Webサイトで探す⑤
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 35
Slide 35 text
STAGE2 見る
ɾ比べる 方法① 見本を探す
本で探す
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 36
Slide 36 text
デザインの魂は細部に宿る
STAGE2 見る
ɾ比べる 方法① 見本を探す
本で探す①
パイインターナショナル
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 37
Slide 37 text
スタイル別ブランディングデザイン
パイインターナショナル
STAGE2 見る
ɾ比べる 方法① 見本を探す
本で探す②
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 38
Slide 38 text
思わず目を引く広告デザイン
パイインターナショナル
STAGE2 見る
ɾ比べる 方法① 見本を探す
本で探す③
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 39
Slide 39 text
STAGE2 見る
ɾ比べる 方法① 見本を探す
生活の中で探す
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 40
Slide 40 text
生活の中で探す①
お店のメニューやカタログ
STAGE2 見る
ɾ比べる 方法① 見本を探す
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 41
Slide 41 text
生活の中で探す①
STAGE2 見る
ɾ比べる 方法① 見本を探す
電車の中吊り広告
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 42
Slide 42 text
生活の中で探す①
STAGE2 見る
ɾ比べる 方法① 見本を探す
車
(トラックなど)
の
会社名やロゴ
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 43
Slide 43 text
生活の中で探す①
STAGE2 見る
ɾ比べる 方法① 見本を探す
街中の看板や案内表示
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 44
Slide 44 text
真似をする
STAGE2 見る
ɾ比べる 方法②
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 45
Slide 45 text
トレス
ɾ模写
STAGE2 見る
ɾ比べる 方法② 真似をする
Webならばスクリーンショット、
紙の
ものならばスキャンするなどして、
ト
レスをする。
もしくは模写をする。
トレス
ɾ模写をすることでしかわから
ないことがあります。
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 46
Slide 46 text
トレス
ɾ模写
STAGE2 見る
ɾ比べる 方法② 真似をする
● 徹底的に真似をする
● 製作者の意図を読みとってみる、
間違いでもOK
● 変更してみる、
自分ならこうしてみるを考える
● 変更箇所の理由を言語化する←重要
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 47
Slide 47 text
批評する
STAGE2 見る
ɾ比べる 方法③
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 48
Slide 48 text
褒める
ɾダメ出しする
STAGE2 見る
ɾ比べる 方法③ 批評する
見本のいいところやダメなところを探
して批評する。
粗探しになってしまって
もOK。
精度はだんだん上がるので正解
は気にしない。
自分が制作したものも批
評するともっとレベルが上がります。
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 49
Slide 49 text
批評する
STAGE2 見る
ɾ
比べる 方法③
● 自分にできる
ɾできないは関係なく批評する
● 自分ならこうするを考えてみる
● 考えるだけでなく言語化する←超重要
● 他の人に聞いてもらう
(批評をしあう)
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 50
Slide 50 text
● たくさん見てストックする
● 言語化がl超z重要
● できるなら共有する
STAGE2 ポイント
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 51
Slide 51 text
感じる
ɾ考える
STAGE3
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 52
Slide 52 text
etc
STAGE3 感じる
ɾ考える
インスピレーションを感じるも
のを生活の中で探し、
何がいいの
かを考えてみる。
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 53
Slide 53 text
Don`t ThinkFeel
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 54
Slide 54 text
刺激を受ける
STAGE3 感じる
ɾ考える 方法①
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 55
Slide 55 text
ɾ絵画、
イラスト ɾ演劇、
映画
ɾ建築物、
家具 ɾファッション
アウトプットにはインプットが必要
様々なものから刺激を受ける
STAGE3 感じる
ɾ考える 方法① 刺激を受ける
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 56
Slide 56 text
私の場合
STAGE3 感じる
ɾ考える 方法① 刺激を受ける
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 57
Slide 57 text
私の場合①
STAGE3 感じる
ɾ考える 方法① 刺激を受ける
ル
ɾ
コルビュジエ
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 58
Slide 58 text
私の場合②
STAGE3 感じる
ɾ考える 方法① 刺激を受ける
小林 賢太郎
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 59
Slide 59 text
私の場合③
STAGE3 感じる
ɾ考える 方法① 刺激を受ける
フェルメール
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 60
Slide 60 text
私の場合④
STAGE3 感じる
ɾ考える 方法① 刺激を受ける
フレディ
ɾ
マーキュリー
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 61
Slide 61 text
● デザイン以外からも学ぶ
● 感じるだけでなく考える
● デザインに結びつける
STAGE3 ポイント
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 62
Slide 62 text
デザイナーに必要な
その他の能力
EX STAGE
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 63
Slide 63 text
etc
EX STAGE デザイナーに必要なその他の能力
● ヒアリング能力
(打合せ
ɾ情報収集)
● 情報整理能力
● ライティング能力
(コピー
ɾコンテンツ)
● 提案
ɾマーケティング
例えばʜʜ
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p
Slide 64
Slide 64 text
ご清聴いただき
ありがとう
ございました
D E R A - D E S I G N
T o y a m a D e s i g n S t u d y G r o u p