3/30に行われた「Adobe XD ユーザーグループ名古屋 vol.2」のLTのスライドです。

1. ビデオ録画実録!
自動アニメーション＆の
を利用した
クライアントへのアプローチ

2. 自己紹介 井畑徹也
制作会社
うぇぶでぃれくたー・うぇぶでざいなー
@tihata
いはた てつや ひよっこです。

3. 自己紹介
クリエイティブメモメモ クリエイティブモグモグ
https://creativememomemo.com https://creativemogumogu.com
ブログ

4. 自己紹介
最近の興味

5. 自己紹介
最近の興味

6. 弊社の
使用状況
の
弊社デザインツール使用状況

7. 弊社の
使用状況
の
10%くらいか⋯
弊社デザインツール使用状況

8. 活用事例

9. 活用事例リニューアルデザイン打ち合わせ
デザインコンセプト説明
デザイン補足説明
機能説明
etc⋯
デザインもってきたで！

10. 活用事例リニューアルデザイン打ち合わせ
※当日、実際のデザイン紹介しました
校了するぞ!

11. 活用事例リニューアルデザイン打ち合わせ
クライアントの反応 ⋯

12. 活用事例リニューアルデザイン打ち合わせ
デザインは概ねOKだけどさ～
動きのサンプル見せてもらっても
イマイチイメージ付かないんだよね～
そういうのってぱぱっと 動かせたりできないの？
※脚色あり

13. 活用事例リニューアルデザイン打ち合わせ
※脚色あり
？え

14. 活用事例リニューアルデザイン打ち合わせ
※脚色あり
？え ぱぱっと⋯

15. 活用事例リニューアルデザイン打ち合わせ
※脚色あり
？え

16. 活用事例リニューアルデザイン打ち合わせ
※脚色あり
この間1秒

17. 活用事例リニューアルデザイン打ち合わせ
※脚色あり
かしこまりました！

18. 活用事例リニューアルデザイン打ち合わせ
⋯ということで考えた結果
XDでアニメーションサンプルを作成!!
デザインはIllustrator

19. 活用事例リニューアルデザイン打ち合わせ
※当日、実際のアニメーション公開しました

20. 活用事例リニューアルデザイン打ち合わせ
クライアントの反応 ⋯

21. 活用事例リニューアルデザイン打ち合わせ
いい感じ！！

22. データの作り方

23. データの作り方
※当日、実際のXDデータを紹介しました

24. 良かった点

25. 良かった点
伝わりやすい(リテラシーの有無)
再利用可(コーディング時・上司説明時)
デザイナーでも作れる(検証できる)

26. まとめ
レイアウトでの差がなくなりつつある現状
動画やアクションの動きが重要になってくる
デザイナーも“動き”検証の必要性
XDは”動き”をデザイナーが
考え始めるには良いツールのひとつ

27. ご清聴
ありがとう
ございました！