Thursday, January 28, 2010

One

Project One:

Index Page as Motion Graphic Title Sequence

(actually somewhere between title sequence and movie poster)

Website as Major Motion Picture


Imagine one of your favorite films as a website:


1.Navigating the site would be similar to traveling through the setting of the film


2.The main character ( or character you choose to work with from the film ) has a relationship to this world, that will be your user's relationship to your site

How does your character walk?

Where does your character go?

what does your character do?


3. Consider the space and time of the setting, how does the world look, feel, sound?


4. What is motion, locomotion like in the setting? How would this effect the speed of movement, of linkage in your site?


5. Create an index page that functions like a title sequence, set up the mis en scene of the film, the portal to the reception of the content


6. buttons/links/menus should offer choice towards when and/or where and or/as whom to enter this world


7. Use either Alexander Rodchenko, Wes Wilson, or Hannah Hoch as your stylistic influences


There can be no vertical or horizontal lines on your page

THERE CAN BE NO VERTICAL OR HORIZONTAL LINES ON YOUR PAGE


8. There should be a minimum of three different types of regenerating motion. These can, of course, be related to rolling over objects, but at least two motions should be constant on the page without any interaction


9. Although we are only building and index page, you should have a concept for the site as a whole as well as a map of its (imagined) content. The map and menu/table of contents/index should relate to the concept of the film as a whole include the narrative arc (not just setting)


1024 x 768

The Elements of Interaction Design

MOTION
SPACE
TIME
APPEARANCE
TEXTURE
SOUND

Laws of Interaction Design

Moore's Law
Fitt's Law
Hick's Law
The Magical Number Seven
Tesler's Law of the Conservancy of Complexity
The Poka-Yoke Principle
Direct and Indirect Manipulation
Feedback and Feedforward

Characteristics of Good Interaction Design

TRUSTWORTHY
APPROPRIATE
SMART
RESPONSIVE
LUDIC
PLEASURABLE

Tuesday, January 12, 2010

BEGINNING EXERCISES

EXERCISE ONE: Anagram in Time
1. Project must be between 2 and 16 seconds long, 12 fps
2. Convey a sense of rhythm, evoke through your choice of typeface, direction of movement, location of pause
3. 3 words or phrases, looping back to the original
4. No overlap, but scale shifts, tumbles, rotations, and similar moves that do not compromise the integrity of individual letterforms are a go

EXERCISE TWO: Inconstant Shape

EXERCISES THREE: Vibrating Pattern with Directional Motion