top

exercises

 
Descriptive and Critical Catalogue of Work Done for Typography 1, Spring 2018
specspresentation of every project, with discussion of typographic principles/technical procedures, other learning.

8.5 x 11 (or other)
use grid and paragraph styles.
catalogue every project.
list objectives, some parameters/limitations (be selective)
show specimens (including scans of earliest tracing exercise, if you traced)

your observations:
what did you learn from this exercise (technical, aesthetic, conceptual, formal)
optional:
in retrospect, how might you have taken it a different way, if at all? what would you change now?
what was hard? what was less hard?

Catalogue must include:

  1. title :
    Descriptive and Critical Catalogue of Work Done for Typography 1, Fall 2017
    your name
    John McVey, instructor [optional]
  2. table of contents
    and at least one page for each exercise.
    include screen shots or other presentation of selected paragraph and character styles for all exercises that involved them.
  3. Conclusion
    overall assessment of what you learned, didn’t learn but wish you had, and (optionally) of the class generally.

projects are listed at right on this page; this course website provides requirements and objectives for every exercise.

timeassigned Wednesday 25 April
conclusion Monday 7 May
objectivesreflection;
demonstration of understanding of basic principles and typographic practices as learned in this class

 
top                  
architecture and alphabet
specsposter announcing talk by, or about, a significant architect or architectural practice.
or
a book, employing language by an architect, and exemplifying features of her/his architectural style/approach.
  1. Poster to include title of event/name of architect; place and time;“event description; contact information (e-mail); and possibly montserrat logo.”
  2. landscape architecture, and even artifacts of architectural practice, including models, may figure in this exercise.
  3. Primary emphasis of either poster or book should be typographic.
timeassigned Wednesday 25 April
conclusion Monday 7 May
examplesseveral examples from previous years, of posters and books, at montserratdesign.tumblr.com
sources (not including books)Pritzker Prize laureates are listed, by year and name, here.

Women in architecture (wikipedia)

