デザインの地図 -現在地と全体を見てなりたい自分探し-

2019 5/29 八王子でモダンな開発についてゆるく話すイベント「ゆるはち」での登壇資料です。

対象：未経験者から駆け出しの方
期待：自分のなりたいデザイナー像探しの助けとしてもらう
仮説：現在地、制作フローの責任領域、それに必要なスキル分布を理解すれば助けになるのでは？

* デザイナーという職業の5W1H。
* スキルをどういう構造で捉えるか。
* わたしの経歴からの具体的なエピソード。

これらを用いてお話ししましたー。

Transcript

1. イシジマミキ
   σβΠϯͷ஍ਤ
   w ࣗ෼͕ड͚ೖΕΒΕΔࣾձΛ

   ࣗ෼Ͱ࡞ΕΔਓΛ૿΍͍ͨ͠
   w ʮࣗओֶशʯΛே׆Έ͍ͨʹ޿͍͛ͨ
   ৬ೳΛ၆ᛌͯ͠ɺ੍࡞ϑϩʔΛཧղ͠Α͏
   イ
   シ
   ジ
   マ
   ミ
   キ
   

   View Slide

2. ΠγδϚϛΩ
   2000
   印刷所
   グラフィック
   デザイナー
   2007
   フリーランス
   Webデザイナー
   2018
   デザイン
   コミュニケーター
   2015
   家族
   デザイナー
   2012
   コミュニティ&
   デザイントレーナー
   経営者
   「ないものは作る」が行動原理!
   

   View Slide

3. σβΠφʔ෼ผ
   まずは自分の領域を知ろう
   

   View Slide

4. σβΠϯྖҬ
   広すぎるし、増える一方で収集つかない
   

   View Slide

5. View Slide

6. View Slide

7. View Slide

8. View Slide

9. View Slide

10. where
    ドコでデザインしているか(現在地)
    

    View Slide

11. WHAT
    ナニをデザインしているか(制作物)
    

    View Slide

12. WHO
    ダレのために、デザインしているか(対象)
    

    View Slide

13. WHEN
    WHY
    HOW
    シーンは?
    なんで?
    どんな風に?
    

    View Slide

14. શવҧ͏ʙ
    …はず
    

    View Slide

15. શମͱݱࡏ஍͕ݟ͑Ε͹ɺ
    બ୒ࢶ͕޿͕Δɻ
    「そういう職業が成り立つのか!」
    「知らなかったけど面白そう」
    「この部分は得意だからデキそう」
    

    View Slide

16. Ͳ͏ͳΓ͍ͨ
    

    View Slide

17. ੍࡞ϑϩʔ͔ΒݟΔ
    画
    面
    ご
    と
    の
    役
    割
    ・
    機
    能
    把
    握
    全
    画
    面
    を
    網
    羅
    す
    る
    操
    作
    フ
    ロ
    ー
    確
    認
    開
    発
    の
    す
    す
    め
    方
    を
    確
    認
    用
    語
    ・
    疑
    問
    の
    解
    消
    必
    要
    な
    情
    報
    を
    も
    ら
    う
    オ
    リ
    エ
    ン
    受
    け
    る
    コ
    ン
    ポ
    ー
    ネ
    ン
    ト
    化
    デ
    ー
    タ
    整
    理
    ・
    ガ
    イ
    ド
    ラ
    イ
    ン
    更
    新
    デ
    ー
    タ
    引
    き
    渡
    し
    デ
    ザ
    イ
    ン
    決
    定
    検
    証
    ・
    レ
    ビ
    ュ
    ー
    プ
    ロ
    ト
    タ
    イ
    プ
    提
    案
    イ
    ン
    タ
    ー
    フ
    ェ
    イ
    ス
    設
    計
    

    View Slide

18. 画
    面
    ご
    と
    の
    役
    割
    ・
    機
    能
    把
    握
    全
    画
    面
    を
    網
    羅
    す
    る
    操
    作
    フ
    ロ
    ー
    確
    認
    開
    発
    の
    す
    す
    め
    方
    を
    確
    認
    用
    語
    ・
    疑
    問
    の
    解
    消
    必
    要
    な
    情
    報
    を
    も
    ら
    う
    オ
    リ
    エ
    ン
    受
    け
    る
    コ
    ン
    ポ
    ー
    ネ
    ン
    ト
    化
    デ
    ー
    タ
    整
    理
    ・
    ガ
    イ
    ド
    ラ
    イ
    ン
    更
    新
    デ
    ー
    タ
    引
    き
    渡
    し
    デ
    ザ
    イ
    ン
    決
    定
    検
    証
    ・
    レ
    ビ
    ュ
    ー
    プ
    ロ
    ト
    タ
    イ
    プ
    提
    案
    イ
    ン
    タ
    ー
    フ
    ェ
    イ
    ス
    設
    計
    

    View Slide

