Diran Lyons
Viviana Leija

Art Studio 22 Digital Media Arts Strategies

Instructor: George Legrady
Lecture, HSSB-1173, Tuesdays 6:00-7:50 pm
office: room 2222 Art Studio, tel 893.2026

TA Lab Section, Multipurpose Lab, Kerr Hall, Wednesday, 9:00-11:50

TA Lab Section: Multipurpose Lab, Kerr Hall, Thursday, 9:00-11:50

Student Projects
Grading & Course Requirements
Bibliography/ References
Digital Media faculty

Description Digital Media Arts Strategies is the introductory course to the digital area of the Art Studio program. The course promotes an approach that explores how information and digital technologies are reshaping cultural communication. Its focus is the investigation of digital technology as a medium rather than as a tool.

The course will introduce topics specific to digital technologies and interactive media. We will look at how to organize data, create meaning through organization, and position the projects in the communal, public space of the internet. We will also look at how to create meaning through the production of signs (semiotics), narrative, metaphor, interface design and interactivity. A number of brief projects will be given in conjunction with specific technical applications. They may include producing an index and archive, listing & classification, the autobiographical index, Chance and noise, Nature/culture, the Icon/sign, Mapping, information systems, cultural framework analysis.

W1 Jan 7 Course Overview & Resources




Art making with data and information: Collecting, Classifying (systems of classification, Associative thinking) Inventory, etc.

Daniel Spoerri: An Anecdoted Topography of Chance  [6]  [203]

Lab Mac environment, Dreamweaver, html and navigation basics, site definition
Exercise index.html, Party Project Planning, Documentation

W2 Jan 14 The Digital Image: Bitmap, Pixels & Image Processing | Designing Screen Space

analog /digital

Digitization Process
(Image Processing)

Visual Organization & Space
Conceptual Strategies
Narrative Sequence

  The A-to-D photographic dichotomy: Walter Benjamin and the loss of the original
(The Work of Art in the Age of Mechanical Reproduction)

Bits and bytes: Sampling, cartesian grids, numerical form
Pixels, DPI, etc., image depth, bit settings, channels, alpha channel, layers; contrast, tonal balance with histograms; manipulation of image sections for image correction, random noise. Filters: blur, sharpen, flip, rotate, scale, colorize, etc.

Screen space, Lewis/Tsurumaki/Lewis
Bruce Mau's Manifesto
Godard's Pierrot le Fou

Lab Photoshop basics, navigation strategies, tables and layers
Exercise Scanning and processing images

W3 Jan 21 Classifying, Transforming Event to Data




Defining the sequence from event, to data collection, to data analysis & indexing, to developing an organization system, to presenting the data in a new configuration.

Methods of Classification | Visual Thesaurus | Information Mapping | Artport

Hilliard | Art + Com | Joachim Schmid | Crandall

Reading Image, Language & Belief in Synthesis

Lab More photoshop basics, Visually Spacing Information with Tables
Project I Party project: An archive of information: Plan, collect info, assemble

W4 Jan 28 Data and Information Space/ Interaction Design


Information Architecture

Design Terms



Design and Narrative flow


Visual Design: screen space in relation to interaction.

Organizing information through an organizational scheme: structure/layers of info/files/folders, etc. A Tutorial, A Glossary of Information Architecture

Semantics: the cultural meaning of the text
Syntax: The structure by which it is organized
Pragmatics: How it is received by the reader
Effect: The objective message
Affect: The associated subjective emotions

Typography in 2D space | Posters | Typography: macro+micro aesthetics, Willi Kunz
Discussion about (Screen) Space

The Book after the Book, Giselle Beigulman

Adaweb Projects

Lab Production and troubleshooting
Project I Party project Presentation

W5 Feb 4 Sign, Icon, Index, Isotype (Semiotics: the Study of Signs)




Signs: culture and syntax create meaning
Student Pictograms | Corporate Logos
flatnessisgod | gridman/boids | Eric Paulos | Designers Republic | DR Icons
fleetingness of bits | John Simon jr

designing a sign for 10000 years in the future

Lab Production and troubleshooting
Project II
  Design a system of icons to represent events at the party

W6 Feb 11 Multimedia Narrative Sequence / Multi-Linear Connections / Metaphor




Relative Importance




Hiding Information

Visual Containment
Attribute Grouping



Ted Nelson: Navigation, hypertext and links
Concept, composition, balance, consistency, relative importance, articulation, aesthetics, color, spacing, time.

Design and coherence of the scene (page, screen)

to know when its enough
lay-out, color scheme, navigational flow must reflect relative value of the units

The transition from one scene to another
transition from one event to another
the relation of more then one context on the screen

elements need to be given appropriate visual weight

avoid useless information on the screen, or weaken presence (exit buttons)

the visual separation and spacing of contexts on screen
contexts separated spatially
boundaries (lines, color, etc.)
parts of contexts share common attributes

What is a metaphor?

Metaphors We Live By Lakoff/Johnson

Lab Project Completion
Project II

Icon Project is Due

W7 Feb 18 Networks / Information Map




What is a network?
Description of the Information Map final project
What to map: Take an event and map it in a 2D visual space
Visualization Strategies: Nodes/links, map according to properties, time, hierarchy, etc.
Revisit January 21 links

Warren Sack's Conversation Maps | Social Information Spaces
David Link | Knowbotic Research | Krcf | DEAF 03

Manovich |
Metadata for the Masses

Lab Student work production

MID-TERM Research Due

W8 Feb 25 Special Event

Lecture TBA

  Student work production
Project III Information Map Final Project Production

W9 Mar 4 Interactive & Mixed Realities Installations, Algorithmic Art


  Interactive Installation and algorithmic art
Report from DEAF 03

What is an algorithm? (Graham Budgett research)

Jodi.org, bureau of inverse technology

Lab Individual meetings / upload by end of the lab
Project III Information Map Final Project Production

W10 Mar 11 Information Map Student Presentations

Project III
  Information Map




  Your projects will be evaluated on good concepts, creativity and "play of the imagination". This will require regular web research on your part, becoming familiar with the state of the digital media arts discipline. Use your cultural knowledge but go beyond your current everyday situation. Produce projects that address the larger world, that can speak to a diversified audience, and also to yourself five, ten years from now.

Attendance and participation in class
Completion of all assignments and readings
Attend guest digital media guest lectures
DO website research and reports
Mid-term or research paper posted on your site
Projects are graded on Innovative content, good design and technical skills.

The course is work intensive. You are required to acquire conceptualizing and technical skills, do web research followed by weekly reports, write a mid-term research paper , develop good design and conceptual skills, attend the lectures, the sections and the Monday evening Digital Media lectures. As your projects will go online, they also must function properly on the internet.

  An Anecdoted Topography of Chance, Daniel Spoerri
Typography: Macro+Micro Aesthetics,
Willi Kunz
Interactive Art Online Reference,
Steve Wilson
Design Links
, Andreas Schlegel
On contemporary narrative hypertext art
, Prof Rita Raley
Online HTML Guide

Digital Media faculty
  Lisa Jevbratt, networks, data, internet
George Legrady, interactive installations
Marcos Novak, virtual architecture
marko Peljhan, makrolab, telecommunications