PROJECTS TYPOGRAPHY

Typeface Poster

TypefacePosterInstructions.pdf

1. type face (and designer) selected
2. paragraphs written about typeface and designer
3. design theme(s) chosen—some kind of direction
4. two rough layouts


sample01
sample02
sample03
sample04


Progressive Variables

ProgressiveVariables2015.pdf
Progressive Variable notes.pdf
7x7template.ait

Hierarchy Text.pdf (for viewing)
Hierarchy Text.rtf (for download to cut/paste)



Type Anatomy Poster

InstructionsTypeAnatomyPoster.pdf

EyeChart01.gif
EyeChart02.jpg
Typo3DPoster.jpg
TypoAnalysisPoster.jpg
TypoBarsPoster.jpg
TypoBlackPoster.jpg
TypoClassifyPoster.jpg
TypoColorPoster.jpg
TypoCompare01Poster.jpg
TypoCompare02Poster.jpg
TypoCropPoster.jpg
TypoDaliPoster.jpg
TypoDescribePoster.jpg
TypoDiagramPoster.jpg
TypoFishPoster.jpg
TypoHandDrawnPoster.jpg
TypoLessonPoster.jpg
TypoLetter01Poster.jpg
TypoLetter02Poster.jpg
TypoLetter03Poster.jpg
TypoLetter04Poster.jpg
TypoLetter05Poster.jpg
TypoLyricalPoster.jpg
TypoModular01Poster.jpg
TypoModular02Poster.jpg
TypoPixelBlur.jpg
TypoReferencePoster.jpg
TypoSimple01Poster.jpg
TypoSimple02Poster.jpg
TypoSimple03Poster.jpg
TypoStarkGraphicPoster.jpg

typg_rules.pdf (one author's choices that you may use a source of additional information to include in your design)

http://www.typographyclub.com/—some fine examples and a typophile website

—Follow the instructions to create a poster that illustrates the anatomy of type (parts of a letterform). Check out the above examples for ideas and inspiration, but make your design fresh and new. Attempt to present a piece that is both effective at a distance as well as useful as a reference.

—Your poster must be purely typographic. You may not distort type. You may use colors, shapes, and lines as well as text, but no illustrations or photographs. You may not stroke the type nor use effects (especially drop shadows).


FACTS AT HAND

See the links below to access the section on Hierarchy, on which our project is based.

Ellen_Lupton_Hierarchy—Hierarchy Through Contrast
PalmFacts.gif—Example of Palm Facts layout from the book

ARTIST: Nicolas Felton

this guy uses grids extensively!
http://feltron.com/

ARTIST: Paula Scher

PublicTheatreFame.jpg
NoiseFunk.jpg
PublicTheatre01.jpg
PublicTheatre02.jpg
PublicTheatre03.jpg
PublicTheatre04.jpg
PublicTheatre05.jpg
TextDense.jpg
BostonAlbumCover.jpg
Facts at hand notes


ARTIST: Creative Resume

http://www.smashingmagazine.com/2009/04/21/creative-print-typography-layouts/

Instructions_supplemental.pdf
download for live links Instructions_supplemental.rtf

1. Write a set of facts about your life, and create a scan or photographic image of your hand.

2. Map your life onto the image of your hand, text at right angles to itself, like this. Position each element on a 30 or 45 degree angle. Use scale, position, color and transparency to organize the information and create visual interest.

3. Use only one typeface; choose a Pro font, like Myriad Pro, Minion Pro, Adobe Gramond Pro, Garamond Premium Pro, Adobe Jensen Pro, Lithos Pro, or Warnock Pro. Most of these are open format fonts that cross platform seamlessly from Mac to PC. Pro fonts with lots of available weights enable easier hierarchical separation—the goal of this project.

4. No stroked type or effects (especially drop-shadows). No images except background image of hand.

5. Work only in straight lines, no curved type paths. Consider word as well as line breaks, dramatic use of bleed, upside down postionings, etc. Not all the text on the page needs to be legible!

6. Work in a square format, as large as your photo will permit before it degrades in image quality.

Tip: You might begin by ranking the information you have listed in order of visual importance, from the information you will emphasize the most to the information you will emphasize the least.



Menu of Options

MenuExample.pdf
http://www.papress.com/thinkingwithtype/text/hierarchy.htm (menu)
http://www.louisefili.com/restaurants/sfoglia// ( menu examples)
http://www.chickenplus.org/menu.htm (chicken plus menu)

Gaslight is an American Brasserie in Boston's South End district. The menus incorporate the feel of a traditional brasserie with an American twist. Designed at Tank Design.
http://tinge.net/work/gaslight-menus/

1. Find a menu from a local restaurant. Copy the content into a page layout file. InDesign or Illustrator is okay.

2. Break up the content into larger and smaller parts. Employ scale, placement, alignment, type style, and other cues to create visual order. Create clear hierarchical visual structures.

3. In addition to creating a logical and legible order, seek to impart the information with a distinctive and engaging visual identity.

4. Work in a square format, 8" x 8." Work in one page or a spread. Use 2 fonts only (like a serif and sans serif) and up to 3 colors. Bars, rules, reversals, alignment, logical positioning, leading, kerning, tracking, U & L case, weight changes (choose a font with a big family) are okay, but no images and no effects.

5. Create an underlying grid as a basis for your design, as simple or as complex as you wish.

6. Post the original with the new design so we can se the improvement!


Making Connections 02

This project calls for some research. Making the list of connections in your life is not to be taken lightly. In the assignment, Long Lists, we worked with data supplied by a third party. Here, you are both author and designer.

Read about this exercise from the book, Graphic Design The New Basics by Lupton/Phillip: http://www.gdbasics.com/html/diagram/diagram.html. Do 'Design Problem 1' on your own!

Instructions 01 LifeFacetData.pdf
Instructions 02 from textbook
Example01.png
Example02.png


TYPE SPECIMEN BOOK

Type Specimen Book