1限目
学科 アニメーション制作基礎
Webデザインにおけるアニメーションの役割と基礎理論

2限目
学科 アニメーション制作基礎
Webでよく使うアニメーションの種類と実例

3限目
学科 アニメーション制作基礎
AI時代のアニメーション制作とWebデザイナーの役割

4限目
学科 アニメーション制作基礎
課題制作

5限目
学科 アニメーション制作基礎
課題制作

【動画】

参考サイト

ブラントイメージによって早いアニメーション、ゆっくりなアニメーションなど速さも重要性を持つ。

WPでも、画像の登場の仕方に変化をつけることができ有効的に使用することができる。

⻑いページでは特に効果的
表⽰するタイミングが設計の重要なポイント！

AI時代のアニメーション制作と
Webデザイナーの役割

制作の初期段階で⾮常に役⽴つ
コードの⽣成にも強みがある


AIは制作を助ける道具であり
判断は⼈が⾏う
⼤切なのは、どう使うか

アニメーションを作ること⾃体は、AIでも⼀定程度可能
しかし、なぜその動きが必要かを考えるのは⼈。
利⽤者に何を感じてほしいのかを設計することが重要、人の役割。

AIが案を出しても、理由を伝えるのは⼈の役割

AIが作る動きをそのまま使うのではなく、調整して完成させる⼒が必要

AIが便利になるほど、⼈のほうは判断を求められる。
何を採⽤し、何を使わないかを決める役割。

これからのWebデザイナーは、作る⼈であると同時に、
判断する⼈であることが求められる。

Webデザイナーが判断すべき部分

ｊ

：https://b-risk.jp/blog/2021/01/anim-reference/

埋め込みURLあり↑

埋め込みURLあり↑