5 Week 3: Active forms

    “Visual objects in a composition relate to the viewer, the format, and other elements within the composition.” -Christian Leborg

Read the chapter titled “Relations” from Leborg. The author presents an extensive vocabulary of relationships. For example, the terms include: symmetry, balance, groups, coordination and distance.

This final assignment of the course asks you to work with simple shapes that you pull from Assignment 4 or new abstract shapes to construct five active compositions. Each composition should allow the visitor to change the default relationship in some way. Choose just one type of relationship from Leborg’s chapter for each composition. More than one relationship may occur through your investigation of the one concept.

Title your compositions using the type of relationship that you’re working with. Upload your work to the website and categorize as Assignment 6.


4 Week 3: Active forms    f   b 1       

We’ll look at the latest in CSS3 properties, that allow animation and transformation. When mixed with the event handlers of jQuery, the stabile structures can shift properties upon user interaction.

Websites today are often designed with these subtle shifts in elements. We’ll be making more drastic moves, making the animations and interactions a primary part of our experiments. Start on the below assignment after taking some time in class today to get used to how these interactive elements work.

Create a balloon using HTML and CSS. Use the same working method as you did for your digital bits. You will need more than one element to make the balloon. Inspired by the film, The Red Balloon, and by the actual balloons available in class, experiment with interactions for your balloon(s). Upload your experiments to the site and categorize as Assignment 5.

Examples from class

Examples of interactions

CSS Properties we’ll review

jQuery events

Sample code


4 Week 3: Active forms    f   b 36