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
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.
Inventory
Art making with data and information: Collecting, Classifying (systems
of classification, Associative thinking) Inventory, etc.
Daniel
Spoerri: An Anecdoted Topography of Chance [6] [203]
![[6]](javascript:OpWin('../F02/l1/ds_6.gif',830,560,0,0,1100,'Topography');){kind=link}
![[203]](javascript:OpWin('../F02/l1/ds_203.gif',830,560,0,0,1100,'Topography');){kind=link}
;){kind=link}
(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
Lecture
Visualization
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
Lecture
Information Architecture
Design Terms
Typography
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
;OpWin('../F02/l1/mm_94.gif',558,586,0,0,0,'Typography');OpWin('../F02/l1/mm_108_109.gif',980,504,0,0,0,'Typography');OpWin('../F02/l1/mm_124.gif',604,630,0,0,0,'Typography');){kind=link}
The Book after the Book,
Giselle Beigulman
Adaweb Projects
;javascript:OpWin('../res/iso/bench.gif',370,370,10,10,0,'isotype');javascript:OpWin('../res/iso/elevator.gif',370,370,20,20,0,'isotype');javascript:OpWin('../res/iso/hand.gif',370,370,30,30,0,'isotype');javascript:OpWin('../res/iso/handicap.gif',370,370,40,40,0,'isotype');javascript:OpWin('../res/iso/letter.gif',370,370,50,50,0,'isotype');javascript:OpWin('../res/iso/martini.gif',370,370,60,60,0,'isotype');javascript:OpWin('../res/iso/no_cellphone.gif',370,370,70,70,0,'isotype');javascript:OpWin('../res/iso/no_dog.gif',370,370,80,80,0,'isotype');javascript:OpWin('../res/iso/no_entry.gif',370,370,90,90,0,'isotype');javascript:OpWin('../res/iso/no_person.gif',370,370,100,100,0,'isotype');javascript:OpWin('../res/iso/no_trash.gif',370,370,110,110,0,'isotype');javascript:OpWin('../res/iso/recycle.gif',370,370,120,120,0,'isotype');javascript:OpWin('../res/iso/restroom.gif',370,370,130,130,0,'isotype');javascript:OpWin('../res/iso/Slippery.gif',414,370,140,140,0,'isotype');javascript:OpWin('../res/iso/storage.gif',370,370,150,150,0,'isotype');javascript:OpWin('../res/iso/waste.gif',370,370,160,160,0,'isotype');){kind=link}
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
;javascript:OpWin('../res/dr/dr9.jpg',640,480,10,10,0,'designers republic');javascript:OpWin('../res/dr/dr8.jpg',640,480,20,20,0,'designers republic');javascript:OpWin('../res/dr/dr7.jpg',640,480,30,30,0,'designers republic');javascript:OpWin('../res/dr/dr6.jpg',640,480,40,40,0,'designers republic');javascript:OpWin('../res/dr/dr5.jpg',640,480,50,50,0,'designers republic');javascript:OpWin('../res/dr/dr4.jpg',640,480,60,60,0,'designers republic');javascript:OpWin('../res/dr/dr3.jpg',640,480,70,70,0,'designers republic');javascript:OpWin('../res/dr/dr2.jpg',640,480,80,80,0,'designers republic');javascript:OpWin('../res/dr/dr1.jpg',640,480,90,90,0,'designers republic');){kind=link}
Lecture
Mise-en-Scene
Consistency
Relative Importance
Montage
Time
Space
Balance
Hiding Information
Articulation
Proximity
Visual Containment
Attribute Grouping
Reference
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
Icon Project is Due
Reference
Metadata
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
MID-TERM Research Due
Examples
Report from DEAF 03
What is an algorithm? (Graham Budgett research)
Jodi.org, bureau of inverse technology
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.
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
George Legrady, interactive installations
Marcos Novak, virtual architecture
marko Peljhan, makrolab, telecommunications