Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

2015/05/09 第5回G-Study発表資料 "動き"を見るポイント

1,650 views

Published on

15/05/09 に行われた第5回G-Studyのライトニングトークで使用したスライドです。

Published in: Design
  • Be the first to comment

  • Be the first to like this

2015/05/09 第5回G-Study発表資料 "動き"を見るポイント

  1. 1. “動き”を見るポイント 2015/05/09 第5回G-Study
  2. 2. 自己紹介 名前 吉田 剛 (ヨシダ ツヨシ) 職業 デベロッパー系 (元Flash使い) スマホUI講師 最近の良い事 初めてのテレビ購入 最近の悪い事 尋常でない疲労感 2  
  3. 3. “動き”を見るポイント 3   ※ここでの 動き とは、 アニメーションを指します
  4. 4. “動き”を見るポイント 4   職能を問わず動きを作る/提案する今、 まずは種類に注目して見よう!
  5. 5. 動きの種類 5   1. 移動 2. 回転 3. 拡縮 (拡大・縮小) 4. 色 5. 変形
  6. 6. 1. 移動 6   動画参照 http://cda244.com/seminar/d150509_gstudy/movie/animation_1.mp4
  7. 7. 2. 回転 7   動画参照 http://cda244.com/seminar/d150509_gstudy/movie/animation_2.mp4
  8. 8. 3. 拡縮 8   動画参照 http://cda244.com/seminar/d150509_gstudy/movie/animation_3.mp4
  9. 9. 4. 色 9   動画参照 http://cda244.com/seminar/d150509_gstudy/movie/animation_4.mp4
  10. 10. 5. 変形 10   動画参照 http://cda244.com/seminar/d150509_gstudy/movie/animation_5.mp4
  11. 11. 組み合わせ例(移動 + 色) 11   動画参照 http://cda244.com/seminar/d150509_gstudy/movie/comb_1.mp4
  12. 12. 組み合わせ例 (移動+回転+拡色) 12   動画参照 http://cda244.com/seminar/d150509_gstudy/movie/comb_2.mp4
  13. 13. まとめ 13   1. 移動 2. 回転 3. 拡縮 (拡大・縮小) 4. 色 5. 変形
  14. 14. まとめ 14   1. 移動 2. 回転 3. 拡縮 (拡大・縮小) 4. 色 5. 変形 複雑な動きはバラして個別に観察! ありがとうございました

×