Project 1: Code and Form (25%)


Table of Contents

Project 1: Code and Form (25%)Exercise One - Week 1DeliverablesExercise Two - Week 2DeliverablesExercise Three - Week 3Deliverables

New opportunities in interactive media can be met by applying many of the same visual principles used in print based design work. At the same time, interactive technologies offer designers new visual forms and dynamic behaviours.

The first project will introduce students to some basic concepts and techniques for exploring interactivity in the context of graphic design. This is process-oriented project and is based on four exercises intended as an introduction to the basics of creating static, moving and interactive compositions using the programming language of Processing

The more you practice and explore various results by testing and previewing your work, the more control you will have over your Processing file.



Exercise One - Week 1

For this exercise, we will apply the principles of balance and rhythm to create visually dynamic compositions with Processing. Each student will create 4 sketches in total.

Deliverables

  • 2 sketches that apply the visual principle of balance using both symmetrical and asymmetrical relations
  • 2 sketches that apply the visual principle of rhythm to convey a sense of transformation (split, ascend, emerge, exchange, prevent, attract, join)
Required specifications:
  • sketch size is 250 x 250
  • use only primitive shapes (rectangles, ellipses, triangles) and lines
  • use elements of scale, position, shape and colour to create composition
  • output and upload to your digital locker folder (will cover in second week)
  • put a link to your P1 page under Student Index - then link exercises from P1 - example

Due at the beginning of class in Week 2 for review and discussion



Exercise Two - Week 2

Each student will create 4 sketches that apply the visual principle of repetition as both pattern and texture to communicate a sense of sound (vibrate, hum, chatter, ring, blast, harmonize, resonate, burst)

Deliverables

  • 2 sketches that use repetition to create patterning : a) dynamic b) continuous.
  • 2 sketches that use repetition to create texture quality: a) rough/coarse b) smooth/fine surface

Required specifications:
  • sketch size is 250 x 250
  • use only primitive shapes (rectangles, ellipses, triangles) and lines (straight/curved)
  • use elements of scale, position, shape and colour to create composition
  • must use of variables and iterations/loops in your Processing code
  • output and upload to the wiki
  • add to your P1 page

Due at the beginning of class in Week 3 for review and discussion



Exercise Three - Week 3

Working the transformative qualities created in exercise 1, create new sketches that express these same qualities in a dynamic form. For this week, each student will create 4 sketches that integrate motion and interactivity in the exercise.

Deliverables

  • 2 sketches that use motion to create a transformation - self running, linear
  • 2 sketches that use interactivity to create a transformation - mouse input required

Required specifications:
  • sketch size is 250 x 250
  • use only primitive shapes (rectangles, ellipses, triangles) and lines (straight/curved)
  • use elements of scale, position and colour only to create the composition
  • be sure to comment your code
  • add to your P1 page in the wiki

Due at the beginning of class in Week 4 for review and discussion



Exercise Four - Week 4

This exercise will introduce students to the use of typography in Processing. Using your postal code as source material, each student will develop 4 individual sketches that apply a different approach in terms of composition.

Deliverables

  • 4 sketches in total that use typography to express your postal code
  • a minimum of 2 sketches that use interactivity and/or motion - others can be static

Required specifications:
  • sketch size is 250 x 250
  • use only typography
  • use elements of scale, position, framing and colour only to create composition
  • be sure to comment your code
  • add to your P1 page in the wiki

Due at the beginning of class in Week 5 for review and discussion