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

マテリアルデザインの起源とベースとなる哲学

KENTARO SATA
February 07, 2019

 マテリアルデザインの起源とベースとなる哲学

マテリアルデザインの根底にある哲学とそこに至る背景を整理考察した内容です。

マテリアルデザインが2014に発表されてから、多くの開発者やデザイナーはGoogleが提供するマテリアルデザインガイドラインを参照して開発を行ってきました。

マテリアルデザインガイドラインにはルールの記載はあるが、ルールにいたった理由や背景が記載されていません。
理由や背景がないために、企画・開発・デザイン間でガイドラインにどこまで従うべきかの判断が難しい状況が度々起こるかと思います。
そもそも作った人はどういった意図でこのガイドラインに落として行ったのかを考察することで、議論の有効な論点の一助となればと思います。

KENTARO SATA

February 07, 2019
Tweet

More Decks by KENTARO SATA

Other Decks in Design

Transcript

  1. ϚςϦΞϧσβΠϯͷىݯͱϕʔεͱͳΔ఩ֶ
    Presenter : Kentaro Sata
    - 2019/02/07 -

    View Slide

  2. PROFILE
    AndroidΤϯδχΞ
    — FiNC Technologiesʹॴଐ
    — ίϛϡχςΟʔػೳΛ։ൃ͢ΔνʔϜͷTL
    Ωϟϯύʔ
    — ฏۉ͢ΔͱҰ݄ʹ1ճҎ্͸ςϯτੜ׆
    — ݱࡏ͸ݐஙՈͷ༑ਓͱςϯτΛσβΠϯத (https://twitter.com/
    SataKentaro)
    ݐங
    — ֶੜ࣌୅͸ݐஙσβΠϯΛઐ߈
    Kentaro Sata (Ωϟϯϓͷ͑Μ͡ʹ͋)
    AndroidΤϯδχΞ / Ωϟϯύʔ / ݐங

    View Slide

  3. ͸͡Ίʹ
    Introduction

    View Slide

  4. ͸͡Ίʹ
    Introduction
    ͜Μͳ΍ΓͱΓ͋Γ·ͤΜ͔ʁ
    ʮ"OESPJEͷ6*͸J04ͱಉ͡Ͱʂʯ
    σβΠφʔ

    View Slide

  5. ͸͡Ίʹ
    Introduction
    ʮ"OESPJE͸ϚςϦΞϧσβΠϯ͔ͩΒJ04ʹἧ͑Δ΂͖Ͱ͸ͳ͍ʯ
    ʮͦΕ͸ϚςϦΞϧσβΠϯΨΠυϥΠϯʹ൓ͯ͠ΔɻΨΠυϥΠϯʹै͏΂͖ʯ
    ͦΕʹର͢Δ"OESPJEΤϯδχΞͱͯ͠ͷ൓࿦ͷ਺ʑ
    ʮ"OESPJEϢʔβʔ͸ϚςϦΞϧσβΠϯʹ׳Ε͍ͯΔ͔Βʯ
    ʮ"OESPJEΒ͍͠σβΠϯͬͯ΋ͷ͕͋Δʯ

    View Slide

  6. ͸͡Ίʹ
    Introduction
    ຊ౰ʹͦΕ͕ॏཁͳΜͰ͠ΐ͏͔ʁ

    View Slide

  7. ͸͡Ίʹ
    Introduction
    ͦ΋ͦ΋ɺ୭͕࡞͔ͬͨΛ஌͍ͬͯ·͔͢ʁ

    View Slide

  8. ͸͡Ίʹ
    Introduction
    ϚςΟΞεɾσϡΞϧς
    .BUJBT%VBSUF
    ग़యIUUQCJUMZ3;&94

    View Slide

  9. %
    1SJOUJOH
    %FTJHO
    -BOHVBHF
    .FUBQIPS
    5FDIOPMPHZ
    1IZTJDT
    ͸͡Ίʹ
    Introduction

    View Slide

  10. %
    1SJOUJOH
    %FTJHO
    -BOHVBHF
    .FUBQIPS
    5FDIOPMPHZ
    1IZTJDT
    ͸͡Ίʹ
    Introduction

    View Slide

  11. %
    1SJOUJOH
    %FTJHO
    -BOHVBHF
    .FUBQIPS
    5FDIOPMPHZ
    1IZTJDT
    ͸͡Ίʹ
    Introduction
    Philosophy

    View Slide

  12. %
    1SJOUJOH
    %FTJHO
    -BOHVBHF
    .FUBQIPS
    5FDIOPMPHZ
    1IZTJDT
    ͸͡Ίʹ
    Introduction
    Philosophy

    View Slide

  13. ͸͡Ίʹ
    Introduction

    View Slide

  14. %
    1SJOUJOH
    %FTJHO
    -BOHVBHF
    .FUBQIPS
    5FDIOPMPHZ
    1IZTJDT
    ͸͡Ίʹ
    Introduction

    View Slide

  15. ͸͡Ίʹ
    Introduction
    ϚςΟΞεɾσϡΞϧς
    .BUJBT%VBSUF

    View Slide

  16. ͸͡Ίʹ
    Introduction - history -

    View Slide

  17. ͸͡Ίʹ
    Introduction
    σβΠϯͬͯࠓ·ͰͲΜͳࢼߦࡨޡ͕ͳ͞ΕͨͷʁdσβΠϯͱΞʔτͷྺ࢙d
    ՝୊͸Կʁd.BUJBT%VBSUFͷҙࢥͱ఩ֶd
    ຊདྷͷ՝୊Λ;·͑ͯd͜Ε͔ΒͷϚςϦΞϧσβΠϯͱͷ෇͖߹͍ํd
    "HFOEB

    View Slide

  18. σβΠϯͬͯࠓ·ͰͲΜͳࢼߦࡨޡ͕ͳ͞Εͨͷʁ
    ~σβΠϯͱΞʔτͷྺ࢙~
    History of Design Iteration.
    ~History of Design & Art~
    - 01 -

    View Slide

  19. σβΠϯͬͯࠓ·ͰͲΜͳࢼߦࡨޡ͕ͳ͞Εͨͷʁ
    ~σβΠϯͱΞʔτͷྺ࢙~
    History of Design Iteration. ~History of Design & Art~
    WT
    ੜ࢈ੑ߹ཧੑ ଟ༷ੑݸੑ

    View Slide

  20. History of Design Iteration. ~History of Design & Art~
    σβΠϯͬͯࠓ·ͰͲΜͳࢼߦࡨޡ͕ͳ͞Εͨͷʁ
    ~σβΠϯͱΞʔτͷྺ࢙~
    2019
    1760

    View Slide

  21. History of Design Iteration. ~History of Design & Art~
    σβΠϯͬͯࠓ·ͰͲΜͳࢼߦࡨޡ͕ͳ͞Εͨͷʁ
    ~σβΠϯͱΞʔτͷྺ࢙~
    2019
    1760
    ग़యIUUQCJUMZ4DJO
    ࢈ۀֵ໋
    ੜ࢈ੑ߹ཧੑ

    View Slide

  22. History of Design Iteration. ~History of Design & Art~
    σβΠϯͬͯࠓ·ͰͲΜͳࢼߦࡨޡ͕ͳ͞Εͨͷʁ
    ~σβΠϯͱΞʔτͷྺ࢙~
    2019
    1760
    ग़యIUUQCJUMZ4DJO
    ࢈ۀֵ໋
    ੜ࢈ੑ߹ཧੑ
    ѹ౗తੜ࢈ੑര஀

    View Slide

  23. History of Design Iteration. ~History of Design & Art~
    σβΠϯͬͯࠓ·ͰͲΜͳࢼߦࡨޡ͕ͳ͞Εͨͷʁ
    ~σβΠϯͱΞʔτͷྺ࢙~
    2019
    1760
    ग़యIUUQCJUMZ6TV)J
    WT
    ग़యIUUQCJUMZ4DJO
    ੜ࢈ੑ߹ཧੑ ଟ༷ੑݸੑ
    ଟ༷ੑݸੑ

    View Slide

  24. ग़యIUUQCJUMZ6TV)J ग़యIUUQCJUMZ4I11
    History of Design Iteration. ~History of Design & Art~
    σβΠϯͬͯࠓ·ͰͲΜͳࢼߦࡨޡ͕ͳ͞Εͨͷʁ
    ~σβΠϯͱΞʔτͷྺ࢙~
    2019
    1760
    ѹ౗తͳଟ༷ੑݸੑʹภ͍ͬͯ͘
    ଟ༷ੑݸੑ
    (P(Pʂ

    View Slide

  25. ग़యIUUQCJUMZ6U&EL6 ग़యIUUQCJUMZ4,[
    History of Design Iteration. ~History of Design & Art~
    σβΠϯͬͯࠓ·ͰͲΜͳࢼߦࡨޡ͕ͳ͞Εͨͷʁ
    ~σβΠϯͱΞʔτͷྺ࢙~
    2019
    1760
    ੜ࢈ੑ߹ཧੑ
    ੜ࢈ੑ߹ཧੑ΁ͷ༳Γ໭͠

    View Slide

  26. ग़యIUUQCJUMZ6U&EL6
    History of Design Iteration. ~History of Design & Art~
    σβΠϯͬͯࠓ·ͰͲΜͳࢼߦࡨޡ͕ͳ͞Εͨͷʁ
    ~σβΠϯͱΞʔτͷྺ࢙~
    2019
    1760
    ଟ༷ੑݸੑ
    ੜ࢈ੑ߹ཧੑ ଟ༷ੑݸੑ
    WT
    ग़యIUUQCJUMZ4,5*Y
    ग़యIUUQCJUMZ6TV)J

    View Slide

  27. ग़యIUUQCJUMZ4,5*Y
    History of Design Iteration. ~History of Design & Art~
    σβΠϯͬͯࠓ·ͰͲΜͳࢼߦࡨޡ͕ͳ͞Εͨͷʁ
    ~σβΠϯͱΞʔτͷྺ࢙~
    2019
    1760
    ଟ༷ੑݸੑ
    (P(Pʂ
    ग़యIUUQCJUMZ6,W6V
    ѹ౗తͳଟ༷ੑݸੑʹภͬͨ΋ͷ΋ݱΕΔ
    ग़యIUUQCJUMZ4YHTT

    View Slide

  28. History of Design Iteration. ~History of Design & Art~
    σβΠϯͬͯࠓ·ͰͲΜͳࢼߦࡨޡ͕ͳ͞Εͨͷʁ
    ~σβΠϯͱΞʔτͷྺ࢙~
    2019
    1760
    WT
    ੜ࢈ੑ߹ཧੑ ଟ༷ੑݸੑ

    View Slide

  29. History of Design Iteration. ~History of Design & Art~
    σβΠϯͬͯࠓ·ͰͲΜͳࢼߦࡨޡ͕ͳ͞Εͨͷʁ
    ~σβΠϯͱΞʔτͷྺ࢙~
    2019
    1760
    ੜ࢈ੑ߹ཧੑ ଟ༷ੑݸੑ

    View Slide

  30. History of Design Iteration. ~History of Design & Art~
    σβΠϯͬͯࠓ·ͰͲΜͳࢼߦࡨޡ͕ͳ͞Εͨͷʁ
    ~σβΠϯͱΞʔτͷྺ࢙~
    2019
    1760
    6*69σβΠϯ

    View Slide

  31. History of Design Iteration. ~History of Design & Art~
    σβΠϯͬͯࠓ·ͰͲΜͳࢼߦࡨޡ͕ͳ͞Εͨͷʁ
    ~σβΠϯͱΞʔτͷྺ࢙~
    2019
    1760
    ϚςϦΞϧσβΠϯര஀
    ग़యIUUQTNBUFSJBMJP

    View Slide

  32. ୈҰষ σβΠϯͱΞʔτͷྺ࢙ ·ͱΊ
    σβΠϯͬͯࠓ·ͰͲΜͳࢼߦࡨޡ͕ͳ͞Εͨͷʁ
    ~σβΠϯͱΞʔτͷྺ࢙~
    History of Design Iteration. ~History of Design & Art~
    ϚςϦΞϧσβΠϯ͸ͦΜͳݱ୅ʹੜ·Εͨ
    ᶃσβΠϯʹ͸ʮੜ࢈ੑ߹ཧੑWTଟ༷ੑݸੑʯͷมભ͕͋ͬͨ
    ᶄݱ୅͸ੜ࢈తͳσβΠϯݪଇͷՁ஋ΛೝΊɺଟ༷ੑΛ໛ࡧ͢Δ࣌୅
    ᶅ6*69σβΠϯͱ͍͏৽δϟϯϧ͕ՃΘͬͨݱ୅

    View Slide

  33. ຊདྷͷ՝୊͸Կʁ
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?
    ~Purpose & Philosophy of Matias Duarte~
    - 02 -

    View Slide

  34. ᶃσβΠϯʹ͸ʮੜ࢈ੑ߹ཧੑWTଟ༷ੑݸੑʯͷมભ͕͋ͬͨ
    ᶄݱ୅͸ੜ࢈తͳσβΠϯݪଇͷՁ஋ΛೝΊɺଟ༷ੑΛ໛ࡧ͢Δ࣌୅
    ᶅ6*69σβΠϯͱ͍͏৽δϟϯϧ͕ՃΘͬͨݱ୅
    ϚςϦΞϧσβΠϯ͸ͦΜͳݱ୅ʹੜ·Εͨ
    ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~

    View Slide

  35. ᶃ҆ఆతͳσβΠϯͱੜ࢈ੑ ރΕͨҹ࡮σβΠϯٕज़ͷ׆༻

    ᶄଟ༷ੑΛఏڙͰ͖ΔΠϯϑϥ
    ᶅࠜݯతʹྑ͍6*69 ೴ʹ΍͍͞͠৺གྷΔମݧ

    ᶃσβΠϯʹ͸ʮੜ࢈ੑ߹ཧੑWTଟ༷ੑݸੑʯͷมભ͕͋ͬͨ
    ᶄݱ୅͸ੜ࢈తͳσβΠϯݪଇͷՁ஋ΛೝΊɺଟ༷ੑΛ໛ࡧ͢Δ࣌୅
    ᶅ6*69σβΠϯͱ͍͏৽δϟϯϧ͕ՃΘͬͨݱ୅
    ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~

    View Slide

  36. ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~
    ϚςΟΞεɾσϡΞϧς
    .BUJBT%VBSUF
    ग़యIUUQCJUMZ3;&94

    View Slide

  37. Matias Duarteͷҙࢥ ͦͷೋ ~ރΕͨҹ࡮σβΠϯٕज़ͷ׆༻~
    01 / 03
    ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~

    View Slide

  38. 2019
    1760
    WT
    ੜ࢈ੑ߹ཧੑ ଟ༷ੑݸੑ
    ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~

    View Slide

  39. ग़యIUUQCJUMZ6U&EL6 ग़యIUUQCJUMZ4,[
    2019
    1760
    ੜ࢈ੑ߹ཧੑ
    ੜ࢈త߹ཧతͳσβΠϯݪଇ
    ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~

    View Slide

  40. ग़యIUUQCJUMZ4,[
    2019
    1760
    ੜ࢈ੑ߹ཧੑ
    ϙελʔσβΠϯ
    ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~

    View Slide

  41. ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~
    ҆ఆతͳσβΠϯͱੜ࢈ੑ

    View Slide

  42. Matias Duarteͷҙࢥ ͦͷࡾ ~ଟ༷ੑ~
    02 / 03
    ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~

    View Slide

  43. .BUFSJBM%FTJHO
    .BUFSJBM%FTJHO
    .BUFSJBM%FTJHO
    .BUFSJBM%FTJHO
    BQQ
    BQQ
    BQQ
    BQQ

    ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~

    View Slide

  44. .BUFSJBM%FTJHO
    *OGSB
    BQQ
    BQQ
    BQQ
    BQQ
    UIJTJT8IBU*NQPSUBOU
    ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~

    View Slide

  45. ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~
    ଟ༷ੑΛఏڙͰ͖ΔΠϯϑϥ

    View Slide

  46. Matias Duarteͷҙࢥ ͦͷҰ ~೴ʹ΍͍͞͠৺གྷΔମݧ~
    03 / 03
    BIPL
    ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~

    View Slide

  47. ϚςϦΞϧ
    ϝλϑΝʔ ൺᄻ

    ૝૾ྗΛܹࢗ͢Δຐ๏ͷΑ͏ͳମݧ
    )PXUIF.BUFSJBM%FTJHOJT
    Պֶٕज़ͷֵ৽ੑͱՄೳੑΛ༥߹ͤͨ͞ࢹ֮ݴޠ
    ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~

    View Slide

  48. UIBU`TBDBNFSB
    453&44'6-
    ೝ஌Պֶ
    ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~
    XIBU`TUIJTEBEEZ
    /0/&453&44

    View Slide

  49. ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~

    View Slide

  50. ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~
    *`N

    View Slide

  51. ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~

    View Slide

  52. ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~
    BQQMFGBMMT

    View Slide

  53. ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~
    BQQMFGBMMT

    View Slide

  54. -JHIU4IBEPXT 4VSGBDF .PUJPO
    ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~
    /0/&453&44

    View Slide

  55. ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~
    ೴ʹ΍͍͞͠

    View Slide

  56. ϚςϦΞϧ
    ϝλϑΝʔ ൺᄻ

    ૝૾ྗΛܹࢗ͢Δຐ๏ͷΑ͏ͳମݧ
    )PXUIF.BUFSJBM%FTJHOJT
    Պֶٕज़ͷֵ৽ੑͱՄೳੑΛ༥߹ͤͨ͞ࢹ֮ݴޠ
    ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~

    View Slide

  57. IFSF
    ࢹ֮໺
    ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~

    View Slide

  58. ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~

    View Slide

  59. ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~

    View Slide

  60. ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~


    View Slide

  61. ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~

    View Slide

  62. ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~
    ʁPLHPBIFBE

    View Slide

  63. ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~
    *OUFSFTUJOH✨
    8PPP✨

    View Slide

  64. ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~
    8PPP✨
    ৺གྷΔ

    View Slide

  65. ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~
    ೴ʹ΍͍͞͠ମݧ
    ࣗ༝ͳಈ͖Ͱ৺གྷΔମݧ

    View Slide

  66. ࠜݯతʹྑ͍6*69 ೴ʹ΍͍͞͠৺གྷΔମݧ

    Matias Duarteͷҙࢥ ·ͱΊ ~ଟ༷ͳϢʔβʔՁ஋ͱੜ࢈ੑ~
    ҆ఆతͳσβΠϯͱੜ࢈ੑ ރΕͨҹ࡮σβΠϯٕज़ͷ׆༻

    ଟ༷ੑΛఏڙͰ͖ΔΠϯϑϥ
    ຊདྷͷ՝୊͸Կ?
    ~Matias Duarteͷҙࢥͱ఩ֶ~
    what’s the subject?~Purpose & Philosophy of Matias Duarte~

    View Slide

  67. ຊདྷͷ՝୊Λ;·͑ͯ
    ~͜Ε͔ΒͷϚςϦΞϧσβΠϯͱͷ෇͖߹͍ํ~
    Based on subjects of Material Design
    ~How we use Material Design~
    - 03 -

    View Slide

  68. ͦͷલʹɺୈҰষͱୈೋষΛ͓͞Β͍
    ຊདྷͷ՝୊Λ;·͑ͯ
    ~͜Ε͔ΒͷϚςϦΞϧσβΠϯͱͷ෇͖߹͍ํ~
    Based on subjects of Material Design. ~How we use Material Design~

    View Slide

  69. ୈҰষ σβΠϯͱΞʔτͷྺ࢙ ·ͱΊ
    ຊདྷͷ՝୊Λ;·͑ͯ
    ~͜Ε͔ΒͷϚςϦΞϧσβΠϯͱͷ෇͖߹͍ํ~
    Based on subjects of Material Design. ~How we use Material Design~
    ϚςϦΞϧσβΠϯ͸ͦΜͳݱ୅ʹੜ·Εͨ
    ᶃσβΠϯʹ͸ʮੜ࢈ੑ߹ཧੑWTଟ༷ੑݸੑʯͷมભ͕͋ͬͨ
    ᶄݱ୅͸ੜ࢈తͳσβΠϯݪଇͷՁ஋ΛೝΊɺଟ༷ੑΛ໛ࡧ͢Δ࣌୅
    ᶅ6*69σβΠϯͱ͍͏৽δϟϯϧ͕ՃΘͬͨݱ୅

    View Slide

  70. Matias Duarteͷҙࢥ ·ͱΊ ~ଟ༷ͳϢʔβʔՁ஋ͱੜ࢈ੑ~
    ຊདྷͷ՝୊Λ;·͑ͯ
    ~͜Ε͔ΒͷϚςϦΞϧσβΠϯͱͷ෇͖߹͍ํ~
    Based on subjects of Material Design. ~How we use Material Design~
    ࠜݯతʹྑ͍6*69 ೴ʹ΍͍͞͠৺གྷΔମݧ

    ҆ఆతͳσβΠϯͱੜ࢈ੑ ރΕͨҹ࡮σβΠϯٕज़ͷ׆༻

    ଟ༷ੑΛఏڙͰ͖ΔΠϯϑϥ

    View Slide

  71. ࠜݯతʹྑ͍6*69
    ҆ఆతͳσβΠϯͱੜ࢈ੑ
    ଟ༷ੑΛఏڙͰ͖ΔΠϯϑϥ
    ຊདྷͷ՝୊Λ;·͑ͯ
    ~͜Ε͔ΒͷϚςϦΞϧσβΠϯͱͷ෇͖߹͍ํ~
    Based on subjects of Material Design. ~How we use Material Design~

    View Slide

  72. ࠜݯతʹྑ͍6*69ˠαʔϏεͱͯ͠ͷϢʔβʔମݧ
    ҆ఆతͳσβΠϯͱੜ࢈ੑˠσβΠϯޮ཰ɺ։ൃޮ཰
    ଟ༷ੑΛఏڙͰ͖ΔΠϯϑϥˠಠࣗͷϒϥϯυՁ஋
    ຊདྷͷ՝୊Λ;·͑ͯ
    ~͜Ε͔ΒͷϚςϦΞϧσβΠϯͱͷ෇͖߹͍ํ~
    Based on subjects of Material Design. ~How we use Material Design~

    View Slide

  73. Based on subjects of Material Design. ~How we use Material Design~
    ʮ"OESPJEͷ6*͸J04ͱಉ͡Ͱʂʯ
    σβΠφʔ
    ຊདྷͷ՝୊Λ;·͑ͯ
    ~͜Ε͔ΒͷϚςϦΞϧσβΠϯͱͷ෇͖߹͍ํ~

    View Slide

  74. σβΠφʔͷൃݴͷഎܠ
    αʔϏεͱͯ͠ͷϢʔβʔମݧͱͯ͠Θ͔Γ΍͍͢ͱࢥ͍ͬͯΔ
    σβΠφʔͱͯ͠ޮ཰తͩͱࢥ͍ͬͯΔ
    ಠࣗͷϒϥϯυՁ஋ͱͯ͠౷Ұ͍ͨ͠ͱࢥ͍ͬͯΔ
    ຊདྷͷ՝୊Λ;·͑ͯ
    ~͜Ε͔ΒͷϚςϦΞϧσβΠϯͱͷ෇͖߹͍ํ~
    Based on subjects of Material Design. ~How we use Material Design~

    View Slide

  75. αʔϏεͱͯ͠ͷϢʔβʔମݧͱͯ͠Θ͔Γ΍͍͢ͱࢥ͍ͬͯΔ
    %SBXFS #PUUPN/BWJHBUJPO
    ग़యIUUQCJUMZ6,/32U
    Based on subjects of Material Design. ~How we use Material Design~
    ຊདྷͷ՝୊Λ;·͑ͯ
    ~͜Ε͔ΒͷϚςϦΞϧσβΠϯͱͷ෇͖߹͍ํ~

    View Slide

  76. σβΠφʔͱͯ͠ޮ཰తͩͱࢥ͍ͬͯΔ
    ग़యIUUQCJUMZ4C2YD/
    "OESPJE6* J046*
    Based on subjects of Material Design. ~How we use Material Design~
    ຊདྷͷ՝୊Λ;·͑ͯ
    ~͜Ε͔ΒͷϚςϦΞϧσβΠϯͱͷ෇͖߹͍ํ~

    View Slide

  77. ಠࣗͷϒϥϯυՁ஋ͱͯ͠౷Ұ͍ͨ͠ͱࢥ͍ͬͯΔ
    GPOU DPMPS
    ग़యIUUQCJUMZ6*"Z[) ग़యIUUQCJUMZ6'6)('
    Based on subjects of Material Design. ~How we use Material Design~
    ຊདྷͷ՝୊Λ;·͑ͯ
    ~͜Ε͔ΒͷϚςϦΞϧσβΠϯͱͷ෇͖߹͍ํ~

    View Slide

  78. ಠࣗͷϒϥϯυՁ஋ͱͯ͠౷Ұ͍ͨ͠ͱࢥ͍ͬͯΔ
    .BUFSJBM5IFNJOH
    ग़యIUUQCJUMZ6):#JX
    Based on subjects of Material Design. ~How we use Material Design~
    ຊདྷͷ՝୊Λ;·͑ͯ
    ~͜Ε͔ΒͷϚςϦΞϧσβΠϯͱͷ෇͖߹͍ํ~

    View Slide

  79. ݁࿦ ~ϚςϦΞϧσβΠϯͷ߹ཧੑΛۛຯ͠ଟ༷ੑΛՃ͑Δ~
    αʔϏεͱͯ͠ͷϢʔβʔମݧ
    σβΠϯޮ཰ɺ։ൃޮ཰
    ಠࣗͷϒϥϯυՁ஋
    Based on subjects of Material Design. ~How we use Material Design~
    ຊདྷͷ՝୊Λ;·͑ͯ
    ~͜Ε͔ΒͷϚςϦΞϧσβΠϯͱͷ෇͖߹͍ํ~

    View Slide

  80. ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠
    Kentaro Sata
    - THANK YOU -

    View Slide