The idea behind this exercise is to explore how animation can be used to engage users on a web site or in an application. It should be a splash screen that welcomes users to your client's site.
You will develop an animation using Google Web Designer. You should extend the look and feel of the graphics you have already developed.
Here are some resources you may find useful:
https://www.google.com/webdesigner/ (download GWD)
https://www.youtube.com/user/googlewebdesigner (GWD documentation)
https://cssanimation.rocks/principles/ (animation principles applied to the web)
https://medium.com/inspiration-supply/icons-animations-8e0539f8857e (examples of animated icons)
https://blog.tubikstudio.com/web-animation/ (examples of animated web sites)
Your splash screen should be 3 - 5 seconds of animation. The animation can loop, of course, possibly with a link to load a web site, as shown in class.
When using GWD, remember to publish the animation locally, and then move the resulting directory to Google drive, and link to the directory from your Brightspace submission page in the comment field (remember to share with "Anyone with the link").
Submit a screenshot of the splash screen to Briughtspace as an attachment.
Rubric
1)An animation was uploaded as specified above, and a link to the Google drive backup was included in the Brightspace submission page comment field.
2) Animation extends the look and feel of the graphics already developed.
3) Some element of the 12 principles of animation was employed (squash and stretch, ease-in ease-out, overlapping action, etc)
4) The frame rate is appropriate (animation runs smoothly)
5) Good technical execution (crisp edges, clean shapes)
That’s 5 criteria, approximately 2 points each, or 10 points total.