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
44
アップロード職業訓練-デザインの勉強方法.pdf
keita
December 06, 2023
Tweet
Share
More Decks by keita
See All by keita
富山デザイン勉強会-イントロダクション__5.pdf
keita_yoshikawa
0
11
富山デザイン勉強会_Webサイトのデザインに必要なこと.pdf
keita_yoshikawa
1
8
_圧縮_富山デザイン勉強会4-続基礎の基礎.pdf
keita_yoshikawa
0
29
富山デザイン勉強会-デザインの制作フロー.pdf
keita_yoshikawa
0
24
富山デザイン勉強会-イントロダクション__4.pdf
keita_yoshikawa
0
15
富山新聞文化センター説明資料.pdf
keita_yoshikawa
0
7
創業塾2023.pdf
keita_yoshikawa
0
10
富山デザイン勉強会-2024年デザイントレンド.pdf
keita_yoshikawa
1
76
富山デザイン勉強会_文字_タイポグラフィを使ってデザインする方法.pdf
keita_yoshikawa
1
63
Other Decks in Design
See All in Design
データ活用に強い、伴走型デザインパートナー「DeC」紹介資料
hopin
0
200
フロントエンドエンジニアが知っておくべきUIUX心理学
yukiringo
1
300
20231122_Design Leader Impact Award_Presentation_FAKE Okazaki
okazakityo
1
250
#コムデナ vol.2 「初めてのデザインカンファレンス協賛!共有したい3つのやらかし」
kiyoshifuwa
1
330
3D空間を扱うUI表現とユーザビリティ
akinen
0
460
2024デザすぷVol.4 新年会/ Design Sprout Bar vol-4
root_recruit
1
320
文化に寄りそうデザイン
recruitengineers
PRO
4
920
社内のコミュニケーション課題に対して個人的に行っているデザイン以外の草の根活動
sugiyama_sukedachi
0
150
実務のための マイクロ インタラクション入門
shingo2000
0
360
Wolf and the seven goatkids
_limex_
PRO
0
460
ウェブディレクターを救うBacklog
wattlaa
0
290
デザインに関わる全ての人たちでエベレスト登頂を目指すために取り組んでいること
amishiratori
0
610
Featured
See All Featured
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
41
4.4k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
12
1.5k
BBQ
matthewcrist
80
8.8k
Building Applications with DynamoDB
mza
88
5.6k
Art, The Web, and Tiny UX
lynnandtonic
290
19k
No one is an island. Learnings from fostering a developers community.
thoeni
16
2.1k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
126
32k
How to name files
jennybc
65
93k
The Mythical Team-Month
searls
216
42k
WebSockets: Embracing the real-time Web
robhawkes
59
7k
How To Stay Up To Date on Web Technology
chriscoyier
782
250k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
13
8.3k
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