Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
アップロード職業訓練-デザインの勉強方法.pdf
Search
keita
December 06, 2023
Design
0
89
アップロード職業訓練-デザインの勉強方法.pdf
keita
December 06, 2023
Tweet
Share
More Decks by keita
See All by keita
富山デザイン勉強会-配色が怖くなくなる_知識と理屈で考える配色.pdf
keita_yoshikawa
0
37
新田知事プレゼン資料.pdf
keita_yoshikawa
0
40
富山デザイン勉強会_デザイン経営.pdf
keita_yoshikawa
0
85
アップロード-職業訓練_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
200
富山デザイン勉強会_デザイントレンド2025.pdf
keita_yoshikawa
0
400
アップロード職業訓練-デザインで使える写真撮影と画像補正.pdf
keita_yoshikawa
0
130
アップロード職業訓練-誰でも使える写真撮影テクニックのコピー.pdf
keita_yoshikawa
0
69
富山デザイン勉強会_私がデザインのために考えていること.pdf
keita_yoshikawa
0
100
富山デザイン勉強会10-読む人を動かす_効果的な文章の書き方.pdf
keita_yoshikawa
2
160
Other Decks in Design
See All in Design
Character Experience AI 〜 AIキャラクターのつくりかた 〜
smartbank
1
470
プロダクトリニューアルと同時に進める初めてのデザインシステム
techtekt
PRO
0
300
ユーザー像を「みてね」らしく可視化する 家族アルバムみてねUXリサーチチームの取り組み
mixi_design
PRO
3
480
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
1.6k
Marpで推しCSSスライドを作ろう! / marp-with-favorite-css
fujiemon
0
790
これからの「Webデザイン」の話をしよう~デザイナーの私が考えるブロックテーマへの対応で変わりゆくデザインの価値~
ds35mm
0
430
第4回関東Kaggler会LT HCD-Net人間中心設計スペシャリストが語るNotebookメダルの取り方
utm529f
0
1.6k
チームをデザイン対象にする / Design for your team
kaminashi
0
160
体験を守るためのデザイン計測
techtekt
PRO
0
110
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
hiromitsuuuuu
1
1.1k
アンエシカルデザインの枠組みの提案 -HCD-Netダークパターン研究会活動報告-
securecat
0
150
Memory Man v3 (WIP)
storybychad
PRO
0
2.9k
Featured
See All Featured
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.2k
Into the Great Unknown - MozCon
thekraken
40
2.2k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.3k
Bash Introduction
62gerente
615
210k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
390
The World Runs on Bad Software
bkeepers
PRO
72
12k
It's Worth the Effort
3n
187
29k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
2.7k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.8k
Transcript
講 師 : 吉 川 圭 太 ( D E
R A - D E S I G N ) アップロードビジネススクール 求職者支援訓練 職業人講話 「プロもやっているデザインが上手になる勉強方法」 D E R A - D E S I G N D e s i g n D t u d y T e a m
デザインの勉強って どうやってますか? D E R A - D E S
I G N D e s i g n D t u d y T e a m
関わった時間が スキルになります D E R A - D E S
I G N D e s i g n D t u d y T e a m
10 000時間の法則 D E R A - D E S
I G N D e s i g n D t u d y T e a m
行住座臥デザイン について考える D E R A - D E S
I G N D e s i g n D t u d y T e a m
好きになることが一番 D E R A - D E S I
G N D e s i g n D t u d y T e a m
効率的に勉強にしたい D E R A - D E S I
G N D e s i g n D t u d y T e a m
デザインを勉強する 3つの段階 D E R A - D E S
I G N D e s i g n D t u d y T e a m
• STAGE1 学ぶ ɾ調べる • STAGE2 見る ɾ比べる • STAGE3
感じる ɾ考える デザイン学習の段階 D E R A - D E S I G N D e s i g n D t u d y T e a m
学ぶ ɾ 調べる STAGE1 D E R A - D
E S I G N D e s i g n D t u d y T e a m
STAGE1 学ぶ ɾ調べる 基本やセオリーを知る必要があ ります。 D E R A -
D E S I G N D e s i g n D t u d y T e a m
教えてもらう STAGE1 学ぶ ɾ調べる 方法① D E R A -
D E S I G N D e s i g n D t u d y T e a m
先生、 上司、 先輩に教えてもらう STAGE1 学ぶ・調べる 方法① 教えてもらう 学校 会社 趣味
D E R A - D E S I G N D e s i g n D t u d y T e a m
Webで学ぶ ɾ調べる STAGE1 学ぶ ɾ調べる 方法② D E R A
- D E S I G N D e s i g n D t u d y T e a m
STAGE1 学ぶ ɾ 調べる 方法② Webで学ぶ ɾ調べる オススメ Webサイト D
E R A - D E S I G N D e s i g n D t u d y T e a m
オススメWebサイト① STAGE1 学ぶ ɾ 調べる 方法② Webで学ぶ ɾ調べる https://www.webcreatorbox.com/ Webクリエイター
ボックス D E R A - D E S I G N D e s i g n D t u d y T e a m
オススメWebサイト② STAGE1 学ぶ ɾ 調べる 方法② Webで学ぶ ɾ調べる https://ics.media/ ICS
MEDIA D E R A - D E S I G N D e s i g n D t u d y T e a m
オススメWebサイト③ STAGE1 学ぶ ɾ 調べる 方法② Webで学ぶ ɾ調べる https://schoo.jp/ Schoo(
スクー ) D E R A - D E S I G N D e s i g n D t u d y T e a m
本を読む STAGE1 学ぶ ɾ調べる 方法③ D E R A -
D E S I G N D e s i g n D t u d y T e a m
オススメの本 STAGE1 学ぶ ɾ 調べる 方法② D E R A
- D E S I G N D e s i g n D t u d y T e a m
オススメの本① STAGE1 学ぶ ɾ調べる 方法③ 本を読む ノンデザイナーズ ɾデザインブック Robin Williams
[著] 吉川 典秀 [翻訳] 小原 司 ɾ米谷 テツヤ [日本語版解説] D E R A - D E S I G N D e s i g n D t u d y T e a m
オススメの本② STAGE1 学ぶ ɾ調べる 方法③ 本を読む けっきょく、 よはく。 他 injectar-e
D E R A - D E S I G N D e s i g n D t u d y T e a m
オススメの本③ STAGE1 学ぶ ɾ調べる 方法③ 本を読む アイデアのつくり方 ジェームス W. ヤング
[著] 今井 茂雄 [翻訳] 竹内 均 [解説] D E R A - D E S I G N D e s i g n D t u d y T e a m
本を読む まちライブラリー STAGE1 学ぶ ɾ調べる 方法 @DERA-DESIGN https://machi-library.org/where/detail/7137/ https://librize.com/deradesign
D E R A - D E S I G N D e s i g n D t u d y T e a m
• 知識は多い方がいい • 学んだことをやってみる STAGE1 ポイント D E R A
- D E S I G N D e s i g n D t u d y T e a m
見る ɾ 比べる STAGE2 D E R A - D
E S I G N D e s i g n D t u d y T e a m
STAGE2 見るɾ比べる デザインはセオリー通り制作す ればいいものではない。 実物を見 ることが必要です。 D E R A
- D E S I G N D e s i g n D t u d y T e a m
見本を探す STAGE2 見る ɾ比べる 方法① D E R A -
D E S I G N D e s i g n D t u d y T e a m
STAGE2 見る ɾ 比べる 方法① 見本を探す Webサイトで探す D E R
A - D E S I G N D e s i g n D t u d y T e a m
Webサイトで探す① STAGE2 見る ɾ比べる 方法① 見本を探す https://www.google.com/imghp Google画像検索 D E
R A - D E S I G N D e s i g n D t u d y T e a m
https://www.pinterest.jp/ Pinterest (ピンタレスト) Webサイトで探す② STAGE2 見る ɾ比べる 方法① 見本を探す D
E R A - D E S I G N D e s i g n D t u d y T e a m
https://dribbble.com/following Dribbble (ドリブル) Webサイトで探す③ STAGE2 見る ɾ比べる 方法① 見本を探す D
E R A - D E S I G N D e s i g n D t u d y T e a m
https://www.ikesai.com/ ikesai (イケサイ) STAGE2 見る ɾ比べる 方法① 見本を探す Webサイトで探す④ D
E R A - D E S I G N D e s i g n D t u d y T e a m
https://sankoudesign.com/ SANKOU! (サンコウ!) STAGE2 見る ɾ 比べる 方法① 見本を探す Webサイトで探す⑤
D E R A - D E S I G N D e s i g n D t u d y T e a m
STAGE2 見る ɾ比べる 方法① 見本を探す 本で探す D E R A
- D E S I G N D e s i g n D t u d y T e a m
デザインの魂は細部に宿る STAGE2 見る ɾ比べる 方法① 見本を探す 本で探す① パイインターナショナル D E
R A - D E S I G N D e s i g n D t u d y T e a m
スタイル別ブランディングデザイン パイインターナショナル STAGE2 見る ɾ比べる 方法① 見本を探す 本で探す② D E
R A - D E S I G N D e s i g n D t u d y T e a m
思わず目を引く広告デザイン パイインターナショナル STAGE2 見る ɾ比べる 方法① 見本を探す 本で探す③ D E
R A - D E S I G N D e s i g n D t u d y T e a m
STAGE2 見る ɾ 比べる 方法① 見本を探す 生活の中で探す D E R
A - D E S I G N D e s i g n D t u d y T e a m
生活の中で探す① お店のメニューやカタログ STAGE2 見る ɾ比べる 方法① 見本を探す D E R
A - D E S I G N D e s i g n D t u d y T e a m
生活の中で探す① STAGE2 見る ɾ比べる 方法① 見本を探す 電車の中吊り広告 D E R
A - D E S I G N D e s i g n D t u d y T e a m
生活の中で探す① STAGE2 見る ɾ比べる 方法① 見本を探す 車 (トラックなど) の 会社名やロゴ
D E R A - D E S I G N D e s i g n D t u d y T e a m
生活の中で探す① STAGE2 見る ɾ比べる 方法① 見本を探す 街中の看板や案内表示 D E R
A - D E S I G N D e s i g n D t u d y T e a m
真似をする STAGE2 見る ɾ比べる 方法② D E R A -
D E S I G N D e s i g n D t u d y T e a m
トレス ɾ模写 STAGE2 見る ɾ比べる 方法② 真似をする Webならばスクリーンショット、 紙の ものならばスキャンするなどして、
ト レスをする。 もしくは模写をする。 トレス ɾ模写をすることでしかわから ないことがあります。 D E R A - D E S I G N D e s i g n D t u d y T e a m
批評する STAGE2 見る ɾ比べる 方法③ D E R A -
D E S I G N D e s i g n D t u d y T e a m
トレス ɾ模写 STAGE2 見る ɾ 比べる 方法② 真似をする • 徹底的に真似をする
• 製作者の意図を読みとってみる、 間違いでもOK • 変更してみる、 自分ならこうしてみるを考える • 変更箇所の理由を言語化する←重要 D E R A - D E S I G N D e s i g n D t u d y T e a m
褒めるɾ ダメ出しする STAGE2 見る ɾ比べる 方法③ 批評する 見本のいいところやダメなところを探 して批評する。 粗探しになってしまって
もOK。 精度はだんだん上がるので正解 は気にしない。 自分が制作したものも批 評するともっとレベルが上がります。 D E R A - D E S I G N D e s i g n D t u d y T e a m
批評する STAGE2 見る ɾ 比べる 方法③ • 自分にできる ɾできないは関係なく批評する •
自分ならこうするを考えてみる • 考えるだけでなく言語化する←超重要 • 他の人に聞いてもらう (批評をしあう) D E R A - D E S I G N D e s i g n D t u d y T e a m
• たくさん見てストックする • 言語化がl超z重要 • できるなら共有する STAGE2 ポイント D E
R A - D E S I G N D e s i g n D t u d y T e a m
感じる ɾ考える STAGE3 D E R A - D E
S I G N D e s i g n D t u d y T e a m
etc STAGE3 感じる ɾ考える インスピレーションを感じるも のを生活の中で探し、 何がいいの かを考えてみる。 D E
R A - D E S I G N D e s i g n D t u d y T e a m
Don`t ThinkFeel D E R A - D E S
I G N D e s i g n D t u d y T e a m
刺激を受ける STAGE3 感じる ɾ考える 方法① D E R A -
D E S I G N D e s i g n D t u d y T e a m
ɾ絵画、 イラスト ɾ演劇、 映画 ɾ建築物、 家具 ɾファッション アウトプットにはインプットが必要 様々なものから刺激を受ける STAGE3 感じる ɾ考える
方法① 刺激を受ける D E R A - D E S I G N D e s i g n D t u d y T e a m
私の場合 STAGE3 感じる ɾ考える 方法① 刺激を受ける D E R A
- D E S I G N D e s i g n D t u d y T e a m
私の場合① STAGE3 感じる ɾ考える 方法① 刺激を受ける ル ɾ コルビュジエ D
E R A - D E S I G N D e s i g n D t u d y T e a m
私の場合② STAGE3 感じる ɾ考える 方法① 刺激を受ける 小林 賢太郎 D E
R A - D E S I G N D e s i g n D t u d y T e a m
私の場合③ STAGE3 感じる ɾ 考える 方法① 刺激を受ける フェルメール D E
R A - D E S I G N D e s i g n D t u d y T e a m
私の場合④ STAGE3 感じる ɾ考える 方法① 刺激を受ける フレディ ɾ マーキュリー D
E R A - D E S I G N D e s i g n D t u d y T e a m
• デザイン以外からも学ぶ • 感じるだけでなく考える • デザインに結びつける STAGE3 ポイント D E
R A - D E S I G N D e s i g n D t u d y T e a m
デザイナーに必要な その他の能力 EX STAGE D E R A - D
E S I G N D e s i g n D t u d y T e a m
etc EX STAGE デザイナーに必要なその他の能力 • ヒアリング能力 (打合せ ɾ情報収集) • 情報整理能力
• ライティング能力 (コピー ɾコンテンツ) • 提案ɾマーケティング 例えばʜʜ D E R A - D E S I G N D e s i g n D t u d y T e a m
ご清聴いただき ありがとう ございました D E R A - D E
S I G N D e s i g n D t u d y T e a m