150/ Digital Media Design I · 2015. 8. 24. · DES150/ Digital Media Design I University of Illinois at Chicago College of Architecture, Design, and the Arts School of Design DES

DES150/ Digital Media Design I

University of Illinois at ChicagoCollege of Architecture, Design, and the ArtsSchool of Design

DES 150Digital Media Design I

Matthew TerdichAlice LeeJennifer Wandro

University of Illinois at ChicagoApplied Health Sciences Architecture, Design, and the Arts Business Administration Dentistry Education Engineering Graduate College Honors College Liberal Arts & Sciences Medicine Medicine at Chicago Nursing Pharmacy Public Health Social Work Urban Planning & Public Affairs

School of ArchitectureSchool of DesignSchool of Art & Art HistorySchool of Music & Performing Arts

Graphic DesignIndustrial Design

UIC / School of Design DES 150 / Digital Media Design I

Digital Media Design


Digital Media DesignWhat is

Why do we use computers?

Generally? As designers/artists?

What do we gain?

What do we lose?

Let’s Consider


What is software?

Why do we use software?

How do we use it?

Let’s Consider


1 Production

2 Conception

Why do we use software?


Interactive Design

Interactive design focuses on meaningful communication

between humans and digital interfaces through a

collaborative process of input and feedback. Generally

speaking, successful interactivity relies on simple

intuitive interactions by the person with meaningful

visual feedback controlled by the software.

What is uniquely possible?


Generative Design

Generative design is a design method in which the output

is generated by a set of rules, or an algorithm, with

some room for variation. It is a method for exploring vast

or nuanced design possibilities within parameters and

variables that are defined by the designer.

What is uniquely possible?


Design, Software,and theMediation of Making


How does software affect what design is or what design can do?



MOS Architects

http://www.dailymotion.com/video/xip1m1_the-creators-project-mos-architects_creation


Morisawa Posters / John Maeda


Christian Moeller

http://christianmoeller.com/Spectatorshttp://christianmoeller.com/Spectators


Cascade / New York Times

http://nytlabs.com/projects/cascade.html


Floating Numbers / Art + Com

http://www.artcom.de/en/projects/project/detail/floatingnumbers/


https://vimeo.com/5369286

Solar by Goldfrapp / Flight 404 (Robert Hodgin)


https://vimeo.com/658158


BMW Museum / Art + Com

http://artcom.de/en/project/kinetic-sculpture/


Signals mural at MIT / Casey Reas

http://reas.com/signals/

The unique viusals used for the Tissue Collection are created via algorithims that interpret the movement of synthetic neural systems.


Casey Reas & Cait Reas

http://reas.com/tissue_collection/


Cell Cycle / Nervous System Design

http://n-e-r-v-o-u-s.com/cellCycle/

What are we going to do with software?


Use Proprietary Software (Adobe) to understand:

_Raster & Vector

_Resolution & Size

_Units of Measure

_Color

_File Types

_File Management

Digital Multimedia Basics



Vector Raster (bitmap)


Vector art


Raster (bitmap) art


Grid / Layout / Publication


portable document format


multimedia

1 Interactive Design

2 Generative Design

Write our own Software


» Programming language, development environment,

and online community

» Free to download & open source

» Interactive programs with 2D, 3D or PDF output

» Over 100 libraries extend the core software

» Well documented with many books & tutorials


Software is a set of ideas, a procedural way of thinking.

Design is a rigorous iterative process that includes acts of

research, experimentation, analysis, synthesis, and resolution.

The mediation of making is what happens at this intersection.


_Rhythm, Balance, and Tension

_Contrast: Scale, Color, Texture, Density

_Hierarchy

_Movement, Dynamics, and Activity

_Flatness and Depth

_Figure and Ground

_Grid Systems

_Successive Relationship & the Series

Design vocabulary



Rhythm, Balance, TensionArmin Hofmann


Figure / Ground


Rhythm and MovementBridget Riley


Grid + Movement Hansjörg Mayer


Conrast and Hierarchy, Dynamism and Activityposters by Josef Muller-Brockman

26Assignment 04Composition 1

Instructions for Drawings Sol

LeWitt



LeWitt



LeWitt


Successive Series

26

LeWitt

Sol

Instructions

Drawings

for

Assignment 04Composition 1

27

Sol

LeWitt

Instructions

Drawings

for


28

LeWitt

Sol

Instructions

Drawings

for



Successive Series

26Sol

Instructionsfor Drawings

LeWitt


27


Sol LeWitt


28Sol


LeWitt



Successive Series


Are you ready?

150/ Digital Media Design I · 2015. 8. 24. · DES150/ Digital Media Design I University of Illinois at Chicago College of Architecture, Design, and the Arts School of Design DES

Documents