DES150/ Digital Media Design I University of Illinois at Chicago College of Architecture, Design, and the Arts School of Design DES 150 Digital Media Design I Matthew Terdich Alice Lee Jennifer Wandro
University of Illinois at Chicago Applied 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 Architecture School of Design School of Art & Art History School of Music & Performing Arts Graphic Design Industrial Design
Digital Media Design
Digital Media Design
Digital Media Design
What is Digital Media Design
Let s Consider 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?
Why do we use software? 1 Production 2 Conception
What is uniquely possible? 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.
Design, Software, and the Mediation of Making
How does software affect what design is or what design can do?
MOS Architects
Morisawa Posters / John Maeda
Christian Moeller
Cascade / New York Times
Floating Numbers / Art + Com
Solar by Goldfrapp / Flight 404 (Robert Hodgin)
BMW Museum / Art + Com
Signals mural at MIT / Casey Reas
The unique viusals used for the Tissue Collection are created via algorithims that interpret the movement of synthetic neural systems. Casey Reas & Cait Reas
Cell Cycle / Nervous System Design
What are we going to do with software?
Digital Multimedia Basics Use Proprietary Software (Adobe) to understand: _Raster & Vector _Resolution & Size _Units of Measure _Color _File Types _File Management
Vector Raster (bitmap)
Vector art
Raster (bitmap) art
Grid / Layout / Publication
portable document format
multimedia
Write our own Software 1 Interactive Design 2 Generative Design
» 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.
Design vocabulary _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
Rhythm, Balance, Tension Armin Hofmann
Figure / Ground
Rhythm and Movement Bridget Riley
Grid + Movement Hansjörg Mayer
Conrast and Hierarchy, Dynamism and Activity posters by Josef Muller-Brockman
Instructions for Drawings Sol Instructions for Drawings Sol Instructions for Drawings Sol LeWitt LeWitt LeWitt Successive Series
Sol LeWitt Sol LeWitt Sol LeWitt Instructions for Drawings Instructions for Drawings Instructions for Drawings Successive Series
Sol LeWitt Sol LeWitt Sol LeWitt Instructions for Drawings Instructions for Drawings Instructions for Drawings Successive Series
Are you ready?