Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
富山デザイン勉強会-デザインの勉強方法.pdf
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
keita
December 23, 2023
Design
0
160
富山デザイン勉強会-デザインの勉強方法.pdf
keita
December 23, 2023
Tweet
Share
More Decks by keita
See All by keita
富山デザイン勉強会_デザイントレンド2026.pdf
keita_yoshikawa
2
140
富山デザイン勉強会-配色が怖くなくなる_知識と理屈で考える配色.pdf
keita_yoshikawa
1
75
新田知事プレゼン資料.pdf
keita_yoshikawa
0
61
富山デザイン勉強会_デザイン経営.pdf
keita_yoshikawa
0
140
アップロード-職業訓練_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
220
富山デザイン勉強会_デザイントレンド2025.pdf
keita_yoshikawa
0
440
アップロード職業訓練-デザインで使える写真撮影と画像補正.pdf
keita_yoshikawa
0
150
アップロード職業訓練-誰でも使える写真撮影テクニックのコピー.pdf
keita_yoshikawa
0
88
富山デザイン勉強会_私がデザインのために考えていること.pdf
keita_yoshikawa
0
120
Other Decks in Design
See All in Design
From the Visible Crossroads: Turning Outputs into Outcomes
takaikanako
2
1.2k
デザイナーが主導権を握る、AI協業の本音と実践
satosio
7
3k
爆速開発でAIプロダクトが40万インプレッションになった話
tsubura
0
210
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
koyaman
1
1.6k
次世代のクリエイティブ体験!Photoshopの最新機能で新しい未来を切り開こう
connecre
0
120
プロダクトデザイナーに学ぶ、『見る気が起きる』ダッシュボードの作り方 / Creating Engaging Dashboards: Lessons from Product Designers
yamamotoyuta
2
680
2026の目標「もっと定量的に事業、会社へ貢献する!」
yuri_ohashi
0
740
CULTURE DECK/Marketing Director
mhand01
0
980
研修担当者が一番伸びた 熊本市役所✕AI『泥臭いAI研修』のワークショップ設計について
garyuten
2
310
Crisp Code inc.|ブランドガイドライン - Brand guidelines
so_kotani
1
330
デザインするために「多様性」について考える
iflection
0
240
コムデマネージャーがプロダクトデザインに挑戦した。むずかしくて楽しかった。
payatsusan213
0
250
Featured
See All Featured
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
11
860
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
BBQ
matthewcrist
89
10k
Optimizing for Happiness
mojombo
378
71k
New Earth Scene 8
popppiees
1
1.7k
SEO for Brand Visibility & Recognition
aleyda
0
4.4k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
1
1.3k
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
1
310
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
inesmontani
PRO
3
2.1k
Bash Introduction
62gerente
615
210k
How to train your dragon (web standard)
notwaldorf
97
6.6k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.4k
Transcript
ϯ σ β Π ษ ڧ ձ ͱ ࢁ
· Ҋ ਤ 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
デザインの勉強って どうやってますか? 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
関わった時間が スキルになります 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
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
行住座臥デザイン について考える 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
好きになることが一番 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
効率的に勉強にしたい 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
デザインを勉強する 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
• 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
学ぶ ɾ 調べる 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
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
教えてもらう 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
先生、 上司、 先輩に教えてもらう 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
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
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
オススメ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
オススメ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
オススメ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
本を読む 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
オススメの本 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
オススメの本① 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
オススメの本② 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
オススメの本③ 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
本を読む まちライブラリー 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
• 知識は多い方がいい • 学んだことをやってみる 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
見る ɾ 比べる 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
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
見本を探す 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
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
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
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
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
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
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
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
デザインの魂は細部に宿る 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
スタイル別ブランディングデザイン パイインターナショナル 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
思わず目を引く広告デザイン パイインターナショナル 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
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
生活の中で探す① お店のメニューやカタログ 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
生活の中で探す① 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
生活の中で探す① 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
生活の中で探す① 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
真似をする 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
トレス ɾ模写 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
トレス ɾ模写 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
批評する 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
褒める ɾダメ出しする 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
批評する 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
• たくさん見てストックする • 言語化が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
感じる ɾ考える 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
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
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
刺激を受ける 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
ɾ絵画、 イラスト ɾ演劇、 映画 ɾ建築物、 家具 ɾファッション アウトプットにはインプットが必要 様々なものから刺激を受ける 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
私の場合 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
私の場合① 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
私の場合② 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
私の場合③ 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
私の場合④ 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
• デザイン以外からも学ぶ • 感じるだけでなく考える • デザインに結びつける 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
デザイナーに必要な その他の能力 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
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
ご清聴いただき ありがとう ございました 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