Monday, April 26, 2010

Project Four :: Poster and CSS

Monday, 26 April

in class

  • CSS Demo 2
  • desk crit


  • poster poster poster. iterate, don't procrastinate.
    print out a full-sized, tiled, black and white version of the best one for class crit Friday.
  • CSS hierarchy exercises. Do them, upload them.

Project Four :: CSS Hierarchy exercises

Create another series of hierarchy exercises with your design lecture text in Dreamweaver. Choose a typeface from the online list (
) that you believe appropriate for your designer and fits harmoniously with your previous exercises.

Using positioning and styling, only through alteration of the appropriate CSS styles, and attempt to emphasize the important information and de-emphasize secondary information.

Use the CSS file we created together to get started. "Save as" 15 times to create all the CSS files you will need.

They should be named EXACTLY like this:


You can always start over by downloading the original files.

The index.html page inside "type2/hierarchy" folders from our demo will be the content for all compositions, put your designer's info there..

Create 15 different compositions, freely choosing from the previous hierarchy exercise requirements and compositions as a guide. You cannot rotate type in the internets. Have them ready for our next class meeting.

p.s. As demonstrated in class, while designing, you can change the last CSS file link to keep your current design visible in Dreamweaver. When done, they should be set back to "01".

Monday, April 19, 2010

Project Four :: Poster and Press

Monday, 19 April

