つみきのデザインについて

2019.10.24にクローズドな交流会にて発表。
つみき https://tsumikiinc.com/ のデザインの特長である、動きのデザインについて事例などを元に説明。

Transcript

1. ͭΈ͖ ͷ σβΠϯʹ͍ͭͯ גࣜձࣾͭΈ͖ɹླ໦৻ޗ MOTION & INTERACTION DESIGN
2. ࣗݾ঺հ PROJECTS
3. ླ໦
   ৻ޗ גࣜձࣾͭΈ͖
 ϦʔυσβΠφʔ
   ʗ
   ΠϯλϥΫγϣϯσβΠφʔ
5. ΫϥΠΞϯτϫʔΫ
   
   ࣗࣾࣄۀ
6. νʔϜ
   º
   ϓϩδΣΫτ Design Team Project B Project C Project D Project E Project A
7. ಈ͖ͷσβΠϯ ͭΈ͖ͷσβΠϯͷಛ௕ MOTION & INTERACTION DESIGN
8. ϓϩδΣΫτࣄྫ PROJECTS
9. தݹंࠪఆΞϓϦͷ6*σβΠϯ
10. ϫΫϫΫײͷԋग़ ˞ൃද࣌͸Ξχϝʔγϣϯʹͯઆ໌
11. ΩϟϥΫλʔͷײ৘දݱ ˞ൃද࣌͸Ξχϝʔγϣϯʹͯઆ໌
12. ͋ ࢖༻ײΛΘ͔Γ΍͘͢఻͑Δ ˞ൃද࣌͸Ξχϝʔγϣϯʹͯઆ໌
13. ProtoPie Haiku Animator + Lottie.json Ϣʔβʔૢ࡞Λ൐͏
 ΠϯλϥΫγϣϯ ύʔπ୯Ґͷ
 ੩తͳΞχϝʔγϣϯ <
    ੍࡞πʔϧ
    >
14. ίϯηϓτσβΠϯ CONCEPT DESIGN
15. ᖿઝɾநग़ͷΧελϚΠζ͕Ͱ͖ΔίʔώʔΦʔμʔΞϓϦ ˞ൃද࣌͸Ξχϝʔγϣϯʹͯઆ໌
16. ͓ۚΛ࢖͍ͬͯΔ࣮ײ͕ੜ·ΕΔܾࡁΞϓϦ ˞ൃද࣌͸Ξχϝʔγϣϯʹͯઆ໌
17. Adobe XD <
    ੍࡞πʔϧ
    > 6*σβΠϯ
    
    ΠϯλϥΫγϣϯ
18. noteͰͷൃ৴ NOTE.TSUMIKIINC.COM
19. ެࣜϚΨδϯ
20. ϚΠΫϩΠϯλϥΫγϣϯͷ؍࡯ɾߟ࡯
21. ϓϩτλΠϓ੍࡞
    
    σβΠϯҙਤͷղઆ
22. ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ @shingo2000