Upgrade to Pro — share decks privately, control downloads, hide ads and more …

モデルとダイアグラムの活用の本質

Akira Motomura
November 02, 2022

 モデルとダイアグラムの活用の本質

2022年9月に開催したゆめみのサマーデザインインターンシップにて、「あらゆる場面でデザインを活用する力」と題して、モデルとダイアグラムの重要性、プロセス、活用方法について紹介しました。

Akira Motomura

November 02, 2022
Tweet

More Decks by Akira Motomura

Other Decks in Design

Transcript

  1. ϞσϧͱμΠΞάϥϜ
    ͷ׆༻ͷຊ࣭
    20 2
    2
    .
    09
    .
    0
    9
    Akira Motomura @ YUMEMI
    Summer Design Internship
    2
    022

    View Slide

  2. 2
    0
    Summer Design Internship
    2 0
    2
    2
    ࣗݾ঺հʴΠϯτϩμΫγϣϯ

    View Slide

  3. 3
    Summer Design Internship
    2 0
    2
    2
    ΞϝϦΧͰίϛϡχέʔγϣϯσβΠϯΛֶͼɺ

    αϯϑϥϯγείͷσβΠϯϑΝʔϜʹͯɺओͱ͠
    ͯIoTαʔϏεɾιϑτ΢ΣΞαʔϏε౳ͷσβΠϯ

    ϓϩδΣΫτʹैࣄɻ

    ؼࠃޙɺגࣜձࣾΏΊΈʹαʔϏεσβΠφʔͱ͠
    ͯೖࣾɻۚ༥ۀք΍ϋʔυ΢ΣΞϝʔΧʔͷσδλ
    ϧઓུʹؔΘΔϓϩδΣΫτͷਪਐࢧԉ΍σβΠϯ
    ํ๏࿦ͷಋೖࢧԉʹैࣄɻࠃ಺֎ͷσβΠϯ΍ͦͷ
    ํ๏࿦ʹ͓͚Δݚڀ΍஌ݟΛΩϟονΞοϓ͠ɺ࣮
    ࡍͷϓϩδΣΫτͰͷ࣮ફɾԠ༻ɾମܥԽΛಘҙͱ
    ͍ͯ͠Δɻ

    2020೥3݄ΑΓಉࣾऔక໾ʹब೚ɻ
    ຊଜষʢAkira Motomuraʣ
    औక໾ / αʔϏεσβΠφʔ

    View Slide

  4. 4
    Summer Design Internship
    2 0
    2
    2

    ຊ೔ͷ໨౰ͯ

    View Slide

  5. 5
    ໨࣍









    !


    0

    1

    2

    3

    4

    5

    6
    Summer Design Internship
    2 0
    2
    2

    View Slide

  6. 6
    1
    Summer Design Internship
    2 0
    2
    2
    νΣοΫΠϯ

    View Slide

  7. 7
    ςʔϚ
    Summer Design Internship
    2 0
    2
    2

    View Slide

  8. 8
    2
    Summer Design Internship
    2 0
    2
    2
    Ϟσϧͱ͸Կ͔ʁ

    View Slide

  9. 9
    Summer Design Internship
    2 0
    2
    2

    View Slide

  10. 10
    Summer Design Internship
    2 0
    2
    2

    View Slide

  11. 11
    Summer Design Internship
    2 0
    2
    2
    ఱಈઆ ஍ಈઆ

    View Slide

  12. 12
    Summer Design Internship
    2 0
    2
    2
    Hugh Dubberly
    Principle, Dubberly Design Of
    fi
    ce
    Models of models.,
    20
    09
    .


    http://www.dubberly.com/wp-content/uploads/
    2
    0
    09
    /
    0 3
    /ddo_article_modelsofmodels
    1
    .pdf



    View Slide

  13. 13
    Summer Design Internship
    2 0
    2
    2
    ੢੒׆༟
    ౦ژେֶઌ୺Պֶٕज़ݚڀηϯλʔڭत
    2016.


    https://amzn.to/
    3
    CsEAFJ




















    View Slide

  14. ࢲͨͪ͸ීஈͲͷΑ͏ʹ
    ϞσϧΛ࢖ͬͯੈքΛ
    ղऍ͍ͯ͠Δͷ͔ʁ

    View Slide

  15. 15
    Summer Design Internship
    2 0
    2
    2

    View Slide

  16. 16
    Summer Design Internship
    2 0
    2
    2

    View Slide

  17. 17
    Summer Design Internship
    2 0
    2
    2

    View Slide

  18. 18
    Summer Design Internship
    2 0
    2
    2

    View Slide

  19. 19
    Summer Design Internship
    2 0
    2
    2
    NO

    View Slide

  20. 20
    Summer Design Internship
    2 0
    2
    2
    YES
    NO

    View Slide

  21. 21
    Summer Design Internship
    2 0
    2
    2

    View Slide

  22. 22
    Summer Design Internship
    2 0
    2
    2

    View Slide

  23. 23
    Summer Design Internship
    2 0
    2
    2

    View Slide

  24. 24
    3
    Summer Design Internship
    2 0
    2
    2
    μΠΞάϥϜͱ͸Կ͔ʁ

    View Slide

  25. 25
    Summer Design Internship
    2 0
    2
    2

    View Slide

  26. 26
    Summer Design Internship
    2 0
    2
    2

    View Slide

  27. 27
    Summer Design Internship
    2 0
    2
    2

    View Slide

  28. 28
    Summer Design Internship
    2 0
    2
    2
    Abby Covert
    Information Architect, Author
    STUCK?: Diagrams Help.,
    2
    02 2
    .


    https://abbycovert.com/stuck/




    View Slide




  29. 29
    Summer Design Internship
    2 0
    2
    2

    View Slide

  30. μΠΞάϥϜ͕

    ࣋ͭύϫʔͱ͸ʁ

    View Slide

  31. Summer Design Internship
    2 0
    2
    2

    View Slide

  32. Summer Design Internship
    2 0
    2
    2

    View Slide

  33. 33
    Summer Design Internship
    2 0
    2
    2
    VUCA
    Volatility
    Uncertainty
    Complexity
    Ambiguity

    View Slide

  34. 34
    Summer Design Internship
    2 0
    2
    2
    VUCA
    Volatility
    Uncertainty
    Complexity
    Ambiguity
    Stability
    Transparency
    Understanding
    Clarity
    Kindness
    with

    View Slide

  35. 35
    Summer Design Internship
    2 0
    2
    2
    ਌੾

    View Slide

  36. Arrangement
    What or where?
    Time Context
    36
    Summer Design Internship
    2 0
    2
    2
    When or how? Which or why?
    +
    -
    +
    -

    View Slide

  37. View Slide

  38. 38
    Summer Design Internship
    2 0
    2
    2








    HCD 2021

    View Slide

  39. 39
    Summer Design Internship
    2 0
    2
    2

    View Slide

  40. 40
    Summer Design Internship
    2 0
    2
    2
    Beginning Middle End
    Exposition
    Rising action
    Climax
    Falling action
    Denouement
    Happy
    Unhappy

    View Slide

  41. 41
    Summer Design Internship
    2 0
    2
    2


    View Slide

  42. View Slide

  43. 43
    Summer Design Internship
    2 0
    2
    2

    View Slide

  44. 44
    Summer Design Internship
    2 0
    2
    2

    View Slide

  45. 45
    Summer Design Internship
    2 0
    2
    2


    A




    B


    C


    L

    A
    1
    A
    2

    A
    3

    A
    4

    A
    5
    A
    6
    A
    7

    A
    8
    A
    9

    A
    10


    A
    11



    A
    12



    A
    13
    B
    1

    B
    2

    B
    3

    C
    1


    C
    2

    C
    3
    C
    4

    L
    1


    L
    2


    L
    3
    HCD 2021

    View Slide

  46. 46
    Summer Design Internship
    2 0
    2
    2

    View Slide

  47. View Slide

  48. 48
    Summer Design Internship
    2 0
    2
    2
    Unconscious


    Intuitive


    Automatic


    "System
    1
    Conscious


    Deliberate


    Re
    fl
    ective


    System
    2
    "
    Tacit Explicit
    LEAST


    EFFORT

    View Slide

  49. 49
    Summer Design Internship
    2 0
    2
    2

    View Slide

  50. 50
    Summer Design Internship
    2 0
    2
    2

    View Slide

  51. 51
    Summer Design Internship
    2 0
    2
    2

    View Slide

  52. 52
    Summer Design Internship
    2 0
    2
    2


    View Slide

  53. 53
    Summer Design Internship
    2 0
    2
    2

    View Slide

  54. View Slide

  55. 55
    Summer Design Internship
    2 0
    2
    2
    Text

    View Slide

  56. 56
    Summer Design Internship
    2 0
    2
    2

    with
    Text

    View Slide

  57. 57
    4
    Summer Design Internship
    2 0
    2
    2
    Ϟσϧ΍μΠΞάϥϜΛͲͷΑ͏ʹ
    ࡞Γ׆༻͢Δͷ͔ʁ

    View Slide

  58. 58
    Summer Design Internship
    2 0
    2
    2
    1
    .


    2
    .


    3
    .
    1
    .


    2
    .


    3
    .


    4
    .


    5
    .
    This, and then,

    View Slide

  59. 59
    Summer Design Internship
    2 0
    2
    2
    Content-driven
    Accessible Visually supported
    1
    .
    
 


    2
    .
    
 


    3
    .


    1
    .
    
 


    2
    .
    
 


    3
    .
    
 

    1
    .
    
 


    2
    .

    
 

    3
    . ⾒
    
 


    View Slide

  60. 60
    Summer Design Internship
    2 0
    2
    2
    [ ]
    A

    View Slide

  61. 61
    Summer Design Internship
    2 0
    2
    2
    [ ]
    A

    View Slide

  62. 62
    Summer Design Internship
    2 0
    2
    2
    [ ]
    A

    View Slide

  63. 63
    Summer Design Internship
    2 0
    2
    2
    [ ]



    A B

    View Slide

  64. 64
    Summer Design Internship
    2 0
    2
    2
    [ ]


    A B

    View Slide

  65. 65
    5
    Summer Design Internship
    2 0
    2
    2

    View Slide

  66. 66
    Summer Design Internship
    2 0
    2
    2
    15
    1



    1
    .


    2
    .


    3
    .


    4
    . 1


    5
    .


    OK


    Miro

    View Slide

  67. 15

    View Slide

  68. 68
    6
    Summer Design Internship
    2 0
    2
    2

    View Slide

  69. 69
    Summer Design Internship
    2 0
    2
    2

    View Slide

  70. 70
    Summer Design Internship
    2 0
    2
    2
    Models of models.


    June,
    2
    0 0 9
    .


    Hugh Dubberly.


    http://www.dubberly.com/wp-
    content/uploads/
    20 09
    /
    03
    /
    ddo_article_modelsofmodels
    1
    .p
    df
    STUCK? Diagrams Help.


    August,
    2 02 2
    .


    Abby Covert.


    https://abbycovert.com/stuck/

    View Slide

  71. 71
    Summer Design Internship
    2 0
    2
    2
    Visual Grammar




    2007 3


    Christian Leborg


    https://amzn.to/
    3
    wzcCo
    4


    2016 6


    Josef Albers


    https://amzn.to/
    3
    KtSr
    0
    r


    2019 11


    Josef Muller-Brockmann


    https://amzn.to/
    3
    e
    37
    pOW
    The Vignelli Canon


    2015 11


    Massimo Vignelli


    https://bit.ly/
    3
    cq
    9
    vYK
    Typographic Systems


    8


    2007 9


    Kimbely Elam


    https://amzn.to/
    3
    AsVbq
    7

    View Slide

  72. 72
    Summer Design Internship
    2 0
    2
    2
    Intertwingled:

    /


    2015 1


    Peter Morville


    https://amzn.to/
    3
    TnSm
    2
    p
    Figure It Out: Getting from
    Information to
    Understanding


    2020 5


    Stehen P. Anderson & Karl Fast


    https://amzn.to/
    3
    KtG
    58
    H
    Understanding Context:


    Environment, Language, and
    Information Architecture

    2014 12


    Andrew Hinton


    https://amzn.to/
    3
    CE
    8
    g
    2
    B

    View Slide

  73. 73
    Summer Design Internship
    2 0
    2
    2


    2022 3


    Claus O. Wilke


    https://amzn.to/
    3
    RcAYM
    2
    Design for Information: An
    Introduction to the Histories,
    Theories, and Best Practices
    Behind E
    ff
    ective Information


    2013 10


    Isabel Meirelles


    https://amzn.to/
    3
    wC
    6
    Hyq
    Envisioning


    Information

    1990 5


    Edward R. Tufte


    https://amzn.to/
    3
    QT
    5
    quW

    View Slide

  74. 74
    Summer Design Internship
    2 0
    2
    2
    A strategic map of Disneyland


    1957


    Walt Disney


    https://bit.ly/
    3
    pP
    04
    Fh
    Eames Design Diagram


    1969


    Charles Eames


    https://bit.ly/
    3
    pRsoqp
    Pace Layering Diagram


    1999


    Stewart Brand


    https://ekrits.jp/
    2 015
    /
    03
    /
    403
    /

    View Slide