Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
アップロード職業訓練-デザインの勉強方法.pdf
Search
keita
December 06, 2023
Design
110
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
アップロード職業訓練-デザインの勉強方法.pdf
keita
December 06, 2023
More Decks by keita
See All by keita
富山デザイン勉強会_生成AIを使ったデザイン制作2026最新版.pdf
keita_yoshikawa
0
100
富山デザイン勉強会_プレゼンテーション_swithimizu.pdf
keita_yoshikawa
0
43
富山デザイン勉強会29-伝わる資料-改訂版.pdf
keita_yoshikawa
0
24
富山デザイン勉強会_デザイン思考.pdf
keita_yoshikawa
3
180
富山デザイン勉強会_プレゼンテーション.pdf
keita_yoshikawa
0
150
富山デザイン勉強会_ブラッシュアップデザイン.pdf
keita_yoshikawa
0
130
富山デザイン勉強会_デザイントレンド2026.pdf
keita_yoshikawa
3
300
富山デザイン勉強会-配色が怖くなくなる_知識と理屈で考える配色.pdf
keita_yoshikawa
1
150
富山デザイン勉強会_デザイン経営.pdf
keita_yoshikawa
0
200
Other Decks in Design
See All in Design
怖くないアクセシビリティ -カウンターカルチャーとしてのアッカン東京-
securecat
1
270
noteらしさを織り込むハーネスエンジニアリング
uto
0
1.4k
JBUG大阪#9_登壇資料_引き継ぎで困らないためのBacklogWikiの整え方_ミスと属人化を防ぐために、 “次の人が動ける状態”をどう残すか
webnaut
2
250
kintone開発におけるライターの役割の変化〜AI活用を添えて〜 / Changes in the Role of Writers in Kintone Development
keroyama
0
210
つくり方を変えていく | change-how-we-build
mottox2
2
1.5k
いいUIとは?初心者向けに事例をもとにUIデザインを分解
yuichi_hara7
13
6.5k
2026/6/26 第6回韓日リビングラボネットワークフォーラムin世宗 ー未来を作るリビングラボー アジアの社会システム転換に向けたリビングラボの可能性
a2k
2
110
AI-Slopなデザインを生まないためのデザインプロセス戦略
takanorip
10
5.9k
分散するデザイン組織をつなぐ デザインミートアップの取り組み/nikkei-tech-talk49
nikkei_engineer_recruiting
1
220
組織で働く大人が「知らないままにやってみる」を取り戻す方法とその意味〜企業で働く実務家による実践知の言語化を事例とした考察〜
chiemitaki
1
410
(2026 FlowCon Keynote) Sociotechnical Architecture Finding Flow
xinyao
0
120
Bet AI Day 2026丨デザインハーネス:専門職の判断基準をコードのように運用する
layerx
PRO
4
4.5k
Featured
See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.6k
Everyday Curiosity
cassininazir
0
320
Un-Boring Meetings
codingconduct
0
420
WCS-LA-2024
lcolladotor
0
830
Utilizing Notion as your number one productivity tool
mfonobong
4
590
Large-scale JavaScript Application Architecture
addyosmani
515
110k
The #1 spot is gone: here's how to win anyway
tamaranovitovic
4
1.2k
For a Future-Friendly Web
brad_frost
183
10k
A Tale of Four Properties
chriscoyier
163
24k
Between Models and Reality
mayunak
4
460
Paper Plane
katiecoart
PRO
4
53k
How to train your dragon (web standard)
notwaldorf
97
6.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