3. Asymmetric Layout

This slideshow requires JavaScript.

Layout size is legal or 8 1/2 x 14 inches. Using the copy from Text, arrange using only the typographic variables, no image, no color.

You do not need to use all of this copy. Instead, read it first, then pick the parts that are most meaningful to you to use in your layout here.

You will need to add a title of your own.

Create hierarchy and grouping to achieve a visually interesting typographic color without sacrificing readability.

You do not have to use all of the supplied text but you do need to use enough to create at least five paragraphs. Add a title and any other forms of display text that you fee would be appropriate. Determine optimum line length, avoid typographic widows, adjust alignment. Utilize the minimum typographic management checklist.

Refer to the chapter on TEXT and GRID in Ellen Lupton’s “Thinking With Type” book.

Use a grid to strengthen internal relationships of relative placement and size. Use leading to determine grid size.(also Refer to the section on design grids.

Your Design Solution to this assignment/problem should emphasize the following:

  • Compositional Unity between all parts/elements by using Alignment and/or Repetition with Variation
  • Use nesting as a form of alignment to “invisibly glue” groups together—fitting.
  • Create a dominant vertical and horizontal axis by aligning key letterforms, edges of graphics/images and paragraphs. These are forms of Continuity. Interrupt this implied line of Continuity with occasional elements that extend through it.
  • Shaped White Space, asymmetric balance where margins are the result of the golden section Fibonacci number series. (1,1,2,3,5,8,13, etc)
  • Attention to the use of Typographic Variables to create interesting and varied typographic color. Combine variables that, individually, would achieve opposite results. (ex. large size with lowercase letters, or bold with open tracking, etc.)
  • Attention to Minimum Typographic Treatment
  • Overall Grouping and Hierarchy between all elements
  • Use of a Design Grid based on the leading between lines of the smallest text size
  • A provocative and interesting title/heading of Display Type
  • Introduction of a contrasting element which serves as a counterpoint to the main and dominant compositional structure
  • Diminuindo to help readers know where the story begins and as a visual transition into the main text

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s