Assignment 6: Interactive animated composition

The sculpture of Alexander Calder shifts when its context changes. The term “responsive design” refers to a website’s ability to change layout and shape when seen by different sized browsers or platforms. This shift in layout takes quite a bit of planning and thought, usually with an important payoff.

This final composition asks you to create a culminating work that plays with this concept of responsiveness. Make a work that shifts and alters its experience based on the size of the browser. You may also introduce interactivity and interactions within the browser itself. However, the focus of the assignment is the “transition” between states. How can you activate/animate/create unexpected changes in those states.

Example

Media query

Links about “responsive design”

b

Leave a Reply