5 Week 2: Abstract forms

http://www.matthewmarks.com/new-york/exhibitions/2013-05-11_ellsworth-kelly/

See more of his work

10 PRINT is a book about a one-line Commodore 64 BASIC program, published in November 2012. Book purchases support the nonprofit organizations PLAYPOWER (to which all royalties are being donated) and The MIT Press, the book’s publisher.

Read the book as a pdf (50 MB), provided under a Creative Commons BY-NC-SA 3.0 license.

Read a review from Slate Magazine.

If you’re in New York, visit the Wade Guyton exhibit at the Whitney.

Exhibit information
New York Times review

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

Absolute positioning may be ideal for creating a drawing or a simple layout, it fails quickly when used with dynamic content and within different browsers. The web, in short, is not about control. Today’s in-class assignment asks you to take specific elements and repeat them to form a continuous pattern. The pattern may be created from the combination of floating elements and positioned elements.

Start by repeating a single element. Consider refining this first step into a single composition. Note figure and ground relationships that emerge. Expand your work to include more layers and more shapes. Use only one color per layer.

Upload your experiments to a post on this website and categorize it under Assignment 3 and the Workshop #.

CSS Properties from class

• Overlflow (hidden, scroll)
• rgba color space vs opacity
• Recursive properties. (see example)
• Combining positioning and float to layer patterns on each other (see example)

Code examples from class

• Example 1
• Example 2
• Workshop 3 example

Sample properties

Refer to some of these css properties to help
Shape reference (week 1)

Additional examples

• John’s pattern (wkshp 3)
• Boxes on boxes
• X-acto repeated
• Transform scale and rotate

Pattern examples

Links

• See “Adobe Illustrator” patterns from John’s spring Visual Systems class
• CSS3 patterns