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
March 23, 2024
Design
0
180
富山デザイン勉強会-デザインの制作フロー.pdf
keita
March 23, 2024
Tweet
Share
More Decks by keita
See All by keita
富山デザイン勉強会_デザイントレンド2026.pdf
keita_yoshikawa
0
85
富山デザイン勉強会-配色が怖くなくなる_知識と理屈で考える配色.pdf
keita_yoshikawa
0
64
新田知事プレゼン資料.pdf
keita_yoshikawa
0
53
富山デザイン勉強会_デザイン経営.pdf
keita_yoshikawa
0
100
アップロード-職業訓練_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
210
富山デザイン勉強会_デザイントレンド2025.pdf
keita_yoshikawa
0
420
アップロード職業訓練-デザインで使える写真撮影と画像補正.pdf
keita_yoshikawa
0
140
アップロード職業訓練-誰でも使える写真撮影テクニックのコピー.pdf
keita_yoshikawa
0
78
富山デザイン勉強会_私がデザインのために考えていること.pdf
keita_yoshikawa
0
110
Other Decks in Design
See All in Design
「自分の仕事はどこまで?」と問い続けたら。デザイナーの「視座」を考える
mukai_takeru
0
300
OSO2025-マサカリと太陽:伝え方の情報デザイン
majimasachi
0
680
DESIGNEAST 2025 A-3
_kotobuki_
0
130
不確実性の時代にみんなで試したFigma × MCP × Cursor ハンズオン
techtekt
PRO
7
1.8k
第18回サイゼミ
lw
1
3.3k
Franks Myth
gfht1
1
410
kintone_aroma
kintone
0
1.4k
Figmaレクチャー会Part2 もっと使いこなす編@千株式会社 社内勉強会
designer_no_pon
1
260
逆向きUIの世界 〜iOSアプリのRTL言語対応〜
akatsuki174
1
510
Storyboard Exercise: Chase Sequence
lynteo
1
200
モビリティプラットフォームの未来を築くクラウド基盤
kossykinto
0
210
30分でわかるインサイトマネジメント(2025年12月バージョン)
centou
1
390
Featured
See All Featured
The SEO Collaboration Effect
kristinabergwall1
0
360
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
290
So, you think you're a good person
axbom
PRO
2
1.9k
Writing Fast Ruby
sferik
630
62k
The Cult of Friendly URLs
andyhume
79
6.8k
What the history of the web can teach us about the future of AI
inesmontani
PRO
1
440
The B2B funnel & how to create a winning content strategy
katarinadahlin
PRO
1
280
A Soul's Torment
seathinner
5
2.3k
エンジニアに許された特別な時間の終わり
watany
106
230k
AI: The stuff that nobody shows you
jnunemaker
PRO
2
280
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
1
1.1k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
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
デザイナーの 知的財産 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
制作プロセス CAPTER 01 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
ヒアリング #01 CAPTER 01 制作プロセス 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
ヒアリングを 創造的な時間に CAPTER 01 制作プロセス #01 ヒアリング 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
CAPTER 01 制作プロセス #01 ヒアリング • 「打ち合わせ」 ではなく 「ヒアリング」 •
方向性を決めることが重要 • 準備をしっかりして望むことが大切 • ストーリーを作れるように意識をする • 最終的にイメージを共有できるようにする 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
CAPTER 01 制作プロセス 考える ɾ アイデア出し #02 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
CAPTER 01 制作プロセス #02 考える ɾ アイデア出し 集中しないで 考える時間 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
CAPTER 01 制作プロセス #02 考える ɾ アイデア出し • すぐに制作を開始しないで考える時間を作る •
集中して考えないで意識しておく • アイデアを考える時間が必要 • 周りのものと頭の引き出しがくっつく瞬間 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
調べる ɾ 素材集め #03 CAPTER 01 制作プロセス 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
CAPTER 01 制作プロセス #03 調べる ɾ 素材集め • アイデアを補強する情報を集める •
関連する情報も調べておく • 見本やサンプルを探す • 素材との出会いは一期一会 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
CAPTER 01 制作プロセス #03 調べる ɾ 素材集め よく使う Web サイト
Freepik/ 写真 AC/ イラストAC/ライナストック SANKOU /イケサイ/Pinterest / Dribbble COOON MONO / vecteezy /DaFont / モジザイ ピクスタ / ぱくたそ /Adobe stock など 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
整理する #04 CAPTER 01 制作プロセス 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
CAPTER 01 制作プロセス #04 整理する キーワードと メイン見つける 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
CAPTER 01 制作プロセス #04 整理する • 何をメインにするかを考える • ぼんやりした情報を具体的にする •
関連性を考えどのように表現するか決める • キーワードとなるものを探す • 素材が足らないと思ったら追加で集める 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
制作する #05 CAPTER 01 制作プロセス 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
CAPTER 01 制作プロセス #05 制作する 制作する時間は スピードを心がける 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
CAPTER 01 制作プロセス #05 制作する • ここまでが過程がうまくいっていれば制作は早い • 悩んで手が止まるなら前に戻ることも •
まずは目立つところから作る • 細部は後からでもよい • 情報整理や内容を考えながらはやらない 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
熟成させる #06 CAPTER 01 制作プロセス 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
CAPTER 01 制作プロセス #06 熟成させる 時間をおいて客観的に 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
CAPTER 01 制作プロセス #06 熟成させる • 時間をおいて見ることで客観的に見える • 制作時には見えていなかったことが出てくる •
作業したことで浮かんでくるアイデアがある • 作業時間帯が変わると感覚も変わる • 残業は深夜のラブレター 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
仕上げる #07 CAPTER 01 制作プロセス 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
CAPTER 01 制作プロセス #07 仕上げる 仕上げが腕の 見せどころ 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
CAPTER 01 制作プロセス #07 仕上げる • 新しく浮かんだアイデアは良いことが多い • 余計なものがないか考える •
仕上げで劇的に変わることもある • 他の人の手直しをすると仕上げ力が上がる • 仕上げは経験がものをいう作業 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
振り返る ɾ 反省 #08 CAPTER 01 制作プロセス 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
CAPTER 01 制作プロセス #08 振り返る ɾ 反省 まずは自分を 褒めることが大切 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
CAPTER 01 制作プロセス #08 振り返る ɾ 反省 • まずは完成したことに誇りを持つ •
よかった所を今後の引き出しにする • うまくいかなかった所の原因は デザイン技術なのかそれ以外か考える • 必要以上に落ち込まない 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
うまくいかない時 CAPTER 02 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
原因を考える CAPTER 02 うまくいかない時 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
納期が短く すぐ作らないと いけない CAPTER 02 うまくいかない時 原因を考える 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
情報を 集めきれてない CAPTER 02 うまくいかない時 原因を考える 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
アイデアが 浮かんでいない CAPTER 02 うまくいかない時 原因を考える 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
制作したけど なんかイマイチ CAPTER 02 うまくいかない時 原因を考える 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
解決策 CAPTER 02 うまくいかない時 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
CAPTER 02 うまくいかない時 • 参考を探して作る • とりあえず素材を集めてみる • 制作をはじめてみる (手を動かしてみる)
• 他の人に相談してみる (見せてみる) • もう一度作ってみる (最終手段) 解決策 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
プロセスの必要性 CAPTER 03 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
デザインが早く できるようになる CAPTER 03 プロセスの必要性 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
うまくいかない 時に問題がわかる CAPTER 03 プロセスの必要性 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
CAPTER 03 プロセスの必要性 経験を蓄積していく ことができる 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
CAPTER 03 プロセスの必要性 感覚的ではなく 論理的にデザイン 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
CAPTER 03 プロセスの必要性 デザイン力も 衰えてくるはず 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
CAPTER 03 プロセスの必要性 だからプロセスが必要 ! 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
しかし CAPTER 03 プロセスの必要性 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
これは 私のプロセスです CAPTER 03 プロセスの必要性 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
自分にあわせた フローを作る CAPTER 03 プロセスの必要性 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