2005 W
Instructor
Lecture
Office
TA
Course Textbook
Resources
Art Studio 22 Digital Media Arts Strategies
George Legrady (legrady [@] arts.ucsb.edu)
HSSB-1173, Tuesdays 5:00-6:50 pm
room 2222 Art Studio, tel 893.2026
Rama Hoetzlein (rch [@] umail.ucsb.edu)
TA Lab Section, Multipurpose Lab, Kerr Hall, Wednesday, 9:00-11:50
Student
Projects
Grading & Course Requirements
Digital
Art, Weblinks,
Christiane Paul
Legrady
Mixed Resources
Bibliography/ References
UCSB 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}
Lecture
Visualization
Visual Organization & Space
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
Joachim Schmid
| Komar & Melamid
| Culture
Map | They Rule
| Face Value
| Burson
|
Baldessari
|
Lewis/Tsurumaki/Lewis | Conversation Map
|
;){kind=link}
(The Work of Art in the Age of Mechanical Reproduction)
Bits and bytes: (Demo) 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.
Bruce Mau's Manifesto
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. Tutorial
| Glossary
| 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
| Bits
& Spaces | MLab
|
;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}
Barcelona
Cornerhouse, Manchester
Hull Time Based Arts
Design WebLinks
MetaNarratives
| Li
Zhensheng | del.icio.us | flickr
|
Cornerhouse | pocketsfullofmemories.com
| C.Sandison |
Hackitectura
noborder | E.Wohlgemuth
[body scan][2]
| S.Biggs [babel]|
P.Bentley |
Hunch of Venison
| no
org | zkm | Center
for Land Use | ucdarnet
|
Christian
Moeller | xinwei
| Ned Kahn | Gary
Thomas |
Mollerup DesignLab |
Dirk Hesse |
IHC
Event |
What is a metaphor?
Metaphors We Live
By Lakoff/Johnson
Document project Presentation
Reference
Metadata
What is a network?
| DARPA
| Computer
History | Highway system
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.
Warren Sack's Conversation
Maps | Social
Information Spaces
David Link | Knowbotic
Research | Krcf
| DEAF
03
Information Cartography: Visualizing
Non-Spatial Data
Manovich
| Metadata
for the Masses
Examples
Interactive Multi-linear Cinematic Narrative Workshop, Jean-Louis Boissier [ciren]
What is an algorithm? (Graham Budgett research)
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 Tuesday 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
Processing
A Story of NetArt, Natalie Boochkin
Constructivism, George Rickey
Cyber_Reader, Neil Spiller
The New Media Reader, Fruin, Montfort
Me++, William J. Mithcell
Langlois Foundation | ZKM | DEAF | Siggraph
George Legrady, interactive installations
Marcos Novak, virtual architecture
marko Peljhan, makrolab, telecommunications
Graham Budgett