Project 1: Code and Form (25%)



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 three exercises intended as an introduction to the basics of creating static, moving and interactive compositions using the programming language of Processing



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 and shape only to create composition
  • output and upload to your digital locker folder
  • put a link to your P1 page under Student Index

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 - dynamic and continuous.
  • 2 sketches that use repetition to create to imitate a rough/coarse, smooth/fine surface quality
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 only to create composition
  • use of variables and iterations/loops in your Processing code
  • output and upload to your digital locker folder
  • put a link to your P1 page under Student Index
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 composition
  • export using for web using Processing
  • be sure to post your code (with commenting) with your output images
Due at the beginning of class in Week 4 for review and discussion