Art 210 Typography Spring 2018 – Projects

Syllabus Projects Calendar Links

Typography, Art 210, S18: Projects

sorting-metal-type

Quizzes:

TypeQuiz1S18

TypeQuiz2S18

TypeQuiz3S18

TypeQuiz4S18

SelfPortraits

1. Project Brief: Type Tips Book

1TypeDefinitions

2DesigningWithType; 2DesigningWithTypeB1; 2DesigningWithTypeB2

3TextType; 3TextTypeArt

4Proofreading

5TypeCombos5TypeComboArt

6ReverseType

7TypeOnScreen

TypeTipsS18

Over the course of the semester you will build a book about typography in Indesign. You will learn how to work with large amounts of type over many pages. In the process you will:

  • Design a grid and master pages for organization and unity.
  • Make style sheets to help organize and unify the type.
  • Create chapters and a table of contents.
  • Design layouts with type and images.
  • Learn type terms and best practices for working with type.
  • Design a hand-lettered cover for the book.

Specs:

  • The page size will be 5.5” wide by 8.5” deep
  • You may use full color
  • It should be set up as a CMYK print job and an RGB interactive PDF
  • This project will be built in Adobe Indesign
  • You will create an interactive table of contents and navigation buttons

2. Project Brief: Typographic Symbols

SymbolExamples

Select a typographic symbol and research its history and meaning. Write a paragraph about the symbol (approximately 100 words). Make the paragraph interesting, clever, funny or poetic, something that will engage the people who read it. Next you will create three designs based on the symbol. Each design will contain three elements: the symbol, the paragraph and display type that names the symbol.

Specs:

  • Write a couple paragraphs explaining your proposed solution
  • Design 1 – the symbol will be the dominant element
  • Design 2 – the paragraph will be the dominant element
  • Design 3 – the display type will be the dominant element
  • You may use color
  • The final shape of your solutions (horizontal, vertical, square) can vary
  • The project will be built in Adobe Illustrator as a CMYK print job
  • You must save a high-resolution PDF of the finished project

Samples:

http://www.designingwithtype.com/5/earlyletterform.php?grid=1

3. Project Brief: Information Graphic – Type Timeline

Design an eight-panel, accordion-fold timeline that gives a brief history of typography and printing. It should chronicle milestones covering the development and evolution of type and printing technologies up to the present. Include examples of typefaces from the different periods covered. Some copy and art will be provided, but you will also have to generate some on your own. You can use the textbook and the internet, as well as other sources, just be sure to credit them. Establish a grid and a visual hierarchy within the type and  between type and images. Create style sheets for headlines, subheads, text type, drop caps, pull quotes, captions and any other type you use.

Specs:

  • Write a couple paragraphs explaining your proposed solution
  • The panels must be 4” x 4” (design for an 11”x17” page folded in half horizontally)
  • Use only two to three type families (this includes regular, bold, italic, etc.)
  • Can be full-color
  • Use Adobe Indesign to build this project.
  • Art from Illustrator and Photoshop can be incorporated into it. Images must be CMYK & 300dpi.
  • Create paragraph and character style sheets for all your type elements
  • You will print your finished project and save it as a high-resolution PDF.

TimelineExamples

4. Project Brief: Page Layout

LayoutExamples

Design a two-page spread using the provided text and art. A multiple column grid must be established for your design. Establish a visual hierarchy within the type by incorporating a headline, subheads, text type, drop cap, pull quotes, captions and folios. There should also be a hierarchy between type and images.

Specs:

  • The pages must be 8.5” x 11”
  • Use only two to three type families (this includes regular, bold, italic, etc.)
  • Use black and one spot color
  • Fill out type spec sheet (2nd page of brief)
  • Use Adobe Indesign to build this project as a 2-color print job
  • Create paragraph and character style sheets for all your type elements
  • Print your project on an 11″ x 17″ sheet as a composite and as color separations
  • Save a high resolution PDF of your project

Text & Images: http://www.designingwithtype.com/5/grids.php

5. Project Brief: Name Your Type

You will design an original typeface. It will consist of the letters of your name, including upper and lower case, and numerals for your birthday (00/00/0000). Consider the “personality” you would like to convey (elegant, edgy, sophisticated, humorous, etc.) when designing the characters. Pay attention to the unity of the characters (shape, stroke width, x-height, etc.) and the negative space within and between characters. You may design additional characters, such as punctuation marks and ligatures, if you desire.

Specs:

  • Write a couple paragraphs explaining your proposed solution
  • Print the finished project on an 8.5”x 11” sheet in black & white
  • The project will be built in Adobe Illustrator and submitted as a hi-rez PDF

6. Project Brief: Type Tips Book Cover

You will design a book cover, front and back, for the Type Tips Manual we have been building in class all semester. The design must use hand-lettered typography as the dominant element. Imagery and decorative elements may be used in a subordinate role. The front and back covers may be a continuous image, or separate but unified designs.

Specs:

  • Write a couple paragraphs explaining your proposed solution
  • The title should read – Type Tips 2018: A Guide to Professional Typesetting
  • The size will be 11” wide by 8.5” deep
  • You may use full color
  • It should be set up as a CMYK print job and an RGB interactive PDF
  • Any images must be 300 dpi for the print version and 72 dpi for the electronic version

TypeTipsExamples

7. Project Brief: Movie title design

Part I: Using a movie of your choice, create a title card (static) type only design. The type design will convey the essence of the movie through choice of font, styling, color and other design elements. Images may not be used unless it’s a graphic symbol that is integrated into the type design.

Part II: Animate your movie title using Photoshop or After Effects. You may add background support imagery for this part, but the type still must be central to the design. Your animation should be 20-30 seconds.

  • Write a couple paragraphs explaining your proposed solution

Examples:

http://www.cbsnews.com/videos/the-art-of-film-titles/

Art of the Movie Title PBS

http://www.artofthetitle.com/feature/the-title-design-of-saul-and-elaine-bass/

http://www.artofthetitle.com/

8. Project Brief: Restaurant Websites

RestaurantSiteSamples

You will design three restaurant websites, each one featuring a different type of establishment. For instance, you may do one that features upscale fine dining, another that features a child-friendly setting, and a third one with an ethnic menu, such as Japanese or Italian. Each site will contain the same information, but will be designed to convey the look and feel of the different restaurants. The fonts, colors, layouts and imagery you use for each page should be appropriate for the demographics of the particular restaurant. An elegant establishment might use classic typefaces and a muted color palette, while an edgy, energetic place would use decorative fonts and bright colors. The designs should rely primarily on the type you choose to establish their character, but you may use supporting graphic elements such as lines, shapes and simple imagery. Create a typographical hierarchy to organize the information on the menu logically.

Each site should contain three pages with the following information:

  • Name of restaurant. Use the same name for all three pages. You can use your own name — first, last, both, initials, nickname, etc. — or make up a name that will work for all three restaurants.
  • Tagline. A sentence or short paragraph that sums up the theme of the restaurant.
  • Hours of operation
  • Address/Directions
  • Menus
  • Reservations info
  • About info
  • Contact info
  • Other. You may also include additional information, such as daily specials, happy hour, etc. if you wish.

Specs:

  • Write a couple paragraphs explaining your proposed solution
  • 1080 x 1920 pixels, vertical orientation
  • Three pages
  • Include navigation buttons
  • The project will be built in Adobe Indesign as an interactive RGB job
  • Submit low-resolution, interactive, RGB PDF for screen viewing