150 digital media design i final project...des 150 digital media design i / final project university...
TRANSCRIPT
![Page 1: 150 Digital Media Design I Final Project...DES 150 Digital Media Design I / Final Project University of Illinois at Chicago College of Architecture, Design, and the Arts School of](https://reader035.vdocuments.mx/reader035/viewer/2022071106/5fe0c250afbb265de304a391/html5/thumbnails/1.jpg)
DES 150 Digital Media Design I/Final Project
University of Illinois at ChicagoCollege of Architecture, Design, and the ArtsSchool of Design
DES 150Digital Media Design I
![Page 2: 150 Digital Media Design I Final Project...DES 150 Digital Media Design I / Final Project University of Illinois at Chicago College of Architecture, Design, and the Arts School of](https://reader035.vdocuments.mx/reader035/viewer/2022071106/5fe0c250afbb265de304a391/html5/thumbnails/2.jpg)
Generative & Interactive Systems
In both cases, the designer sets variables and parameters that shape iterations (possibilities).
Deciding what those variables and parameters are, then selecting, and possibly modifying,
which iterations will produce an effective artifact or series are the significant design decisions.
This concept applies to all forms of procedural thinking and iterative processes—whether or not
computers or software are involved.
UIC / School of Design DES 150 / Digital Media Design I
![Page 3: 150 Digital Media Design I Final Project...DES 150 Digital Media Design I / Final Project University of Illinois at Chicago College of Architecture, Design, and the Arts School of](https://reader035.vdocuments.mx/reader035/viewer/2022071106/5fe0c250afbb265de304a391/html5/thumbnails/3.jpg)
“In this capacity, the designer is no longer making choices about a single, final object but creating
a matrix encompassing an entire population of possible designs. This is a move from thinking
about an object to thinking about a field of infinite options. This involves searching for and exploring
a population of designs that meet certain requirements, behave in particular ways, or fit the
desires of the designer.”
Form + Code (Parametrize), Casey Reas & Chandler Williams
UIC / School of Design DES 150 / Digital Media Design I
![Page 4: 150 Digital Media Design I Final Project...DES 150 Digital Media Design I / Final Project University of Illinois at Chicago College of Architecture, Design, and the Arts School of](https://reader035.vdocuments.mx/reader035/viewer/2022071106/5fe0c250afbb265de304a391/html5/thumbnails/4.jpg)
Generative Design
Parameters and variable that define the visual possibilities of a system through iteration;
selecting and producing a meaningful artifact or series from those iterations.
Interaction Design
Parameters for viewer-participant input and visual feedback that allows “drawing” of iterations;
selecting and producing a meaningful artifact or series from those iterations.
UIC / School of Design DES 150 / Digital Media Design I
![Page 5: 150 Digital Media Design I Final Project...DES 150 Digital Media Design I / Final Project University of Illinois at Chicago College of Architecture, Design, and the Arts School of](https://reader035.vdocuments.mx/reader035/viewer/2022071106/5fe0c250afbb265de304a391/html5/thumbnails/5.jpg)
Assignment 04: Generative/Interactive Poster Series
problem: Create a successive series of 3 posters that together visually demonstrate a behavior or
movement concept from the provided list. Use any combination of line, dot, geometric forms,
or letter forms. The series should demonstrate a clear grid and successive structure. May include
black, white, grey, and one color. Each poster has a trim size of 18” x 18”
Begin with a 9 x 9 grid.
note: You do not need to fill each position on the grid in order to articulate the grid.
—
Behavior & Movement Concepts: Grow / Shrink, Expand / Contract, Advance / Recede,
Float / Drop, Cluster / Scatter, Accumulate / Disperse, Drift, Flow, Decay, Mutate, Zoom, Spin.
UIC / School of Design DES 150 / Digital Media Design I
![Page 6: 150 Digital Media Design I Final Project...DES 150 Digital Media Design I / Final Project University of Illinois at Chicago College of Architecture, Design, and the Arts School of](https://reader035.vdocuments.mx/reader035/viewer/2022071106/5fe0c250afbb265de304a391/html5/thumbnails/6.jpg)
Successive Series
UIC / School of Design DES 150 / Digital Media Design I
![Page 7: 150 Digital Media Design I Final Project...DES 150 Digital Media Design I / Final Project University of Illinois at Chicago College of Architecture, Design, and the Arts School of](https://reader035.vdocuments.mx/reader035/viewer/2022071106/5fe0c250afbb265de304a391/html5/thumbnails/7.jpg)
The series creates a successive relationship. Shared visual elements unite them.
Each change to an element happens successively. It is a gradation of compositions.
All compositions must:
_ stand on their own as well composed (rhythm, tension, & balance)
_ share a distinct visual language (the elements you used)
_ create a sense of rhythm (use extra space to create pace, not fill it up)
UIC / School of Design DES 150 / Digital Media Design I
![Page 8: 150 Digital Media Design I Final Project...DES 150 Digital Media Design I / Final Project University of Illinois at Chicago College of Architecture, Design, and the Arts School of](https://reader035.vdocuments.mx/reader035/viewer/2022071106/5fe0c250afbb265de304a391/html5/thumbnails/8.jpg)
Rhythm Tension Balance
UIC / School of Design DES 150 / Digital Media Design I
![Page 9: 150 Digital Media Design I Final Project...DES 150 Digital Media Design I / Final Project University of Illinois at Chicago College of Architecture, Design, and the Arts School of](https://reader035.vdocuments.mx/reader035/viewer/2022071106/5fe0c250afbb265de304a391/html5/thumbnails/9.jpg)
Frider Nake, 1965
UIC / School of Design DES 150 / Digital Media Design I
![Page 10: 150 Digital Media Design I Final Project...DES 150 Digital Media Design I / Final Project University of Illinois at Chicago College of Architecture, Design, and the Arts School of](https://reader035.vdocuments.mx/reader035/viewer/2022071106/5fe0c250afbb265de304a391/html5/thumbnails/10.jpg)
Hartmut Bohn
UIC / School of Design DES 150 / Digital Media Design I
![Page 11: 150 Digital Media Design I Final Project...DES 150 Digital Media Design I / Final Project University of Illinois at Chicago College of Architecture, Design, and the Arts School of](https://reader035.vdocuments.mx/reader035/viewer/2022071106/5fe0c250afbb265de304a391/html5/thumbnails/11.jpg)
Hartmut Bohn
UIC / School of Design DES 150 / Digital Media Design I
![Page 12: 150 Digital Media Design I Final Project...DES 150 Digital Media Design I / Final Project University of Illinois at Chicago College of Architecture, Design, and the Arts School of](https://reader035.vdocuments.mx/reader035/viewer/2022071106/5fe0c250afbb265de304a391/html5/thumbnails/12.jpg)
Frances Hewitt, 1967–68
UIC / School of Design DES 150 / Digital Media Design I
![Page 13: 150 Digital Media Design I Final Project...DES 150 Digital Media Design I / Final Project University of Illinois at Chicago College of Architecture, Design, and the Arts School of](https://reader035.vdocuments.mx/reader035/viewer/2022071106/5fe0c250afbb265de304a391/html5/thumbnails/13.jpg)
Hans Neuburg, 1965
UIC / School of Design DES 150 / Digital Media Design I
![Page 14: 150 Digital Media Design I Final Project...DES 150 Digital Media Design I / Final Project University of Illinois at Chicago College of Architecture, Design, and the Arts School of](https://reader035.vdocuments.mx/reader035/viewer/2022071106/5fe0c250afbb265de304a391/html5/thumbnails/14.jpg)
Bridget Riley
UIC / School of Design DES 150 / Digital Media Design I
![Page 15: 150 Digital Media Design I Final Project...DES 150 Digital Media Design I / Final Project University of Illinois at Chicago College of Architecture, Design, and the Arts School of](https://reader035.vdocuments.mx/reader035/viewer/2022071106/5fe0c250afbb265de304a391/html5/thumbnails/15.jpg)
Anni Albers
UIC / School of Design DES 150 / Digital Media Design I
![Page 16: 150 Digital Media Design I Final Project...DES 150 Digital Media Design I / Final Project University of Illinois at Chicago College of Architecture, Design, and the Arts School of](https://reader035.vdocuments.mx/reader035/viewer/2022071106/5fe0c250afbb265de304a391/html5/thumbnails/16.jpg)
Victor Vasarley
UIC / School of Design DES 150 / Digital Media Design I
![Page 17: 150 Digital Media Design I Final Project...DES 150 Digital Media Design I / Final Project University of Illinois at Chicago College of Architecture, Design, and the Arts School of](https://reader035.vdocuments.mx/reader035/viewer/2022071106/5fe0c250afbb265de304a391/html5/thumbnails/17.jpg)
Dieter Roth
UIC / School of Design DES 150 / Digital Media Design I
![Page 18: 150 Digital Media Design I Final Project...DES 150 Digital Media Design I / Final Project University of Illinois at Chicago College of Architecture, Design, and the Arts School of](https://reader035.vdocuments.mx/reader035/viewer/2022071106/5fe0c250afbb265de304a391/html5/thumbnails/18.jpg)
Max Bill
UIC / School of Design DES 150 / Digital Media Design I
![Page 19: 150 Digital Media Design I Final Project...DES 150 Digital Media Design I / Final Project University of Illinois at Chicago College of Architecture, Design, and the Arts School of](https://reader035.vdocuments.mx/reader035/viewer/2022071106/5fe0c250afbb265de304a391/html5/thumbnails/19.jpg)
Mathis Goeritz
UIC / School of Design DES 150 / Digital Media Design I
![Page 20: 150 Digital Media Design I Final Project...DES 150 Digital Media Design I / Final Project University of Illinois at Chicago College of Architecture, Design, and the Arts School of](https://reader035.vdocuments.mx/reader035/viewer/2022071106/5fe0c250afbb265de304a391/html5/thumbnails/20.jpg)
Hansjörg Mayer
UIC / School of Design DES 150 / Digital Media Design I
![Page 21: 150 Digital Media Design I Final Project...DES 150 Digital Media Design I / Final Project University of Illinois at Chicago College of Architecture, Design, and the Arts School of](https://reader035.vdocuments.mx/reader035/viewer/2022071106/5fe0c250afbb265de304a391/html5/thumbnails/21.jpg)
Hansjörg Mayer
UIC / School of Design DES 150 / Digital Media Design I
![Page 22: 150 Digital Media Design I Final Project...DES 150 Digital Media Design I / Final Project University of Illinois at Chicago College of Architecture, Design, and the Arts School of](https://reader035.vdocuments.mx/reader035/viewer/2022071106/5fe0c250afbb265de304a391/html5/thumbnails/22.jpg)
Manfred Mohr
UIC / School of Design DES 150 / Digital Media Design I
![Page 23: 150 Digital Media Design I Final Project...DES 150 Digital Media Design I / Final Project University of Illinois at Chicago College of Architecture, Design, and the Arts School of](https://reader035.vdocuments.mx/reader035/viewer/2022071106/5fe0c250afbb265de304a391/html5/thumbnails/23.jpg)
Josef Albers
UIC / School of Design DES 150 / Digital Media Design I
![Page 24: 150 Digital Media Design I Final Project...DES 150 Digital Media Design I / Final Project University of Illinois at Chicago College of Architecture, Design, and the Arts School of](https://reader035.vdocuments.mx/reader035/viewer/2022071106/5fe0c250afbb265de304a391/html5/thumbnails/24.jpg)
Josef Albers
UIC / School of Design DES 150 / Digital Media Design I
![Page 25: 150 Digital Media Design I Final Project...DES 150 Digital Media Design I / Final Project University of Illinois at Chicago College of Architecture, Design, and the Arts School of](https://reader035.vdocuments.mx/reader035/viewer/2022071106/5fe0c250afbb265de304a391/html5/thumbnails/25.jpg)
Josef Albers
UIC / School of Design DES 150 / Digital Media Design I
![Page 26: 150 Digital Media Design I Final Project...DES 150 Digital Media Design I / Final Project University of Illinois at Chicago College of Architecture, Design, and the Arts School of](https://reader035.vdocuments.mx/reader035/viewer/2022071106/5fe0c250afbb265de304a391/html5/thumbnails/26.jpg)
Andreas Gottschalk
UIC / School of Design DES 150 / Digital Media Design I
![Page 27: 150 Digital Media Design I Final Project...DES 150 Digital Media Design I / Final Project University of Illinois at Chicago College of Architecture, Design, and the Arts School of](https://reader035.vdocuments.mx/reader035/viewer/2022071106/5fe0c250afbb265de304a391/html5/thumbnails/27.jpg)
Andreas Gottschalk
UIC / School of Design DES 150 / Digital Media Design I
![Page 28: 150 Digital Media Design I Final Project...DES 150 Digital Media Design I / Final Project University of Illinois at Chicago College of Architecture, Design, and the Arts School of](https://reader035.vdocuments.mx/reader035/viewer/2022071106/5fe0c250afbb265de304a391/html5/thumbnails/28.jpg)
Andreas Gottschalk
UIC / School of Design DES 150 / Digital Media Design I
![Page 29: 150 Digital Media Design I Final Project...DES 150 Digital Media Design I / Final Project University of Illinois at Chicago College of Architecture, Design, and the Arts School of](https://reader035.vdocuments.mx/reader035/viewer/2022071106/5fe0c250afbb265de304a391/html5/thumbnails/29.jpg)
Variables
Conditionals (if/then)
Loops
Nested Loops
Graphic Primitives
(line, ellipse, rectangle, triangle...)
Vector Shapes (svg file)
random
mouseX, mouseY,
dist
gradation (position & size)
mousePressed
color & transparency (alhpa)
PShape
modulo*
UIC / School of Design DES 150 / Digital Media Design I
![Page 30: 150 Digital Media Design I Final Project...DES 150 Digital Media Design I / Final Project University of Illinois at Chicago College of Architecture, Design, and the Arts School of](https://reader035.vdocuments.mx/reader035/viewer/2022071106/5fe0c250afbb265de304a391/html5/thumbnails/30.jpg)
Generative Design
Parameters and variable that define the visual possibilities of a system through iteration;
selecting and producing a meaningful artifact or series from those iterations.
Interaction Design
Parameters for viewer-participant input and visual feedback that allows “drawing” of iterations;
selecting and producing a meaningful artifact or series from those iterations.
UIC / School of Design DES 150 / Digital Media Design I
![Page 31: 150 Digital Media Design I Final Project...DES 150 Digital Media Design I / Final Project University of Illinois at Chicago College of Architecture, Design, and the Arts School of](https://reader035.vdocuments.mx/reader035/viewer/2022071106/5fe0c250afbb265de304a391/html5/thumbnails/31.jpg)
Behaviors
Grow / Shrink
Expand / Contract
Advance / Recede
Float / Drop
Cluster / Scatter
Accumulate / Disperse
Drift
Flow
Decay
Mutate
Zoom
Spin
Materials
lines
ellipses/circles
recetangles/squares
triangles
letters
UIC / School of Design DES 150 / Digital Media Design I
![Page 32: 150 Digital Media Design I Final Project...DES 150 Digital Media Design I / Final Project University of Illinois at Chicago College of Architecture, Design, and the Arts School of](https://reader035.vdocuments.mx/reader035/viewer/2022071106/5fe0c250afbb265de304a391/html5/thumbnails/32.jpg)
Slightly different rules may apply.
Examples
UIC / School of Design DES 150 / Digital Media Design I
![Page 33: 150 Digital Media Design I Final Project...DES 150 Digital Media Design I / Final Project University of Illinois at Chicago College of Architecture, Design, and the Arts School of](https://reader035.vdocuments.mx/reader035/viewer/2022071106/5fe0c250afbb265de304a391/html5/thumbnails/33.jpg)
26Assignment 04Composition 1
Instructions for Drawings Sol
LeWitt
Grow
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
![Page 34: 150 Digital Media Design I Final Project...DES 150 Digital Media Design I / Final Project University of Illinois at Chicago College of Architecture, Design, and the Arts School of](https://reader035.vdocuments.mx/reader035/viewer/2022071106/5fe0c250afbb265de304a391/html5/thumbnails/34.jpg)
26
LeWitt
Sol
Instructions
Drawings
for
Assignment 04Composition 1
Cluster
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
![Page 35: 150 Digital Media Design I Final Project...DES 150 Digital Media Design I / Final Project University of Illinois at Chicago College of Architecture, Design, and the Arts School of](https://reader035.vdocuments.mx/reader035/viewer/2022071106/5fe0c250afbb265de304a391/html5/thumbnails/35.jpg)
26Sol
Instructionsfor Drawings
LeWitt
Assignment 04Composition 1
Accumulate
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
![Page 36: 150 Digital Media Design I Final Project...DES 150 Digital Media Design I / Final Project University of Illinois at Chicago College of Architecture, Design, and the Arts School of](https://reader035.vdocuments.mx/reader035/viewer/2022071106/5fe0c250afbb265de304a391/html5/thumbnails/36.jpg)
26
Instructions
for
Drawings
Sol LeWitt
Assignment 04Composition 1
Expand
27
Instructions
for
Drawings
Sol LeWitt
Assignment 04Composition 2
28
Instructions
for
Drawings
Sol LeWitt
Assignment 04Composition 3
UIC / School of Design DES 150 / Digital Media Design I
![Page 37: 150 Digital Media Design I Final Project...DES 150 Digital Media Design I / Final Project University of Illinois at Chicago College of Architecture, Design, and the Arts School of](https://reader035.vdocuments.mx/reader035/viewer/2022071106/5fe0c250afbb265de304a391/html5/thumbnails/37.jpg)
26
Instructions
for
Drawing
LeWittSol
Assignment 04Composition 1
Expand
27
Instructions
for
Drawing
LeWittSol
Assignment 04Composition 2
28
Instructions
for
Drawing
LeWittSol
Assignment 04Composition 3
UIC / School of Design DES 150 / Digital Media Design I
![Page 38: 150 Digital Media Design I Final Project...DES 150 Digital Media Design I / Final Project University of Illinois at Chicago College of Architecture, Design, and the Arts School of](https://reader035.vdocuments.mx/reader035/viewer/2022071106/5fe0c250afbb265de304a391/html5/thumbnails/38.jpg)
26
Sol Lewitt
InstructionsFor
Drawing
Assignment 04Composition 1
Expand / Float
27
Sol Lewitt
InstructionsFor
Drawing
Assignment 04Composition 2
28
Sol Lewitt
InstructionsFor
Drawing
Assignment 04Composition 3
UIC / School of Design DES 150 / Digital Media Design I
![Page 39: 150 Digital Media Design I Final Project...DES 150 Digital Media Design I / Final Project University of Illinois at Chicago College of Architecture, Design, and the Arts School of](https://reader035.vdocuments.mx/reader035/viewer/2022071106/5fe0c250afbb265de304a391/html5/thumbnails/39.jpg)
26
Sol LeWitt Instructions for Drawings
Assignment 04Composition 1
Drift
27
Sol LeWitt Instructions for Drawings
Assignment 04Composition 2
28
Sol LeWitt Instructions for Drawings
Assignment 04Composition 3
UIC / School of Design DES 150 / Digital Media Design I
![Page 40: 150 Digital Media Design I Final Project...DES 150 Digital Media Design I / Final Project University of Illinois at Chicago College of Architecture, Design, and the Arts School of](https://reader035.vdocuments.mx/reader035/viewer/2022071106/5fe0c250afbb265de304a391/html5/thumbnails/40.jpg)
26
Instructions for Drawings
Sol LeWitt
Assignment 04Composition 1
Drop
27
Instructions for Drawings
Sol LeWitt
Assignment 04Composition 2
28
Instructions for Drawings
Sol LeWitt
Assignment 04Composition 3
UIC / School of Design DES 150 / Digital Media Design I
![Page 41: 150 Digital Media Design I Final Project...DES 150 Digital Media Design I / Final Project University of Illinois at Chicago College of Architecture, Design, and the Arts School of](https://reader035.vdocuments.mx/reader035/viewer/2022071106/5fe0c250afbb265de304a391/html5/thumbnails/41.jpg)
26Assignment 04Composition 1
Sol LeWitt
Drawings
Instructions
for
Flow / Drift
27Assignment 04Composition 2
Drawings
Sol LeWitt
Instructions
for
28Assignment 04Composition 3
Sol LeWitt
Drawings
Instructions
for
UIC / School of Design DES 150 / Digital Media Design I
![Page 42: 150 Digital Media Design I Final Project...DES 150 Digital Media Design I / Final Project University of Illinois at Chicago College of Architecture, Design, and the Arts School of](https://reader035.vdocuments.mx/reader035/viewer/2022071106/5fe0c250afbb265de304a391/html5/thumbnails/42.jpg)
Questions?
UIC / School of Design DES 150 / Digital Media Design I