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
March 23, 2024
Design
0
170
富山デザイン勉強会-デザインの制作フロー.pdf
keita
March 23, 2024
Tweet
Share
More Decks by keita
See All by keita
富山デザイン勉強会-配色が怖くなくなる_知識と理屈で考える配色.pdf
keita_yoshikawa
0
42
新田知事プレゼン資料.pdf
keita_yoshikawa
0
44
富山デザイン勉強会_デザイン経営.pdf
keita_yoshikawa
0
92
アップロード-職業訓練_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
200
富山デザイン勉強会_デザイントレンド2025.pdf
keita_yoshikawa
0
400
アップロード職業訓練-デザインで使える写真撮影と画像補正.pdf
keita_yoshikawa
0
130
アップロード職業訓練-誰でも使える写真撮影テクニックのコピー.pdf
keita_yoshikawa
0
71
富山デザイン勉強会_私がデザインのために考えていること.pdf
keita_yoshikawa
0
110
富山デザイン勉強会10-読む人を動かす_効果的な文章の書き方.pdf
keita_yoshikawa
2
160
Other Decks in Design
See All in Design
保育AIプロダクトの UXデザインで考えてきたこと / hoiku-ai-ux-design
hiro93n
0
230
2026年、デザイナーはなにに賭ける?
0b1tk
0
400
アンエシカルデザインの枠組みの提案 -HCD-Netダークパターン研究会活動報告-
securecat
0
170
“ことば”が苦手なデザイナーへの処方箋 「なんとなく」から「意図」へ、 デザインを動かす言葉の力
mixi_design
PRO
0
140
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
root_recruit
0
330
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
akatsuki174
1
700
Meet, Learn, Grow × AI ― コミュニティで加速するスキル循環 「コミュニティと関わり方」
tame
0
330
BXデザイン組織が挑んだスクラム 〜ブランドを育み、デザイナーを解放する変革の物語〜(Scrum Fest Mikawa 2025)
tadashiinoue
0
1k
kintone_aroma
kintone
0
1.1k
そのUIコンポーネント、これから先も使えますか?―Headless UI,Open UI,グローバルデザインシステム
sakito
2
2.4k
はじめての演奏会フライヤーデザイン
chorkaichan
1
200
【pmconf2025】PdMの頭の中を見える化する体験構造図
kamechi7222222
1
1.5k
Featured
See All Featured
Paper Plane
katiecoart
PRO
0
44k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
0
120
ラッコキーワード サービス紹介資料
rakko
0
1.8M
Mobile First: as difficult as doing things right
swwweet
225
10k
Mozcon NYC 2025: Stop Losing SEO Traffic
samtorres
0
92
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
340
HDC tutorial
michielstock
0
270
The untapped power of vector embeddings
frankvandijk
1
1.5k
More Than Pixels: Becoming A User Experience Designer
marktimemedia
2
260
What the history of the web can teach us about the future of AI
inesmontani
PRO
0
370
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
49
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