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

マイクロインタラクションから考えるアニメーション

KeitaroOkamura
August 24, 2018

 マイクロインタラクションから考えるアニメーション

KeitaroOkamura

August 24, 2018
Tweet

More Decks by KeitaroOkamura

Other Decks in Design

Transcript

  1. ϚΠΫϩΠϯλϥΫγϣϯ
    ͔Βߟ͑Δ
    Ξχϝʔγϣϯ
    6*ΠϯλϥΫγϣϯɾΞχϝʔγϣϯ-5େձ

    View full-size slide

  2. ࣗݾ঺հ
    ,FJUBSP0LBNVSB
    ΧϥϏφςΫϊϩδʔגࣜձࣾ
    'SPOUFOE&OHJOFFS
    ϑϩϯτΤϯυΤϯδχΞ೥ੜ
    @karaagekeitaroo

    View full-size slide

  3. Š%BO4BGGFSஶʮϚΠΫϩΠϯλϥΫγϣϯʕʕ6*69σβΠϯͷਆ͕॓Δࡉ෦ʯ 03FJMMZ+BQBO

    ࠓ೔ͷ಺༰

    View full-size slide

  4. ɾʮ͜Ε͸ࡉ͔͍͜ͱ͚ͩΕͲ΋վྑ͢ΔՁ
    ஋͕ઈରʹ͋Δʂʂʂʯ
    ɾʮ͜ΕΛվળ͢Ε͹੡඼͕֨ஈʹΑ͘ͳ
    Δʂʂʂʯ
    ͱओுͯ͠ɺ
    ΫϥΠΞϯτ΍։ൃऀ΍੡඼؅ཧऀɺ1.Λઆಘ͠Α͏ͱۤ৺͖ͯͨ͠ਓ
    ͜Μͳํ͸͍·ͤΜ͔ʁ

    View full-size slide

  5. Š%BO4BGGFSஶʮϚΠΫϩΠϯλϥΫγϣϯʕʕ6*69σβΠϯͷਆ͕॓Δࡉ෦ʯ 03FJMMZ+BQBO

    ͥͻಡΜͰ
    Έ͍ͯͩ͘͞

    View full-size slide

  6. ϚΠΫϩΠϯλϥΫγϣϯͬͯԿʁ
    ϚΠΫϩΠϯλϥΫγϣϯͱ͸ʮ੡඼ͷ࠷খ୯ҐͷΠϯλ
    ϥΫγϣϯʯͱఆٛ͞Ε͍ͯΔɻ
    ͱͯ΋খ͞ͳ΍ΓͱΓ

    View full-size slide

  7. ΞϥʔτΛηοτ⏰ ύεϫʔυΛೖྗ✏
    ϩάΠϯ͢Δ✅
    ʮ͍͍Ͷʂʯ
    ϘλϯΛԡ͢
    ୭΋͕ϚΠΫϩΠϯλϥΫγϣϯΛ
    ೔ৗతʹߦͳ͍ͬͯΔ

    View full-size slide

  8. “ ࡉ෦͸୯ͳΔࡉ෦ʹͱͲ·Γ·ͤΜɻࡉ෦
    ͕ͦ͜੡඼Λ࡞Γ্͛ΔͷͰ͢”
    ŠνϟʔϧζɾΠʔϜζ

    View full-size slide

  9. τϦΨʔ ϧʔϧ
    ϧʔϓϞʔυ ϑΟʔυόοΫ
    ϚΠΫϩΠϯλϥΫγϣϯͭͷߏ଄

    View full-size slide

  10. τϦΨʔ
    ϧʔϧ
    τϦΨʔ͸ϚΠΫϩΠϯλϥΫγϣϯΛ։࢝ͤ͞Δ͖͔͚ͬ
    ϚΠΫϩΠϯλϥΫγϣϯͷಈ࡞Λఆٛ͢ΔϧʔϧɻͲΜͳ࣌ʹɺԿΛର৅ʹɺ
    ͲΜͳτϦΨʔͰΠϯλϥΫγϣϯ͕࢝·ΓɺͲͷΑ͏ʹϑΟʔυόοΫͤ͞
    Δ͔
    खಈτϦΨʔ γεςϜτϦΨʔ
    εϥΠυ͢Δ͜ͱͰ
    ిݯΛ੾Δ
    ॆి͕ҎԼʹͳΔ
    ͱɺলిྗϞʔυʹ੾
    Γସ͑Δ͔໰ΘΕΔ

    View full-size slide

  11. ϑΟʔυόοΫ
    ϧʔϓϞʔυ
    ϧʔϧΛϢʔβʔʹ໌ࣔ͢ΔϑΟʔυόοΫɻϢʔβʔͷཧղΛॿ͚Δࢹ֮తɺ
    ௌ֮తɺ৮֮తͳཁૉ
    ϚΠΫϩΠϯλϥΫγϣϯͷϝλϧʔϧʢϧʔϧΛ੍ޚ͢Δϧʔϧʣ
    ϧʔϓͱ͸ɺఆΊΒΕ͚ͨؒͩ܁Γฦ͢αΠΫϧɻϞʔυͱ͸ϧʔϧ͕ೋވҎ
    ্ʹͳͬͨ΋ͷ
    ॆి͕׬ྃ͢ΔͱϞʔυ͕ऴྃ͢Δ

    View full-size slide

  12. ϑΟʔυόοΫ
    ϧʔϓϞʔυ
    ϧʔϧΛϢʔβʔʹ໌ࣔ͢ΔϑΟʔυόοΫɻϢʔβʔͷཧղΛॿ͚Δࢹ֮తɺ
    ௌ֮తɺ৮֮తͳཁૉ
    ϚΠΫϩΠϯλϥΫγϣϯͷϝλϧʔϧʢϧʔϧΛ੍ޚ͢Δϧʔϧʣ
    ϧʔϓͱ͸ɺఆΊΒΕ͚ͨؒͩ܁Γฦ͢αΠΫϧɻϞʔυͱ͸ϧʔϧ͕ೋވҎ
    ্ʹͳͬͨ΋ͷ
    ॆి͕׬ྃ͢ΔͱϞʔυ͕ऴྃ͢Δ

    View full-size slide

  13. Š%BO4BGGFSஶʮϚΠΫϩΠϯλϥΫγϣϯʕʕ6*69σβΠϯͷਆ͕॓Δࡉ෦ʯ 03FJMMZ+BQBO

    ৄ͘͠͸
    ͪ͜Β

    View full-size slide

  14. ɾԿ͔͕ى͖ͨ
    ɾϢʔβʔ͕Կ͔Λ࣮ߦͨ͠
    ɾॲཧ͕࢝·ͬͨPSଓߦதPSऴྃͨ͠
    ɾϢʔβʔʹʮͦΕ͸Ͱ͖ͳ͍ʯͱ஌ΒͤΔ
    ϑΟʔυόοΫͰ఻͑Δ͜ͱ

    View full-size slide

  15. ఻͍͑ͨࣄฑ͕͸͖ͬΓͨ͠Βɺ
    ͦΕΛͲ͏දݱ͢Δ͔ΛܾΊ·͢
    දݱ͢Δํ๏

    View full-size slide

  16. ɾϑΟʔυόοΫͷେ൒͸ࢹ֮తͳ΋ͷ͕ଟ͍
    ɾ஍ٿ্ͰࣈΛಡΊͳ͍ਓͷ਺͸ԯ ສਓ΋͍Δ
    ϑΟʔυόοΫΛࢹ֮తʹૌ͑Δํ
    ๏ɺͦΕ͕Ξχϝʔγϣϯɻ
    ΞχϝʔγϣϯΛ͏·͘࢖͑͹ɺؔ৺ΛҾ͖ͭͭɺ
    ҙຯ΋ਖ਼֬ʹ఻͑Δ͜ͱ͕Ͱ͖Δ

    View full-size slide

  17. ɾߴ଎
    ɾಈ࡞Λ஗Ԇͤ͞ͳ͍
    ɾ׈Β͔
    ɾ͗͘͠Όͨ͘͠ಈ͖͸ΞχϝʔγϣϯͷޮՌΛ୆ແ͠ʹͯ͠͠·͏
    ɾࣗવ
    ɾॏྗ΍׳ੑͳͲࣗવͷ๏ଇʹै͍ͬͯΔΑ͏ʹݟ͑Δ
    ΞχϝʔγϣϯͰ͔ܽͤͳ͍͜ͱ

    ϚΠΫϩΠϯλϥΫγϣϯͷಈ࡞͕ෆ҆ఆͰ͋Δ͔ͷΑ
    ͏ͳҹ৅Λ༩͑ͯ͠·͏

    View full-size slide

  18. ɾγϯϓϧ
    ɾਤ͕Θ͔Γ΍͍͢
    ɾ໨త͕͋Δ
    ɾ୯ͳΔʮ໨ͷอཆʯʹͱͲ·Βͳ͍
    ΞχϝʔγϣϯͰ͔ܽͤͳ͍͜ͱ

    Ϣʔβʔʹෛ୲Λ͔͚ͨΓɺϑΟʔυόοΫ͕త֎Εͳ΋
    ͷͰ͋ͬͯ͸ͳΒͳ͍

    View full-size slide

  19. ϑΟʔυόοΫ
    ͷ໨త
    ϧʔϧͷཧղΛ
    ॿ͚Δ͜ͱ
    ͭ·Γɾɾɾ

    View full-size slide

  20. ϚΠΫϩΠϯλϥΫγϣϯͷϧʔϧΛϢʔβʔʹཧղͯ͠΋Β͏͜ͱ
    ɾԿ͕ߦΘΕ͔ͨ
    ɾͦͷ݁Ռͱͯ͠Կ͕ى͖͔ͨ
    Ξχϝʔγϣϯͤ͞Δ໨త

    View full-size slide

  21. ϚΠΫϩΠϯλϥΫγϣϯͷߏ଄͕Ͳ͏ͳ͍ͬͯΔ͔ɺ
    Կʹ஫໨ͨ͠ΒΑ͍ͷ͔ɺͲͷΑ͏ͳॲཧΛ͍ͯ͠Δ͔
    ࠷ྑͷΞχϝʔγϣϯͱ͸ʁ
    ͦͷಈ͖ΛݟΕ͹ɺ
    Ͳ͏ػೳ͢Δ͔Λత֬ʹϢʔβʔʹ఻͍͑ͯΔ͜ͱ
    ʲ݁࿦ʳ

    View full-size slide

  22. Š%BO4BGGFSஶʮϚΠΫϩΠϯλϥΫγϣϯʕʕ6*69σβΠϯͷਆ͕॓Δࡉ෦ʯ 03FJMMZ+BQBO

    ৄ͘͠͸
    ͪ͜Β

    View full-size slide

  23. ྑ͍ΞχϝʔγϣϯΛ

    View full-size slide