DeNA Goodpatch UI Crunch - 2014年 10月15日 プレゼンテーションで使ったドキュメントです

1. AfterEffectsを使った
インタラクションデザイン

2. DeNA IPプラットフォーム事業本部
増田 直生
担当サービス : マンガボックス . 新規サービスの立ち上げ

3. 質問です
皆さんはエンジニアやチームに
インタクションやアニメーションを伝える時
どのように伝えてますか？

4. ・もっと滑らかに動かないですか？
・気持ちいいモーションでお願いします
・もっと勢い良く飛び出すような感じで

5. 実際できたものを見ると
何か違う。。。

6. なぜ？
・エンジニアとデザイナーが
想像している物が違う
・言葉だけでは伝わり切らない
ニュアンスも多い

7. そんな時AfterEffectsを使うと
・デザインからインタラクションまで
統一感のあるUIを作ることができる
・エンジニアやチームとより良い
コミュニケーションを取ることができる

8. そんな時AfterEffectsを使うと
・生産性が上がり、より良い品質の
サービスやアプリケーションができる
・意外と簡単

9. そんな時AfterEffectsを使うと
・デザイナーの仕事は増える
・プロジェクト全体の効率と生産性は上がる

10. その他にも
・思わぬデザインの矛盾点に気がつく
・Gifアニメーションにして
ポートフォリオサイトに公開できる

11. まとめ
・エンジニアやチームとより良い
コミュニケーションを取ることができる
・より良い品質のサービスや
アプリケーションデザインができる
・生産性が上がる

12. After Effectsを使ってみてください
Thank You

13. サンプルダウンロード
※AfterEffectsのファイルと
アニメーションに使う画像素材は
同じフォルダ内に保存してください
チュートリアルサイト
http://ae-style.net/basic/