in class

  • progress desks crit
  • presentations!


  • develop 3 of your poster directions based on today's feedback: pin color printouts on wall for group crit on Friday
  • pick one of your hierarchy exercises and recreate with letterpress. You will need to pick your design carefully, consider the following:
    1. Make sure the design you pick has a similar typeface and sizes available in the type shop (big dramatic scale change won't be feasible)
    2. No crazy angles
    3. You will get better results using black ink

Projet Four :: Content for posters

Please come up with a title for the lecture based on what you now know about your designer. Here are the typographic elements for the poster:

Paul Rand (your designer here)
Design is Art, Art is Design (your title here)
Free lecture
April 27, 2009
Epperson Auditorium, Vanderslice Hall
Kansas City Art Institute
4415 Warwick Boulevard (your designer url here)

Friday, April 16, 2010

Great Flickr set of graphic design history images

Project Four :: Axial Hierarchy exercises

Create 25 more exercises exploring type placement along different axial systems. Within these new compositions, freely mix and use the previous text styling requirements as you wish. Create five each of the following examples of axial alignment. Your axis lines are for orientation only, do not include them in the compositions. Draw your axis lines and put them on a separate locked layer for reference.

1. Single axis: use one imaginary line as your axis, align text extending in both directions
2. Angled axis: use one vertical and one angled axis as alignment guides.
3. Multiple vertical axes: use more than 2 axes
4. Crossed axis: cross two axis lines at 90 degrees, angle and placement of lines are up to you
5. Free axis: Pick your own axis and orientation to use as an alignment guide.

Create a PDF of your InDesign exercises and put on the CAS server before class on Monday.

Project Four :: Print Poster 24 x 36

The first element in our lecture announcement materials will be a 24 x 36 inch vertical poster.

Using your strongest exercises as sketches, integrate an image of Vanderslice to your compositions. How can the choice of image presentation make a statement about your designer’s work? What would their point of view be for the image? Would they focus on the interior or exterior? Would they treat it graphically, illustratively, or photographically, or a mixture? What techniques can you apply to your image to elevate it beyond it original photographic nature.

Consider color: How does your designer deal with color? How can you use your color theory to create striking type/image contrast or complements? Keep in mind that introducing an image into the mix will alter your type compositions.

Consider type: How does your designer deal with typography? Change typeface and composition from the initial exercises as you see fit.

Bring 5 ideas, scaled to fit on an 8.5 x 11 page and printed out in color, to our next class.

Monday, April 12, 2010

Project Four :: Hierarchy Bench Presses & Squats

Monday, 12 April

in class
  • studio time
  • letterpress demo
  • presentations
  • hierarchy exercises

Create a series of compositions with your design lecture text in InDesign. Choose a typeface from the usual suspects that you believe appropriate for your designer. Using the parameters below, attempt to emphasize the important information and de-emphasize secondary information. In InDesign make a 5" x 8" vertical document (turn off “Facing pages” in the initial new document window). Using this document for all, create 5 different versions of each requirement below, for a total of 30. Create them in order, that's an order.

1. Leading (vertical relationships): Using one text size with a right reading, flush left, ragged right alignment, explore hierarchy through adjustment of the vertical space between lines of text (leading). Choose the left edge where the text begins and keep that same placement through all 5 compositions.

2. Indent
(horizontal relationships): Using one text size and leading with a right reading, flush left, ragged right alignment, explore hierarchy only through indentation of text using “tabs”. Choose the top edge (y-axis) where the text begins and keep that same placement through all 5 compositions.

3. Weight/Style
Using one text size, explore hierarchy through the use of bold, italic (oblique) or roman (normal) styling. You can freely apply leading and indent throughout the compositions.

4. Scale
Use three type sizes to explore hierarchy. You can freely apply leading and indent throughout the compositions.

5. Orientation
Using one type size and leading, break up your text into logical blocks of information so that each is in its own text box. Rotate and freely position your text boxes to create hierarchy. Retain the same type size through all 5 compositions.

6. Freestylin'
Explore all of the above parameters at your discretion.

Create a PDF of your InDesign exercises and put on the CAS server before class on Friday.

Friday, April 9, 2010

Project Four :: Student Designer Pairings

Here's your designers!

Bryan Baumgart      Massimo Vignelli
Brad Deal           Herbert Matter
Keaton Reeder       Martin Venesky
Joseph Shopen       Tibor Kalman
Ian Spaeth          Alvin Lustig
Raynaldo Alvarez    Gert Dumbar
Ben Hlavacek        Wolfgang Weingart
Brandon Lyon        Bradbury Thompson

Kelsey Anderson     Muriel Cooper
Loren Cook          April Greiman
Bethany Ediger      Marian Bantjes
Janna Johnsrud      Deborah Sussman
Vi Pham             Paula Scher
Taylor Pruitt       Gail Anderson 
Julie Sikonski      Sheila Levrant de Bretteville
Karen Villalba      Louise Fili

Project Four :: Design Lecture Campaign

Explore typographic and graphic hierarchy through the design of a number materials announcing a hypothetical design lecture at KCAI.

  • Explore typographic and graphic hierarchy
  • Apply a graphic direction across a range of materials and media
  • Investigate the process and work of a designer to inform and inspire your own work
Research & Presentation
Research your designer in the library and online, collecting images representative of their work, quotes (from the designer or others) representative of their ideology, philosophy and influence as well as historical, biographical information. Make sure to take notes. Develop an understanding of why they are well-known or respected so you can share that information with the rest of class. You will need also enough content to use in our design materials.

After you've done your research, go to Vanderslice Hall and photograph it from your designer’s perspective: How would they look through the lens? What would be important to them to illuminate: inside or outside, detail/micro or aggregate/macro, somewhere in between, or both? The lecture will be taking hypothetical place in Epperson Auditorium.

Assemble your research and photos into a presentation to give to the whole class. This will be projected, and you will talk us through your research to give us a picture of your designer. You can use a number of tools, Keynote or PowerPoint are both good presentation software tools, if you don't have access to these, simply lay out your presentation on a horizontal letter format in InDesign and export to PDF. "Command" + "L" after opening your PDF will give you a full screen mode. Put your photos at the end of the presentaiton and tell us why you shot what you did.

Put your presentations in my drop box before the start of class Friday, we will present from my laptop.

Name your files like this:

Presentation guidelines
  • do make your presentation 5-7 minutes long
  • don't "over" design the presentation
  • do layout your presentation in a simple and clear manner
  • don't overload your pages with too much text (the text on a presentation should not be text for you to read directly from)
  • do put concise main points on screen to guide the audience
  • don't put too many images on one screen, we only focus on 1 thing at a time.
  • do use notes to keep you on track (you can keep your notes active on the laptop screen while the audience views the presentation on the projector)
  • do practice your presentation before coming to class

Monday, April 5, 2010

Project Three :: Combo Class Crit

Type & Viscom / Friday, 5 April / 8am / Bodoni & Clarendon

Have one color copy hung on the wall in EITHER Clarendon or Bodoni before 8am on Friday. Make sure you hang them horizontally and space them nicely around the two rooms. It doesn't matter which room you hang in, mix those sections up!

Also, have 2 mocked-up color copies to pass around during crit.

Considerations for summarizing your spreads:
How does hierarchy, image choice, typography, color, etc. support the content or themes of your articles. Are you weaving multiple narratives through the spreads? How? How did you utilize the grid to help guide the reader through the content?

You will have until one week after crit to make any revisions and turn in a final magazine mock up on good quality paper. Also, place a packaged InDesign folder and a PDF of your final spreads to my dropbox on CAS.

Friday, April 2, 2010

Project Three :: Schedule

Friday, 2 April

in class

Have one color version of your mag layout printed and trimmed, on the wall at the start of class.

Here's the remaining schedule for the magazines:

F Apr  2 :: Work day
M Apr  5 :Progress crit/Work day
F Apr  9 :Combined class crit with VisCom
M Apr 12 :Final projects due/New project start