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
160
富山デザイン勉強会-デザインの制作フロー.pdf
keita
March 23, 2024
Tweet
Share
More Decks by keita
See All by keita
新田知事プレゼン資料.pdf
keita_yoshikawa
0
26
富山デザイン勉強会_デザイン経営.pdf
keita_yoshikawa
0
61
アップロード-職業訓練_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
160
富山デザイン勉強会_デザイントレンド2025.pdf
keita_yoshikawa
0
360
アップロード職業訓練-デザインで使える写真撮影と画像補正.pdf
keita_yoshikawa
0
94
アップロード職業訓練-誰でも使える写真撮影テクニックのコピー.pdf
keita_yoshikawa
0
51
富山デザイン勉強会_私がデザインのために考えていること.pdf
keita_yoshikawa
0
81
富山デザイン勉強会10-読む人を動かす_効果的な文章の書き方.pdf
keita_yoshikawa
2
130
富山デザイン勉強会_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
220
Other Decks in Design
See All in Design
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
nikkei_engineer_recruiting
8
4.5k
新しいデザインの難しさ(公開版) / Difficulties in the New Design (public ver.)
usagimaru
1
870
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
1
3.1k
AIで加速するアクセシビリティのこれから
magi1125
3
660
Design Studio Deck | インクルーシブデザインスタジオCULUUM
culumu
3
3.7k
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
securecat
5
1.7k
Мышление историями. Как текстовые модели поведения помогают дизайнеру проектировать
ashapiro
0
140
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
1.2k
数理的アプローチで挑むスマホUIのデザイン改善:タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
lycorptech_jp
PRO
0
790
decksh object reference
ajstarks
2
1.3k
harutaka Vision Deck
zenkigenforrecruit
0
210
読書シェア会 vol.5 / Yumemi.grow 20250526
rakus_dev
0
1.7k
Featured
See All Featured
Statistics for Hackers
jakevdp
799
220k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Side Projects
sachag
455
43k
Designing for humans not robots
tammielis
253
25k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
The Art of Programming - Codeland 2020
erikaheidi
55
13k
Art, The Web, and Tiny UX
lynnandtonic
302
21k
Optimizing for Happiness
mojombo
379
70k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.4k
We Have a Design System, Now What?
morganepeng
53
7.8k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.2k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.1k
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