see list further below (many of whom are subjects of monographs that you have access to

objectivesWorking with type and typographic structure, whilst exploring an architect or building and seeking some correspondence between the two realms.

The type may capture/embody that style, or be inspired by the architectural source.

Typographic elements — whether in poster or book — are to be disciplined, and governed by paragraph and character styles, and grid or other coherent principles of arrangement.

discussion

Many are the metaphorical parallels and analogues between letters and buildings. Buildings have been laid out on alphabetical principles. Typography shares with architecture a concern with detail and a concern about shaping and giving character to a larger space. Architecture provides a language to space and, by defining (limiting) it, allows it to be this and not that, lets it speak.Typographic and building detail provide signposts: the entrance to a building can be indicated solely by design inflection, or by a conventional sign that says “entrance;” the various entrances into a text are indented, mutely, by a paragraph indent.

Architecture, engineering, letter and typographic design share concerns with proportion, weight, measurements, clarity of purpose, distinctiveness, aesthetic versus functional objectives, etc.

architects

Mies van der Rohe, Louis Kahn, Frank Lloyd Wright, Zaha Hadid, Tadao Ando, Daniel Libeskind, Frank Gehry,
Lebbeus Woods —
The Radical and Contagious Ideas of
Architecture and Resistance (important. at his own blog)
lebbeuswoods.net (alas, requires Flash)
Lebbeus Woods (wikipedia)
BLDGBLOG interview (2007)
Diller + Scofido, Shigeru Ban, Tadao Ando, Toyo Ito, Peter Zumthor, Samuel Mockbee (and Rural Studio), Rem Koolhaas, Reiser + Umemoto, et al.

extracts

  1. The concrete presence of seeking, clarity, balance, spacial energy, entry of light, layering, material and precision, measurement, vertical/horizontal and proportion, harmony within itself and the drawing of thoughts are in my mind essential terms of architectonic thinking. The constructed space is open in all directions. Architecture begins before architecture.

    Heinz Tesar, Notate

  2. Architecture has its own realm. It has a special physical relationship with life. I do not think of it primarily as either a message or a symbol, but as an envelope and background for life which goes on in and around it, a sensitive container for the rhythm of footsteps on the floor, for the concentration of work, for the silence of sleep.

    Peter Zumthor

  3. Half-resentful because compelled to read the signs pressing on the eyes everywhere... Demoralization of the eye began: names obliterating everything. Names and what they would do for you or with you or to you for your money. Shutting your eyes didn’t end it, for then you heard them louder than you saw them. They would begin to mix with absurd effect and you need take nothing to get the effect of another extravaganza. Letters this time. Another ballet, of A. B. C. D. E. F. G., L. M. N. O. P., X. Y. and Z., the première-danseuse intervening in fantastic dances.

    It would have been a mercy not to have known the alphabet. One pays a heavy toll for the joys of being eye-minded. Ear-minded, too...

    And where was the architecture of the great city... Where was it? Hiding behind these shameless signs?

    Frank Lloyd Wright, on taking the cable car, first day in Chicago; An Autobiography (1943) : 64-65

  4. Architecture is a communicative art. All too often, however, architecture is seen as mute.

    Daniel Libeskind

  5. Move it down... a little to the right.
    That some years ago, some poor sign installer went to put the first letter of the name of the museum up on the wall, and someone screamed, “No, you idiot! Lower! Much Lower! Get it down close to the edge. And a quarter-inch to the right.” That the building is the Guggenheim Museum, and that the architect was Frank Lloyd Wright, makes this photographic detail especially interesting.

    William Drenttel on Frank Lloyd Wright, and the Guggenheim... here

  6. To the statement that the twenty-two letters of the alphabet are capable of expressing everything (sono bastanti a esprimere il tutto) he adds that if the alphabet were to have been lost and someone were to have suggested expressing all known and recorded facts with twenty-two letters he would certainly have been declared insane.

    Giulio Camillo
    quoted in Werner Oechslin, “Architecture and Alphabet.” Via 8 (1986): 96-125

  7. What is important for our purposes is that architectural theory and practice of the past two decades has attempted to hone methods for generating "objects" from fields... While collage multiplies and disorients the stable relationship between a figure and a ground, it does not abolish it, whereas folding, whose concept of form is no more (and no less) than a disruption in a continuous surface, precisely stages the becoming of form through variable intensifications and manipulations in a continuous structure. Moreover, folding, like the computer technologies with which it is typically allied, is scalable; not only can it generate a building's plan through the modulation of structural members, but it is a technique for folding the site into the buildings and the buildings into the site.

    David Joselit, After Art (2013): 25-26

 
top                  

3D type, letterpress printing
briefcreate a not-too-complicated glyph, derived from two letters (or punctuation marks)

create these in Illustrator CC, for export as an SVG file to Tinkercad, where we will prepare it for 3D printing.

We should be able to accomplish all of this during our one workshop meeting, on Monday 23 April. You should not miss this class. Sarah Trahan will lead the workshop, and help us to prepare files for 3D printing.

We will be using Tinkercad, which is a free, online, 3D modeling program.

https://www.tinkercad.com/
https://www.youtube.com/watch?v=sh4o9k599pQ (Basic operations in Tinkercad)
TinkerType handout (pdf)

We will print our glyphs, together with (nonsense?) sentences derived from our Typographic Field Guide examples (which we will set in lead type), on a Vandercook proof press in the Letterpress Studio. Thanks to Sarah Trahan for making the 3D type possible, and to printer-extraordinaire Jackson Haley @daysleeperpress for help at the Vandercook.

specsdimensions : one inch square, and type-high — .918 inch —
timeMonday 23 April
Meet at 1A Knowlton, for workshop (conducted by Sarah Trahan)
Wednesday 25 April
completion of typographic field guides, discussion of next steps (including letterpress printing)
objectives

  1. continuation of thinking about type in the 3D world;
  2. exposure to hand composition of type;
  3. experience with letterpress printing

 
top                  

typographic field guide.
briefRecord (by means including photographs, drawing, even rubbings!), minimum five different words encountered in the world — in/on the streets, gravestones, signs, asphalt, telephone poles, sky (skywriting), etc. Hand lettered or not (vinyl type etc ok). More than five acceptable, even preferable. Beverly, elsewhere/other urban/suburban/rural landscapes. The words are not to be found in a book or magazine.

Beverly, or elsewhere ok. Preferably, all images/words found in same general area.

These words should be formable into a sentence (perfect grammar not important). Helping (other) words may be used, that we will typeset in the normal way.

We will discuss these in class in terms of style (even trying to classify and perhaps identify them).

The catalogue/field guide will take the form of a book; images may bleed (or not — this in fact will be an important factor to consider, as some shots will work better vertically, others horizontally). What are the options?

All images should be accompanied by description (and even identification) of the letterform/typeface, as well as information about location and whatever else you may wish to include. The words should reveal themselves as some kind of sentence or sentences.

Please upload images to the 212S18 google drive we used for our poster images (of flat letters arranged in 3D compositions), so that we can efficiently discuss them (on Monday 9 April).

Book will contain title page, table of contents (and page numbers), and an introduction/preface in which you discuss your findings and what you have done with them.

In addition to providing a basis for our books, our sentences will be used in a collaborative letterpress broadside, later in the month.

specsdimensions pending.
timeassign Wednesday 4 April
conclusion (tentative) Wednesday 18 April
no class on Monday 16 April (Patriots' Day)
objectives

To work and gain fluency with

  1. reflecting and talking about the formal, expressive and other aspects of letterforms encountered in the world;
  2. typographic classifications;
  3. working type in with image (image in the case being of words);
  4. work within formal constraints.

references

Lee Friedlander, Letters from the People (1993)
Alastair Johnston, Musings on the Vernacular (1988)
 

 
top                  

letterforms 2D > 3D > 2D
specsformal exercise, several transformations
yielding material for informational poster
timequick exercise.
  1. carefully cut out two (minimum) or three (maximum) typographic letters, from stiff paper
    distributed in class, or provided by student; best means is to print large letters on ordinary paper, tape letters to stiff paper, and carefully cut through both sheets with x-acto knife.
    minimum height 3 inches baseline to top of ascender.
  2. combine these two or three letters in three-dimensional compositions
    you will probably need to cut slits in letters, so that letters can run through or otherwise attach to each other.
    the letters need not be the same size
  3. photograph these, with attention to interesting form
    shadows will naturally be part of the compositions.

    upload ten (well, 6 or 8 at least) photos to the 212S18 google drive (everyone has been added as a member, and should have received a notice regarding that). these need not be the highest resolution.
    (the photos may be of different arrangements of the 2-3 letters)

    shown below are four quick example photographs, of the lower case letters e and d

  4. from these (or additional subsequent shots), choose one or more for use in a poster;
  5. theme of the poster will relate to the two or three letters (e.g., acronomyms that the letters spell out, or an exhibit with the title letters and shadows), and additional textual information, e.g., place and time of exhibition. need three different units of information.
    constraints (size, weights):

    Univers or Franklin Gothic (both sans serif)
    three (3) posters, 11x17 inches, each using different shot, full bleed (we will print at 12x19 inches for our finals).
    two posters, all type same size (different weights ok)
    one poster, more than one size ok
    consider using grid, or orienting type to your composition in other ways
    you may use our initial (6 column x 9 row) grid, but you are not required to do so.

objectives assign Monday 26 March
examine and discuss images Weds 28 March
crit of 3 posters (11x17 ok) on Monday 2 April, and final printing Wednesday 4 April

examples

 
Color photography is fine; letters (and background) can be colored other than black and white, but should be flat (not patterns).
Obviously, we can convert color image to grayscale.
Give yourself enough resolution (image size) so that image can bleed off a poster at least 11x17 inches. Print resolution of about 150ppi is sufficient.

 
top                  

six poems, and a book to contain them
specsA book containing minimum six poems, of any length (or shape) or size. Poems may be “conventional” or concrete/visual. All poems are to be created from language taken from either the “lingodroids” or the geological text.
timeassign Wednesday 28 February
conclusion Wednesday 21 March
objectives

To work and gain fluency with

  1. expressive and informational aspects of typographic design, and synthesize these;
  2. master page-defined multi-page layouts incorporating content (poetry) and paratextual elements (e.g., title page, page numbers);
  3. sequencing, expressive and conventional poetic forms;
  4. work within limits (page size)

the work

All language to be drawn from either

  1. Schulz et al, “Lingodroids: Studies in Spatial Cognition and Language” (2001), or
  2. Plate Tectonics and Geomagnetic Reversals, readings with introductions by Allan Cox (Freeman, 1973).

Both texts pertain to kinds of landscape or terrain: either movement of plates, or of two robots upon the terrain. This gives us an opportunity to think about the page, the two-page spread (including the gutter), and the sequence of pages itself as a kind of terrain, across which one encounters typographic features.

before the book, the poems

The poetry might take two forms: (1) conventional poetry, set up in lines, possibly involving rhymes and metrics, etc., and (2) concrete poetry, emphasizing form over literal meanings of words, and yet derived from those words.

Concrete poetry is a movement, sometimes also called “visual poetry” (often abbreviated as “vispo”) that derives meaning from physical elements of words and letters, arranged sometimes in shapes, but sometimes in ways that suggest process or some witty inflection of a word or phrase’s meaning or meanings. More typically, a concrete poem defies a conventional reading.

All six must be created by you. You may mix forms in the book (conventional, “concrete”). Vocabulary is limited to what you find in the text provided by the instructor.

Book size
suggested, but negotiable (but may not be tiny)
6 inches (36p0) by 9 inches (54p0)
or
6 1/8 (37p0) by 9 3/4 (58p6)
suggested margins : outside, inside and top : 6p0
bottom : 8p0 (to accommodate page numbers, say 5p0 from bottom.
document bleed : 2p0.

These sizes allow us to print on 11x17 tabloid (landscape orientation), as spreads (for inspection) and later “print booklet” mode for saddlestitched/stapled binding. However, other production modes are acceptable. (other size may be selected, with instructor’s approval: our focus is on typography, not experimental and/or elaborate book structure.

The instructor will endeavor to provide different paper stocks for final production.

You may use a full spread for one poem. And even more pages than that! You might also present five conventional poems, each illustrated by a “concrete” or “visual” poem.

after the poems, the book

The completed volume will integrate:

  1. front and back matter, including
    half title and title pages,
    table of contents,
    a two-page introduction (written by you, or extracted from your article),
    colophon or bibliography
  2. the poetry itself, and
  3. page numbers, running heads or footers (if any)

Typefaces : open (but no novelty/display faces without good reason; start with typefaces you have worked with)

Use paragraph and character styles wherever appropriate (that is, for any text content that is suited to consistent control, throughout the book).

lingodroids text
Ruth Schulz, Arren Glover, Michael J. Milford, Gordon Wyeth, Janet Wiles. “Lingodroids: Studies in Spatial Cognition and Language.”
2011 IEEE International Conference on Robotics and Automation, May 9-13, 2011, Shanghai, China
here.

examples of student work from previous years
here

Their 30 lovely, dada-istic toponyms are

boho   —   fexo   —   fili   —   futo   —   gige   —   heto   —   higo   —   jaro   —   jaya   —   juhe   —   kiyi   —   kopo   —   kuzo   —   liye   —   mira   —   pize   —   pucu   —   qoze   —   reya   —   rije   —   ruhe   —   sihu   —   soqe   —   vaji   —   xala   —   xapo   —   yaro   —   yifi   —   zuce   —   zuya

Toponyms in red from the initial lexicon.

references

  1. Numerous examples of conventional, experimental and concrete/visual poetry books will be available in the room each day.
  2. Jost Hochuli, Robin Kinross, Designing Books: Practice and Theory (London: Hyphen, 1996), for examples of title, table of contents etc designs
  3. Richard Hendel’s discussion of the design of his On Book Design (New Haven: Yale UP, 1998), that includes the full typesetting specifications for that volume. Our work with paragraph styles in InDesign is our introduction to such specifications.
     

    top

    good form (Fall 2012)
    specsthree “posters” (10 x 16 inches), each containing
    1. the expression “good form”;
    2. a graphic — drawing, photograph, even typographic element — evidencing good form (or its opposite); and
    3. typeset language that names and/or explains the good form that is shown.
    timeassigned 17 October
    conclusion 29 October
    objectivesorchestrating type (two units of type) with image, with attention to consistency within single and across three pieces;
    consideration of an “algebra” of units a, b and c;
    composition of three elements (with attention to the numerology of “three” in emblems, advertising, and cognitive processing (clumping).

    discussion

    General concept (or theme) is “good form.” could be etiquette, could be about typography, ballet/ice skating/diving, anything in which “good form” matters. these may work straight or ironic.

    One element of textual language (either the words “good form” or the other text unit) should be emphasized.

    To avoid confusion (because there will be three of these, each with three units), I will limit the following comments to only one of the pieces.

    Its meaning could not be derived from only the expression “good form,” or the graphic alone, or the explanatory text alone. all three elements together generate its meaning.

    this exercise might be thought of as a kind of advertising, except that we’re not necessarily selling anything. The important aspect is to get all three elements involved in generating meaning, and to use the type in an expressive, dramatic way.

    All of the elements (text and image) can be stolen or original; the important part is their combination.

    The size allows us to print out on tabloid paper, and trim to allow full bleed (for those who want to bleed any type or image off the page).

    contexts

    etiquette

    Hill’s Manual of Social and Business Forms: A Guide to Correct Writing (New Revised, 1897 edition) *
     

    Hill’s Manual of Social and Business Forms: A Guide to Correct Writing (New Revised, 1897 edition)
     

    Hill’s Manual of Social and Business Forms: A Guide to Correct Writing (New Revised, 1897 edition)
     

    Hill’s Manual of Social and Business Forms: A Guide to Correct Writing (New Revised, 1897 edition)
     

    Hill’s Manual of Social and Business Forms: A Guide to Correct Writing (New Revised, 1897 edition)
     

    more

    1. Thomas Edie Hill. The new revised Hill’s manual of social and business forms: a guide to correct writing with approved methods in speaking and acting in the various relations of life. Chicago, 1897

      This and earlier editions are available online; several are listed here.

    2. “Etiquette must, if it is to be of more than trifling use, include ethics as well as manners.”

      Emily Post, Etiquette in Society, in Business, in Politics and at Home. Illustrated with private photographs and facsimiles of social forms. New York and London, Funk & Wagnalls, 1923
      here.

    3. “A correct card is white, but not intensely white. It is fine in texture, not too heavy, or stiff, and in size it follows a prevailing mode. An exaggeration of the usual shape is bad form.”

      Abby Buchanan Longstreet, Cards: Their Significance and Proper Usage, as governed by the usages of New York society / by the author of “Social etiquette of New York.” New York and London: F.A. Stokes, c1889.
      here
       

    emblems

    I found myself talking about renaissance/baroque emblems, consisting of (1) motto; (2) allegorical image; and (3) explanatory text. and will show some old (and new) emblems on Monday.

    a few comments about emblems can be found here.

    the artist whose name I could not remember on Wednesday, is Jenny Holzer, famed for her truisms displayed in public places, often electronically.
    holzer/truisms.txt.

    three, seven

    George A Miller (1920-2012, *, The Magical Number Seven, Plus or Minus Two: Some Limits on Our Capacity for Processing Information. The Psychological Review 63:2 (March 1956): 81-97
    online version here

    Key concept in Miller’s paper is the idea of chunking in which small amounts of information are processed, then sent forward/up for further processing together with other chunked memory elements. The concept is also addressed, from another perspective, in Bob Snyder, Music and Memory (2000, *), which I highly recommend at least for a quick scan (start with the glossary!).
     

     
    top                  

    paragraph studies 4 : index, lists
    specs
    1. Three paragraphs, any source (your favorite book)

      Using our tabloid-size, 6-column grid: create three columns, each two grid-columns wide.

    2. Index your source text (20 entries, more is better).

      One version will indicate not pages but line numbers.

      A second version indicates not page but paragraph numbers (numbered list).
      See Bullets and Numbering discussion in Sandee Cohen InDesign CC, especially pp 64-65.

      (pending)
      Third version treats indexicality in a different way.
      By purely typographic means, draw attention to specific words or phrases in the source text, perhaps expressing something about them, e.g., their frequency in the text, or importance.
      Nicholas Felton’s Feltron annual reports provide an example of visualization (taken to extremes); tag clouds, color coded words, etc., are other possible means.

      For the pending third version, we also looked at non- or quasi-typographic indexes, including Tan Lin's index to Maya Lin, Topologies (2015) — index to work by color and by one of six categories, both above a timeline,
      and Jen Bervin's index to Gorgeous Nothings : Emily Dickinson's Envelope Poems (2013) — e.g., index to envelopes by shape.

    timeassigned Monday 26 February
    conclusion Wednesday 28 February
    objectivesfurther experience with paragraph styles; examine models; lists, tags, classification

    Index expressions in your text. You may need to examine some indexes. Bring in a single book with an index — chosen for the quality or interest of the index.

    We will do two different indexes, one pointing to line numbers, the other to paragraph numbers. Example of the first index (and its settings) below. I will demonstrate the paragraph number version in class: it will involve "Bullets and Numbering" in Paragraph Styles > Bullets and Numbering > list type: numbers; Bullet or Number Position: play with tab, and left and first line indents: try left indent 1p0, first line indent -1p0, and tab at 1p0. Experiment.

     index, one configuration: six columns: three for text, one for line numbers, one for index, one blank.
    baseline grid is same as text (and line number) leading.
    exterior margins not shown.

    The baseline grid is a convenient way to align text and line numbers. To set baseline grid : inDesign > Preferences > Grids > Baseline Grid : increment every [     ] (0p18 above), relative to : top margin

     index, close view of text and line numbers.

    text : MillerText 14/18;
    left justify;
    word spacing 90% 100% 110%;
    measure three 9p2 columns plus two 1p0 margins = 29p6

    line numbers : MillerText 9/18;
    align right; right indent 8p0;
    col width 9p2
     

     index, close view of line numbers and index.

    index : MillerText 10/12.5;
    align left (rag right);
    left indent 1p0; first line indent –1p0
    col width 9p2

     
    top                  

    change
    specsMake me f—ing care.
    background

    Create a text-only poster — 12 x 18 inches — delivering minimum one sentence of a thought/exhortation/reflection etc. on an issue or subject you passionately care about.

    we will discuss these outside of — or prior to — considering them in context of good typography (in terms of form).

    so come prepared to talk about your topic, who the poster is for, whatever else is out there that it can be thought in relation to, why you care, why others should care, how this poster seeks to make others care, etc., etc.

    update
    after intense and productive discussionof the posters and the ideas behind and around them, we decided to continue this exercise with revisions, to be presented on Monday.

    students are also to select two or three paragraphs of a favorite text (200 words or so), for use in our next exercise.

    timediscussion, Wednesday 21 February
    present revisions on Monday, 26 February
    objectivesstep back from formal and technical priorities, to recall why all of this matters.

     
    top                  

    paragraph studies 2 (continued)
    specsparagraph (style) settings — alignment, hyphenation, word spacing, maybe letter spacing.

    Now create the book to contain the specimens. book will contain

    1. title page and table of contents (referring either to Stein “explanations” 1 – 6, or to page numbers (inserted manually (not auto)).
    2. The title page design will somehow reflect design of paragraph studies and their respective informational pages.
    3. Examine title pages. How are they arranged? What is on them? Publisher and/or place of publication? date? ctered or left aligned? or something else? and, what typeface, that doesn't favor one of the typefaces for which there are specimen pages?
    4. and tables of contents. How are they arranged? What makes sense for our books? centered? left aligned? leader in the table of contents? or page numbers three spaces after the last word for each item?
    5. Paragraph styles for all elements.
    6. For either left or (probably best) left justified, do an extreme version (illegible ok, using extreme settings for justification, e.g., negative letterspacing). Push it until it breaks.
    7. Final document must contain a multiple of four pages (e.g., 16, 20, 24, 28, 32) in order to print correctly.
    8. We will output via print booklet under file, on tabloid stock to be supplied by instructor (for final version).
    timeconclusion ... : look at dummies;
    production ...,
    when we will also be continuing our paragraph studies (lists, etc.).
    objectivesIn assembled book form, we can consider appropriateness of our settings, and even adjust as necessary, and relate these to frontmatter (title page, table of contents).

    Consideration and evaluation of how design of typographic interior relates to the design and feel of the physical object.

     
    top                  

    paragraph studies 2, type specimens
    specsparagraph (style) settings — alignment, hyphenation, word spacing (and possibly letter) spacing.
    1. page setup
      4.25 inches (26p0) by 7 inches (42p0)
      suggested margins : outside and top : 2p0
      inside : 3p0
      bottom : 5p0
      facing pages (=spreads)
      This size allows us to print on letter-size paper (8.5x11, landscape orientation), as spreads (for inspection) and even booklet mode later.

      remember
      You can also create new margins in the layout > margins and columns menu. Do this for the master page (by double clicking on it, and then adjusting layout); or if you do it for the first page, drag that new layout up to, and drop into, the master page.
      (and, if you have created a new page that doesn't show your layout/margins, drag the master page down to that page)

    2. Create text boxes on facing pages, pour in text. Remove line breaks to create two paragraphs for each type specimen. (and so we'll need to think indents too.
    3. Two facing pages, for examples of
      six different typefaces, one each from the style classifications &mdash
      Garalde Oldstyle (e.g., Garamond Premier Pro)
      Transitional (e.g., ITC New Baskerville)
      Didone (Modern) (e.g., Bodoni Std)
      Grotesque (e.g., Franklin Gothic)
      Neo-Grotesque (e.g., Helvetica, maybe Univers)
      Humanist (e.g., Gill Sans, Myriad Pro, Optima)
    4. One of the six Stein “descriptions” for each of those typefaces.
    5. One version each page: on left, justified, on right, ragged right. Choose one size, and use same size for all six typefaces.
    6. Create a paragraph style for each version, with a name that makes sense.
      Our job is to get the cleanest, most even read we can achieve, with the settings available via Indents and Spacing (for alignment), Hyphenation, and Justification (word and letter spacing...). We’re trying to avoid rivers, excessive word spacing, etc.

      later (but think ahead) —

    7. for each example, a page (left side) spelling out the number (e.g., three) — at any size, big probably best! — plus the figure
      followed by name of typeface, all of the upper and lower case letters and figures, and your settings for the facing pages.
    8. Our job is to get the cleanest, most even read we can achieve, with the settings available via Indents and Spacing (for alignment), Hyphenation, and Justification. We’re trying to avoid rivers, excessive word spacing, etc.
    9. Important
      At the bottom, you should present the settings you’ve used on that page.
    timeWednesday 31 Januaryr
    complete on Monday 5 February (when we take this exercise a step or two further.
    objectivesgetting a sense of what we can control in paragraphs to achieve comfortable reading, even grays, avoidance of excessive white spaces between words, and “rivers” of white down a column.
    introduction to paragraph style settings.

     

     

    paragraph studies 1
    specsparagraph (style) settings — alignment, hyphenation, word spacing, maybe letter spacing.
    1. page setup : same grid as previously
      11 x 17 inches (66p0 x 102p0).
      six columns, nine rows.
      exterior margin 3p0, but 8p6 at bottom.
      each column 9p2 wide
      each row 9p2 high, with a
      1p0 margin between rows.
    2. Three different column widths : column 1; columns 2+3; and columns 4+5+6.

      aside
      Some other orientation (horizontal) is acceptable, so long as there are three examples and each is a different column width.

    3. Create three text boxes, pour in text — the Gertrude Stein piece we used for our grid study. Get rid of paragraph breaks, however, so that you have only two or three paragraphs in each of three boxes.
    4. Use Garamond Pro (via FontBook > add font > working volume > Adobe Font Library > Adobe Garamond Pro

      Create a paragraph style for each column width, with a name that makes sense.
      Our job is to get the cleanest, most even read we can achieve, with the settings available via Indents and Spacing (for alignment), Hyphenation, and Justification. We’re trying to avoid rivers, excessive word spacing, etc.

      You may use different sizes of Garamond, one different size for each box (column) width. Make the text work well in each.

    5. Two versions: one left (aligned, or rag), and one left justified.
      You will need six paragraph styles in all (three for ragged right, three for justified).

      For either left or (probably best) left justified, do an extreme version (illegible ok, using extreme settings for justification, e.g., negative letterspacing). Push it until it breaks.

    6. Important
      Record your settings at bottom of column: e.g., Garamond Pro, 12/15, justified, hyphens on, wordspacing 90-100-110)
    timeMonday 29 January
    complete for Wednesday 31 January (when we take this exercise a step or two further.
    objectivesgetting a sense of what we can control in paragraphs to achieve comfortable reading, even grays, avoidance of excessive white spaces between words, and “rivers” of white down columns of different widths.
    introduction to paragraph style settings.

    Highly recommend a glance at the Rrose Sélavy (Marcel Duchamp): Some French Moderns Says McBride (1922) (low resolution scan, at 12MB, quite good enough!) for interesting example of increasing type size through successive pages.

     ex Rrose Sélavy (Marcel Duchamp): Some French Moderns Says McBride (1922); Beinecke Library copy

    Duchamp described his idea for layout in a June 1922 letter to McBride: “The brochure would have 26 or 27 pages (front–back) since each letter is on a page of its own. Now, if I have enough room, I propose the following: Set off on the first page with minute characters, ending up on the last page with big characters, making the characters progressively larger with each page. [..] I have already chosen the typeface ranging from 5 pt for the first page to 12 or more for the last page which will have 5 words (I think). With each page, the typeface, from the same family, will gradually increase in size. The first two articles on Cézanne will have to be read with a magnifying glass.” And about the illustrations: “My idea is to incorporate them into the text by gluing them onto the binding strip. I think it will be better to spread them out.” (from Duchamp, Selected Correspondence, 2000)

     
    top                  

    grid studies
    specstypographic compositions, InDesign, tabloid

    text from Gertrude Stein “Descriptions of Literature”. Text transcription at 212F16/stein_descriptions_1926.txt,
    or access pdf at
    archive.org/details/GertrudeSteinDescriptionsOfLiterature.

    aside —
    If you dislike using Stein, select text from interview with poet Susan Howe (use only her answers, not the questions) here — for example, this passage —

    All of us would search out books with photographs of Herreshoff boats, or ones with pictures of early submarines. I guess it was about that time I began to connect writing and drawing in my mind. This is important because if a boat sails fast it usually looks beautiful. As if the eye has some perfect knowledge that is feeling. Some enduring value, some purpose is reflected in the material you use. The mysterious link between beauty and utility is, for me, similar to the tie between poetry and historical documents; although it would take me years to explain what the connection actually is, I know it's there. Or rather than explain it, I show it in my writing....

    1. two compositions, all Univers one face (one weight): in one of these, all type same size, in the other, multiple sizes ok.
      examples (slightly different specs, several years ago)
    2. two compositions, as above, plus arbitrary graphic shape(s), derived from counter between letters.
       
      The graphic shape shall be the space between two letters. More than one such shape can be used on a page. You may derive it by hand (and then scanned), or via Photoshop or Illustrator. See Cyrus Highsmith for example.
       
      Scroll down to see two examples by Lisa Martinez, from Spring 2014.
       
      Structure your information in a disciplined, interesting way that takes full advantage of limitations (grid, margins, the shape) and the opportunities that result.
      Type may be reversed out of the shape (by changing its color from black to white)
      all type should respect the grid.
      We discussed the importance of counter space, letter space, and line space to the creation of an evenly textured paragraph and page. See the important discussion of this matter — and the examples — in Cyrus Highsmith, his Inside Paragraphs, pages 12-25.
    timeWednesday 24 January
    conclusion Monday 29 January
    objectivesuse of grid, for structured typographic elements, and unstructured graphics

     
    introduction
    Some of us incorporated a grid in our form and space exercise; now we work with a grid on a larger canvas, wherein we compose with grid-behaving typographic content, and some graphic “stuff, that may be either randomly or intentionally placed.”

    first, some extracts

    A grid breaks space or time into regular units. A grid can be simple or complex, specific or generic, tightly defined or loosely interpreted. Typographic grids are all about control. They establish a system for arranging content within the space of page, screen or built environment.
          Ellen Lupton, Thinking with Type

    The use of the grid as an ordering system is the expression of a certain mental attitude inasmuch as it shows that the designer conceives his work in terms that are constructive and oriented to the future.
    This is the expression of a professional ethos: the designer’s work should have the clearly intelligible, objective, functional and aesthetic quality of mathematical thinking...
    Working with grid systems means submitting to laws of universal validity.
    The use of the grid system means submitting to laws of universal validity.
    The use of the grid system imples the will to systematize, to clarify...

          ex Joseph Müller-Brockmann, his Grid and Design Philosophy (1981),

    There’s nothing like putting stuff in boxes. (or something to that effect)
          Muriel Cooper (somewhere)

    The grid is an important underlying principle of typographic organization : spatial organization; hierarchies; rhythm; structure. Judicious use of grids gives “permission” for empty spaces, if there’s nothing to occupy them. The grid, and a systematic approach to design generally, also helps us to find and exploit opportunities (opportunities afforded by structure).

    the work

    two grid studies, using Univers (you choose size and weight), with type of same sizes/weights. Any more than the minimum two may include type of different sizes (and weight).
    and
    large graphic elements (derived from space between two typographic letters).

    specifications — 11 x 17 inches (66p0 x 102p0).
    six columns, nine rows.
    exterior margin 3p0, but 8p6 at bottom.
    each column 9p2 wide
    each row 9p2 high, with a
    1p0 margin between rows.

    How?
    Open InDesign CC.
    New document. Tabloid (66p0 x 102p0). Turn facing pages off.
    Go to (and click on) master page (top of the little layout window at upper right; if not there, top menu > window > pages)
    Change default margins from 3 picas (= 1/2 inch). Make them 3p0 at left, right and top, and 8p6 at bottom). Open.
    Choose Layout > Create Guides. Enter 6 columns, 9 rows. important: Options: Fit guides to Margins.
    OK, look at your document. Should have six columns, nine rows with 1p0 margins between them. To add pages, Layout > Add or insert pages.

    You’ll need to bring your graphic into the document, too. Scan, copy and paste, or “place” the image file into the page you’re working with. Make it large. Low resolution is ok.

    Making the letter space a thing

    N.B.: using Adobe Illustrator CC

    1. text (type two or three letters)
    2. top menu > type > create outlines
    3. object > ungroup, and
      release compound paths
    4. create a shape (rectangular, but could be any) over area you want to work with.
      draw it over the area of interest
      select all
      use Pathfinder (top menu, window > Pathfinder)
      bottom left icon > Divide
    5. object > ungroup (again)
      pieces should be separately movable now.

    reminder
    To see full page, View > Fit Page in Window.
    To view page without grid/guide lines, go to bottom of vertical tool bar, click and hold on the small black arrow at bottom right of icon, and select preview.
    To view page with grid/guidelines, same action but click on normal.
    Finally, to see type rather than grey “greeking” rule, go to InDesign > Preferences > Display Performance > Greek Type (change from 7p to 4p). It will be too small to read, but will look more like “type.”

    reminder 2
    See also Cyrus Highsmith, his discussion of “Type Design,” in Nancy Skolos and Thomas Wedell, Graphic Design Process : From Problem to Solution, 20 Case Studies (2012) : pages 78-87

    examples

     
     
     Shown above, four grid studies by Yang Li (Dante), Fall 2011.
     
     Lisa Martinez (2014), Grid Studies, 11x17 inches, example no. 1
     
     Lisa Martinez (2014), Grid Studies, 11x17 inches, example no. 2
     

     
    top                  

    form and space, 2 (rules and measures)
    specsrevised

    typographic compositions, using rules and the I. H. Finlay aphorism, presented in four 10-inch squares (print and trim from 11x17 sheet)

    1. Content is text by I. H. Finlay —
      It is the case with gardens as with societies: some things require to be fixed so that others may be placed.
      Ian Hamilton Finlay, ex Some Detached Sentences on Gardening (here)
    2. Full aphorism (21 words), once only, in each composition. Must be legible; however, words may be separated, etc. In two must be horizontal or vertical baseline, aligning with grid. In two others, need not be.
    3. All versions using Univers (any size or weight).
    4. Plus rules, horizontal or vertical only. Use step-and-repeat function (under "edit") to multiply. Use rules of different thicknesses (e.g., 3p). Specifiy length, and use step-and-repeat to multiply: specify vertical and horizontal offset, and "count." Rules may bleed off the 10x10 square.
    5. Type should relate to grid; rules may relate to grid. Use judgement.
    6. set up new document, custom size (60p x 60p), facing pages off.
      margins : 0p0 alls sides
    7. for Master page, top menu Layout > Create Guides > 10 rows, 10 columns, gutters 0p0.
      Be sure to create work on new pages, not the "Master" page. Create new pages and apply the Master page to them, so that the grid will be present. You can hide the grid by viewing in "Preview" mode :
      View > Screen Mode > Preview, or
      Preview at bottom of tool bar (hold cursor down, to see options), or
      shortcut "w" (all InDesign default keyboard shortcuts, for Mac and Windows, listed here)
    8. Final presentation, trimmed to 10x10 inches.
    timeMonday 22 January : review first project
    launch rules and measures (intro to Indesign)

    Wednesday 24 January : review rules and measures exercise
    launch grid/paragraph studies

    objectives

    This is largely a 2D design exercise.
    Continued interested in activating the square space, but now incorporating rules for rhythm, textures, overlaps of texture.

    discussion

    This project is continuation of 2-D emphasis, but with new emphasis on systematic use of step-and-repeat function.
     

     
    top                  

    form and space, 1 (fixed and placed)
    specstypographic compositions, presented in four 10-inch squares (on non-repro blue gridded paper; you'll need to trim from 11x17 sheet).
    1. Content is text by I. H. Finlay (on gardening)
      It is the case with gardens as with societies: some things require to be fixed so that others may be placed.
      Ian Hamilton Finlay, ex Some Detached Sentences on Gardening (here)
    2. All 21 words must be used at least once on the four compositions. No single composition need contain all 21 words. The words (or letters, and even parts of letters) need to align in some way with the grid — either 1-inch, of 1/4-inch. Words or letters may be at any scale, and need not be fully legible.
    3. However, each of the 21 words needs to be legible at least once.
    4. All versions using Univers (any size or weight). Instructor will distribute the text, in univers, at more than one size: this may be further enlarged at photocopier.
    5. The grid paper is 1" grid, with fine 1/4" lines. I would suggest using only 1 inch, or perhaps 1/2 inch — the 1/4 inch is too finely reticulated to be an organizing principle or guide.
    6. Trace, or cut and glue. If glue, do it lightly or only when satisfied that one (or all!) of the compositions are complete.
    7. All type is to be horizontal or vertical baseline (but can be upside down, or facing right or left.
    8. If you are using a light table (or window), you may trace.
      You could also trace onto tracing paper, but will still need to respect the grid.
    9. Final presentation, photocopy onto 11x17 paper, at 95 percent (to lose the blue grid lines).
    10. Those who are comfortable enough with InDesign to use it for this exercise, may do so. The grid must be respected, and invisible in the printouts.
    11. remember important lessons learned from 2D Design, including the use (and even emphasis!) of negative space.
    timeWednesday 17 January
    conclusion Monday 22 January (review)
    rules and measures (intro to Indesign)
    objectives

    This is largely a 2D design exercise.
    As long as enough of the words can be read, we’re more interested in activating the square space, and working with the grid. Densities. Relationships. Masses. Relationship of massed shapes (of any size) with each other and the edges. Edges matter. Textures / grays.
    Watch out for “dead” space. (hint: a single letter, even a period, in an otherwise dead space, can save it.)

    discussion

    This project is devoted to the dynamics of the 11 inch square space, texture, and its typographic content.

    Typography is, in the first place, 2-dimensional design. There are exceptions and, indeed, the 2-D world is an abstraction : books are three dimensional, pages exist within them. Signage exists in space, within which we move relative to the sign. Etc.

    But staying on the flat plane, for now, typography is about activation, control, modulation of gray (and colored) matter in space, across a sequence of such spaces. It also involves using white (empty) space dynamically. Elements need not be distributed evenly across a page (unless it's a novel, for example).

    (The exercise was originally intended to emphasize that what appears on screen has no direct reference to what is printed on paper. Type that looks one size on screen, for example, looks very different when printed.)

    Even in this early, exploratory exercise, we should care about straight edges, square corners, and care about the edge of the field. Our craft should aspire to that of fine furniture.
     

     
    top                  

    Fontbook and book assembly reminders
     
    FontbookApplications > Fontbook
    File : New Collection (give it a name, like Type 1)
    File : Add Fonts
    Add fonts (from where?) : Working Volume > Adobe Font Library > Font Folio / Western Fonts scroll down to — and select with one click only — the font you want to activate (e.g., Univers)
    click Open

    aside
    These instructions apply to machines in the Design Lab; the Adobe Font Library may not be accessible from the Illustration, A+IM or other labs.
     

    Book Assemblybooks must be a multiple of four pages
    File > Print Booklet
    Print Settings (lower left)...
    Page setup > letter or tabloid size (depending on book size), landscape orientation
    General > Print Blank Pages
    Setup : Page position : Centered
    Marks and Bleeds : Crop marks (if you must; suggest changing offset from 0p6 to 1p0 or even 2p0 if able)
    Printer settings (important!) > two sided (on), "short-edge binding"

    front and back cover can be treated separately (they are not part of the text block)
     


     

general

  • syllabus
    objectives, expectations, criteria for credit — everything other than the exercises, described on this page
  • reminders
    use of Fontbook, print booklet

exercises

  1. Form and Space 1 (fixed and placed)
  2. Form and Space 2 (rules and measures)
  3. grid studies (6 cols, 9 rows; text plus graphic material
  4. paragraph studies 1 (several stages, culminating in book/s)
  5. paragraph studies 2 (type specimens)
  6. paragraph studies continued (type specimens, book)
  7. pause, reset (text only poster; "Make me f—ing care.")
  8. paragraph studies 3 (indicators, index, list)
  9. good form (posters on etiquette/typography)
  10. poems and a book to contain them (poems derived from provided texts)
  11. letterforms 2D > 3D > 2D (3 posters)
  12. typographic field guide (and collaborative letterpress exercise)
  13. 3D type, letterpress printing (building glyph for 3D printing, and use in collaborative letterpress exercise)

    last two weeks
    one or other of the following

  14. architecture and alphabet (poster(s) or book) (pending).
  15. Descriptive and Critical Catalogue (of work done for Typography 1, Spring 2018)

texts

Carolina de Bartolo (with Stephen Coles and Erik Spiekermann). Explorations in Typography (2016)
explorationsintypography.com

Cyrus Highsmith. Inside Paragraphs (2012)

Sandee Cohen. InDesign CC (Visual Quickstart Guide, 2014) — highly recommended

Adobe Font Folio 11, Type Reference Guide
recommended (and always in classroom); a booklet presenting names of all these typefaces, and groupings of many of these in various type classifications, will be distributed in the first week or two of class.

resources

Adobe Typography Primer pdf
a 20-page concise and useful overview; includes glossary. recommended.

bookmarks on design related anythings at pinboard.in/u:disegno.

montserrat design tumblr

imposition press tumblr
 

Comments/questions to jmcvey.