150/ digital media design i · 2015. 8. 24. · des150/ digital media design i university of...
TRANSCRIPT
-
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
-
UIC / School of Design DES 150 / Digital Media Design I
Digital Media Design
-
UIC / School of Design DES 150 / Digital Media Design I
Digital Media Design
-
UIC / School of Design DES 150 / Digital Media Design I
Digital Media DesignWhat is
-
Why do we use computers?
Generally? As designers/artists?
What do we gain?
What do we lose?
Let’s Consider
UIC / School of Design DES 150 / Digital Media Design I
-
What is software?
Why do we use software?
How do we use it?
Let’s Consider
UIC / School of Design DES 150 / Digital Media Design I
-
1 Production
2 Conception
Why do we use software?
UIC / School of Design DES 150 / Digital Media Design I
-
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?
UIC / School of Design DES 150 / Digital Media Design I
-
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?
UIC / School of Design DES 150 / Digital Media Design I
-
Design, Software,and theMediation of Making
UIC / School of Design DES 150 / Digital Media Design I
-
How does software affect what design is or what design can do?
UIC / School of Design DES 150 / Digital Media Design I
-
UIC / School of Design DES 150 / Digital Media Design I
MOS Architects
http://www.dailymotion.com/video/xip1m1_the-creators-project-mos-architects_creation
-
UIC / School of Design DES 150 / Digital Media Design I
Morisawa Posters / John Maeda
-
UIC / School of Design DES 150 / Digital Media Design I
Christian Moeller
http://christianmoeller.com/Spectatorshttp://christianmoeller.com/Spectators
-
UIC / School of Design DES 150 / Digital Media Design I
Cascade / New York Times
http://nytlabs.com/projects/cascade.html
-
UIC / School of Design DES 150 / Digital Media Design I
Floating Numbers / Art + Com
http://www.artcom.de/en/projects/project/detail/floatingnumbers/
-
UIC / School of Design DES 150 / Digital Media Design I
https://vimeo.com/5369286
-
Solar by Goldfrapp / Flight 404 (Robert Hodgin)
UIC / School of Design DES 150 / Digital Media Design I
https://vimeo.com/658158
-
UIC / School of Design DES 150 / Digital Media Design I
BMW Museum / Art + Com
http://artcom.de/en/project/kinetic-sculpture/
-
UIC / School of Design DES 150 / Digital Media Design I
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.
UIC / School of Design DES 150 / Digital Media Design I
Casey Reas & Cait Reas
http://reas.com/tissue_collection/
-
UIC / School of Design DES 150 / Digital Media Design I
Cell Cycle / Nervous System Design
http://n-e-r-v-o-u-s.com/cellCycle/
-
What are we going to do with software?
UIC / School of Design DES 150 / Digital Media Design I
-
Use Proprietary Software (Adobe) to understand:
_Raster & Vector
_Resolution & Size
_Units of Measure
_Color
_File Types
_File Management
Digital Multimedia Basics
UIC / School of Design DES 150 / Digital Media Design I
-
UIC / School of Design DES 150 / Digital Media Design I
-
UIC / School of Design DES 150 / Digital Media Design I
Vector Raster (bitmap)
-
UIC / School of Design DES 150 / Digital Media Design I
Vector art
-
UIC / School of Design DES 150 / Digital Media Design I
Raster (bitmap) art
-
UIC / School of Design DES 150 / Digital Media Design I
Grid / Layout / Publication
-
UIC / School of Design DES 150 / Digital Media Design I
portable document format
-
UIC / School of Design DES 150 / Digital Media Design I
multimedia
-
1 Interactive Design
2 Generative Design
Write our own Software
UIC / School of Design DES 150 / Digital Media Design I
-
» 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
UIC / School of Design DES 150 / Digital Media Design I
-
UIC / School of Design DES 150 / Digital Media Design I
-
UIC / School of Design DES 150 / Digital Media Design I
-
UIC / School of Design DES 150 / Digital Media Design I
-
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.
UIC / School of Design DES 150 / Digital Media Design I
-
_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
UIC / School of Design DES 150 / Digital Media Design I
-
UIC / School of Design DES 150 / Digital Media Design I
Rhythm, Balance, TensionArmin Hofmann
-
UIC / School of Design DES 150 / Digital Media Design I
Figure / Ground
-
UIC / School of Design DES 150 / Digital Media Design I
Rhythm and MovementBridget Riley
-
UIC / School of Design DES 150 / Digital Media Design I
Grid + Movement Hansjörg Mayer
-
UIC / School of Design DES 150 / Digital Media Design I
Conrast and Hierarchy, Dynamism and Activityposters by Josef Muller-Brockman
-
26Assignment 04Composition 1
Instructions for Drawings Sol
LeWitt
27Assignment 04Composition 2
Instructions for Drawings Sol
LeWitt
28Assignment 04Composition 3
Instructions for Drawings Sol
LeWitt
UIC / School of Design DES 150 / Digital Media Design I
Successive Series
-
26
LeWitt
Sol
Instructions
Drawings
for
Assignment 04Composition 1
27
Sol
LeWitt
Instructions
Drawings
for
Assignment 04Composition 2
28
LeWitt
Sol
Instructions
Drawings
for
Assignment 04Composition 3
UIC / School of Design DES 150 / Digital Media Design I
Successive Series
-
26Sol
Instructionsfor Drawings
LeWitt
Assignment 04Composition 1
27
Instructionsfor Drawings
Sol LeWitt
Assignment 04Composition 2
28Sol
Instructionsfor Drawings
LeWitt
Assignment 04Composition 3
UIC / School of Design DES 150 / Digital Media Design I
Successive Series
-
UIC / School of Design DES 150 / Digital Media Design I
Are you ready?