19. 画
    面
    ご
    と
    の
    役
    割
    ・
    機
    能
    把
    握
    全
    画
    面
    を
    網
    羅
    す
    る
    操
    作
    フ
    ロ
    ー
    確
    認
    開
    発
    の
    す
    す
    め
    方
    を
    確
    認
    用
    語
    ・
    疑
    問
    の
    解
    消
    必
    要
    な
    情
    報
    を
    も
    ら
    う
    オ
    リ
    エ
    ン
    受
    け
    る
    コ
    ン
    ポ
    ー
    ネ
    ン
    ト
    化
    デ
    ー
    タ
    整
    理
    ・
    ガ
    イ
    ド
    ラ
    イ
    ン
    更
    新
    デ
    ー
    タ
    引
    き
    渡
    し
    デ
    ザ
    イ
    ン
    決
    定
    検
    証
    ・
    レ
    ビ
    ュ
    ー
    プ
    ロ
    ト
    タ
    イ
    プ
    提
    案
    イ
    ン
    タ
    ー
    フ
    ェ
    イ
    ス
    設
    計
    ジュニアデザイナー
    デザイナー
    シニアデザイナー
    

    View Slide

20. Ͳ͏ͨ͠Β
    γχΞʹͳΕΔ
    

    View Slide

21. 最高ブランド責任者
    ブランドストラテジスト
    アートディレクター
    グラフィックデザイナー
    

    View Slide

22. ৬Ґ͸֊૚ߏ଄ͰදΘͤͳ͍
    グラフィックデザインの経験はブランド戦略に必須ではない
    役割と職能が異なるだけなので階層ではない
    ソフトなどに詳しくなっても、上層に移行する訳ではない
    

    View Slide

23. シニアは完全な
    上位互換ではない
    •狭い範囲のスキルの習熟度で見たら
    

    View Slide

24. Photoshop
    Illustrator
    XD
    Retouch
    Color
    scheme
    Photo
    GRAPHY
    GRAPHICS
    mockup
    ANIMATION
    Morphing
    Photo
    GRAPHY
    aphy
    LAYOUT
    ENT
    rn
    Ornament
    Retouch
    mockup ε
    Ω
    ϧ
    Λ
    λ
    Π
    ϧ
    ͱ
    ͠
    ͯ
    ଊ
    ͑
    Δ
    

    View Slide

25. Photoshop
    Illustrator
    XD
    Prototyping
    TEXTURE
    MAPPINT
    modeling
    Retouch
    Color
    scheme
    CONPUTER
    GRAPHICS
    CINEMA
    4D
    mockup
    ANIMATION
    Photo
    GRAPHY
    aphy
    LAYOUT
    rn
    aphy
    Ornament
    Prototyping
    Retouch
    mockup
    ྡ
    ઀
    ͠
    ͨ
    ε
    Ω
    ϧ
    Λ
    श
    ಘ
    ͠
    ͯ
    ͍
    ͘
    

    View Slide

26. Photoshop
    Illustrator
    XD
    Prototyping
    TEXTURE
    MAPPINT
    modeling
    Retouch
    Color
    scheme
    Photo
    GRAPHY
    CONPUTER
    GRAPHICS
    CINEMA
    4D
    mockup
    ANIMATION
    Morphing
    Photo
    GRAPHY
    typography
    typoFaCe
    lettering LAYOUT
    COMPONENT
    composition
    Pattern
    Calligraphy
    Ornament
    ີ
    ू
    ͠
    ͯ
    ͍
    Δ
    Τ
    Ϧ
    Ξ
    ͕
    ಘ
    ҙ
    ྖ
    Ҭ
    editorial
    design
    UI
    

    View Slide

27. Photoshop
    Illustrator
    XD
    Prototyping
    TEXTURE
    MAPPINT
    modeling
    Retouch
    Color
    scheme
    Photo
    GRAPHY
    CONPUTER
    GRAPHICS
    CINEMA
    4D
    mockup
    ANIMATION
    Morphing
    Photo
    GRAPHY
    typography
    typoFaCe
    lettering LAYOUT
    COMPONENT
    composition
    Pattern
    Calligraphy
    Ornament
    editorial
    design
    UI
    ີ
    ू
    ͠
    ͯ
    ͍
    Δ
    Τ
    Ϧ
    Ξ
    ͕
    ಘ
    ҙ
    ྖ
    Ҭ
    

    View Slide

