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
keita
December 06, 2023
Design
0
55
アップロード職業訓練-デザインの勉強方法.pdf
keita
December 06, 2023
Tweet
Share
More Decks by keita
See All by keita
アップロード職業訓練-ChatGPT-FireFly-Canva-WordPress.pdf
keita_yoshikawa
0
19
フィールドスタディ2024砺波高校.pdf
keita_yoshikawa
1
40
アップロード職業訓練-SNS活用.pdf
keita_yoshikawa
1
26
富山デザイン勉強会_デザイナーの打ち合わせ術_打ち合わせをクリエイティブな時間にする方法.pdf
keita_yoshikawa
0
42
富山デザイン勉強会-イントロダクション__6.pdf
keita_yoshikawa
0
34
富山デザイン勉強会_インフォグラフィックが上手に描けるコツ.pdf
keita_yoshikawa
1
69
富山デザイン勉強会-イントロダクション__5.pdf
keita_yoshikawa
0
37
富山デザイン勉強会_Webサイトのデザインに必要なこと.pdf
keita_yoshikawa
1
65
_圧縮_富山デザイン勉強会4-続基礎の基礎.pdf
keita_yoshikawa
0
64
Other Decks in Design
See All in Design
TrollsTopia: Funtography- Part 1
kenijam
1
260
JBUG京都#1登壇資料_「考える」をマネジメントする_ビーワークス高濱
webnaut
0
380
生成AIのデザイン活用
asakohs
1
200
For My Dad- teaser
pdqsketch
PRO
0
170
Building a mindful relationship with digital media for zillennials prone to anxiety
mastervicedesign
0
160
非デザイナーのフロントエンドエンジニアがOOUIを考える
yud0uhu
8
4.3k
プロダクトを成長させる生成 AI のユースケース発見ワークショップ vol.3
icoxfog417
1
260
Making impact with your craft with sociotechnical design
xinyao
1
140
Shinjuku.rb #91 好きなもの紹介LT大会 "便利"や"役に立つ"とは別方面のRubyをつかったプログラミングがたのしい話
bash0c7
0
130
Installing and Running decksh/pdfdeck
ajstarks
1
570
We Baby Bears-Triple T Tiger
yvonnehsuanho
PRO
0
400
他人事じゃないWebアクセシビリティ入門
arihiro17
0
370
Featured
See All Featured
Building Your Own Lightsaber
phodgson
101
5.9k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
129
32k
Web Components: a chance to create the future
zenorocha
307
41k
Optimizing for Happiness
mojombo
373
69k
Build The Right Thing And Hit Your Dates
maggiecrowley
28
2.2k
Faster Mobile Websites
deanohume
303
30k
How to train your dragon (web standard)
notwaldorf
79
5.5k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
662
120k
Facilitating Awesome Meetings
lara
46
5.8k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
78
15k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
52k
No one is an island. Learnings from fostering a developers community.
thoeni
17
2.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