Retrospect

1. Identify and locate the first piece of graphic design you can recall making. Find it as a digital file, hardcopy, image … it doesn’t matter.
2. Examine this first work carefully. Ask yourself (now) why you (then) made the decisions you made in assembling it. Consider your answers, and keep them to yourself for the moment.
3. Take at least one full day, 24 hours, between following instructions 2 and 4.
4. Write one compact paragraph (between 5 and 12 sentences) that indicates the answers you arrived at in step 2.
5. Typeset the paragraph that you wrote in step 4 (now) how you would have done it (then) at the time you made the piece of work identified at the start of this set of instructions. The result should sit comfortably on one vertical sheet of 8.5 x 11 inch paper.

From David Reinfurt

Revolutionary Types

Browse one of the “revolutionary” books distributed in class. Take 15 minutes to look for phrases or sentences that could be typeset as a “political poster.” Pick one page from the text and copy it. Highlight the phrases you chose with a black sharpie. Print 25 copies on the risograph, using pink or yellow as the highlight color. Collate and distribute.

Read “Robin Fior” by Richard Hollis. Consider his work and biography and especially the different formal and material senses of revolutionary typography that Hollis elucidates for Fior’s work.

Create a tabloid sized poster that typesets words from #1. Using only typography, develop a revolutionary form for your content, one that takes up a cue from Hollis’ text.

First draft due Monday 11 March

Oblique Strategies

Collect material related to the photoshop exercise “under constraint” from a classmate. This should be one of the prints from the ten iterations, and the sheet which typesets the name of the photoshop tool and a description of the original image. If you want, you can ask your classmate for the digital file.

Draw two cards from our deck of oblique strategies.

Follow the first card to make a new composition using the material you collected from your classmate.

Follow the second card to further to produce a second composition, one which iterates the first composition.

Photoshop Under Restraint

Find an image that relates to the concept “under restraint.” Make the image large enough to fit on a letter size sheet, portrait orientation. Choose one retouching or painting tool from the photoshop toolbox and vigorously edit the image using only that tool. Test the tool : make it do something it wasn’t designed to do. Investigate all possible variables and parameters for the tool. Make 10 iterations that each visually communicate a different sense of the concept of freedom versus constraint.

Event Script

In the spirit of Alison Knowles and Yoko Ono, write a script in a single concise paragraph that specifies an event which might produce — among other things — printed material. This is an exercise in both precision and speculation, in detail and possibility, in material specification and the evocation of social and political lifeworlds in and beyond graphic design.

Reverse

Look carefully at Jan Tschichold’s Der Berufshotograph poster. Write 5 rules which, if followed, could produce the poster. The rules should be abstract: following them should allow for the possibility of a very different poster than Der Berufshotograph. As you write your rules, think about: the conceptual relation of type to image; printing techniques and media properties; and compositional relations of type to image, and type to type. Make your poster “contemporary”. Execute these rules once, on a large format (two trimmed tabloid sheets).

Wild CSS

Pick a Wikipedia entry which follows from the entry on “Rules.” Copy its HTML and link it to a CSS sheet in which you declare a value for every possible property of every HTML element. Explore CSS as a means for the wild production of new visual forms. Forget about the legibility of words and instead visually articulate the different HTML elements (the tags). Make two formal constraints to regulate the visual profusion.
 
 

Selectors

html
body
h1
h2
h3
h4
p
em
a
ul
ol
li

pseudo-selectors

:link
:hover
::before
::after

example code block

p
{

color:
background-color:

border-top: 1px solid black
border-bottom:
border-left:
border-right:
border-radius:

display: ;
float: ;
margin: 0 0 0 0;
padding: 0 0 0 0;
position:
width:
height:

font-family:
font-style:
font-weight:
text-align:
font-size:
line-height:
letter-spacing:
word-spacing:
text-transform:
text-decoration:
text-shadow:
word-wrap:
outline: 1px dotted white;

list-style:
list-style-image:
list-style-position:
list-style-type:

transform:
}