Site + Motion

The Site + Motion module is designed to build on the study of two-dimensional graphics and representation which begins with the Introduction to Design Computing module. In particular, this module considers the status of the two-dimensional image/drawing and the possibilities afforded by digital technology to extend conventional forms of architectural representation to incorporate interactivity and time-based content.
Theodoros Kontaxis, 2008

The aim of the module is therefore to encourage a critical appreciation of both the conventional photographic image/drawing and its relation to the design of interactive multi-media presentations. Highlighting the qualities that characterise these forms of presentation, the primary focus in this context is on the application of digital media to architectural themes and content. Consideration is given to:

  • The integration of photographic, video, audio and vector graphics.
  • The interface and design for interactivity.
  • Optimising and exploiting the potential of time-based elements.
  • The use of scripting/interactivity to elicit new meaning and formal possibilities.
  • The interactive interface as design tool.

Indicative syllabus content:

The syllabus focuses on image/drawing content, time-line analysis, editing and compositing using key software tools. Initial studies of suitable precedents both from architectural photography and from animated graphics/multi-media design provide an introduction and context for individual student work. (The Specific syllabus content will vary to reflect current interests and projects)

The module begins with a series of workshops examining the nature of the photographic image and its ability to convey conceptual, spatial and narrative content. Progressing to consider the potential for digital media, the differences between static images and contemporary time-based media are explored. Students are encouraged to experiment with captured video and audio samples as a resource to be creatively re-worked and integrated with vector graphics. Particular emphasis is placed on the design of the interface, its usability and relation to content.

Alejandro Vicente Soto, 2009

Timeline – Controlling 2D objects in animations
Introduction to the concept of timeline. Considering key-frame events within animations.

Graphic Direction – Styles
The combination of text, images and vector graphics explored through typography and web design.

Animated Drawing – Building on traditional drawing methods
Introduction to the concept of animated drawing building from traditional architectural drawing.

Interface – Considering the User
Interface design in respect to visual experience and navigation of information.