åSeptember 2012

 W

B “Painting, Rebooted,” retrospective on Wade Guyton

 W

B “Relations”, from Visual Grammar by Christian Leborg

    “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.

Examples

4 Week 3: Active forms    f   b 1       
 W

w Making a website for real
09/28/2012 for

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

Resources

4 Week 3: Active forms    f   b 36       
 W

w T.M. Magazine Archive
09/24/2012 for

 W

w Moholy-Nagy compositions
09/24/2012 for


For next week, continue to work with abstract shapes in html and css. For next week, create five finished compositions using no more than 5 HTML elements. Your compositions should activate the browser window, contained either to a div or to the browser window itself. We have included examples of abstract graphic compositions from print design to inspire your thinking.

This assignment encourages you to discover form that you otherwise might not have imagined. Be open to the overly dense, and to the overly spare.

Sample code

Refer to some of these css properties to help

Examples


Work from Kasimir Malevich, Max Huber, Hendrik Wekrman, MIT Media Office

4 Week 2: Abstract forms    f   b 2,044       
 W

% chris completed