28. 浅い
    多い 少ない
    深い
    ॳ৺ऀ
    特定領域のデザイン手法に
    興味を持ち勉強 ・ 実践を
    はじめたところ
    ৬ਓ
    グラフィックや Web デザイ
    ナー、 ファッションデザイナー
    など特定領域に滅法強い
    ઓུՈ
    目標達成のために、 デザイ
    ンを活用する人たち。 経営
    者やプロデューサーなど。
    ઐ໳Ո
    デザイン領域以外にも深い
    知識を活用して新領域を
    作ったり、 それを支える人
    

    View Slide

29. 画
    面
    ご
    と
    の
    役
    割
    ・
    機
    能
    把
    握
    全
    画
    面
    を
    網
    羅
    す
    る
    操
    作
    フ
    ロ
    ー
    確
    認
    開
    発
    の
    す
    す
    め
    方
    を
    確
    認
    用
    語
    ・
    疑
    問
    の
    解
    消
    必
    要
    な
    情
    報
    を
    も
    ら
    う
    オ
    リ
    エ
    ン
    受
    け
    る
    コ
    ン
    ポ
    ー
    ネ
    ン
    ト
    化
    デ
    ー
    タ
    整
    理
    ・
    ガ
    イ
    ド
    ラ
    イ
    ン
    更
    新
    デ
    ー
    タ
    引
    き
    渡
    し
    デ
    ザ
    イ
    ン
    決
    定
    検
    証
    ・
    レ
    ビ
    ュ
    ー
    プ
    ロ
    ト
    タ
    イ
    プ
    提
    案
    イ
    ン
    タ
    ー
    フ
    ェ
    イ
    ス
    設
    計
    設
    計
    力
    ソ
    フ
    ト
    設
    計
    力
    ソ
    フ
    ト
    文
    書
    作
    成
    設
    計
    力
    観
    察
    力
    抽
    象
    化
    端
    末
    知
    識
    端
    末
    知
    識
    プ
    ロ
    マ
    ネ
    力
    質
    問
    力
    質
    問
    力
    管
    理
    能
    力
    巻
    き
    込
    ま
    れ
    力
    営
    業
    力
    

    View Slide

30. $BTFCZΠγδϚ
    2000
    印刷所
    グラフィック
    デザイナー
    2007
    フリーランス
    Webデザイナー
    2018
    デザイン
    コミュニケーター
    2015
    家族
    デザイナー
    2012
    コミュニティ&
    デザイントレーナー
    経営者
    

    View Slide

31. 2000
    印刷所
    グラフィック
    デザイナー
    2007
    フリーランス
    Webデザイナー
    2018
    デザイン
    コミュニケーター
    2015
    家族
    デザイナー
    2012
    コミュニティ&
    デザイントレーナー
    経営者
    意識せず
    専門分野を
    スイッチ
    

    View Slide

32. 2000
    印刷所
    グラフィック
    デザイナー
    2007
    フリーランス
    Webデザイナー
    2018
    デザイン
    コミュニケーター
    2015
    家族
    デザイナー
    2012
    コミュニティ&
    デザイントレーナー
    経営者
    できそうな事
    なんでも
    やってみる期
    

    View Slide

33. 2000
    印刷所
    グラフィック
    デザイナー
    2007
    フリーランス
    Webデザイナー
    2018
    デザイン
    コミュニケーター
    2015
    家族
    デザイナー
    2012
    コミュニティ&
    デザイントレーナー
    経営者
    自分探しと
    市場の
    すり合わせ
    

    View Slide

34. 2000
    印刷所
    グラフィック
    デザイナー
    2007
    フリーランス
    Webデザイナー
    2018
    デザイン
    コミュニケーター
    2015
    家族
    デザイナー
    2012
    コミュニティ&
    デザイントレーナー
    経営者
    施策
    実行中
    

    View Slide

35. 2000
    印刷所
    グラフィック
    デザイナー
    2007
    フリーランス
    Webデザイナー
    2018
    デザイン
    コミュニケーター
    2015
    家族
    デザイナー
    2012
    コミュニティ&
    デザイントレーナー
    経営者
    意識せず
    専門分野を
    スイッチ
    できそうな事
    なんでも
    やってみる期
    マネジメントスキルを
    取得すれば良かった!
    

    View Slide

36. 比例しないよ
    責任範囲 習熟度
    スキル
    と は
    ！
    •領域を超えるためには、それに関連したスキルタイルを意識しようね。
    

    View Slide