P02: Layout

Description

To practice setting type as well as working with composition and imagery, you will work in groups of two to design a four page (two spread) magazine article for print.

No use of colour is permitted for this project. Black, white, and grays only.

Due

Before your lab time on Jun 14.

Worth

25% of your final grade.

Instructions

You will be working on this project for a couple of weeks, for which there are both individual and group deliverables. Please note that you are responsible for your own individual deliverables as they are assessed on a weekly basis.

Starting May 24

In this week's lab we will give you an introduction to the project, some time to form groups as well as an introduction to working with type in InDesign.

  1. Using your P01 (Process) submissions as a starting point, as a group agree upon which project direction you would like to pursue. Make sure that you agree on:
  2. Individually find an additional 3 high-resolution photos with a minimum resolution of 2200 by 1700 pixels. Google Image Search can help by using the "Search Tools", and setting the size to "Larger than 4 mega-pixels."
  3. Individually choose 2-4 fonts for your article. Make sure to:
    Three different typefaces shown at different scale to help demonstrate the intended hierarchy of type.
    Figure 1. An example of showing a hierarchy and combination of type.
  4. Individually sketch 20-60 possible spread layouts ensuring that the sketches are no wider than 5cm (2 inches) across (see example in Figure 2 below). Make sure to start exploring:
    Two thumbnail layout sketches.
    Figure 2. Two spread sketches demonstrating different compositions and relationships between text and image.
Due in your May 31 lab:
:D (Extra exploration):) (Keeping up):| (Tough week)

In addition to the team agreeing upon an article title, subtitles, and initial photos, each individual should bring to the lab:

  • 2-4 fonts showing their intended purpose and hierarchy within the layout, using real text to exemplify how they would be used (printed).
  • 3 high-resolution photos (printed).
  • 40-60 spread layout sketches that demonstrate excellent quality and quantity of exploration in layouts.

In addition to the team agreeing upon an article title, subtitles, and initial photos, each individual should bring to the lab:

  • 2-4 fonts showing their intended purpose and hierarchy within the layout (printed).
  • 3 high-resolution photos (printed).
  • 20-40 spread layout sketches that demonstrate good quality and quantity of exploration in layouts.

In addition to the team agreeing upon an article title, subtitles, and initial photos, each individual should bring to the lab:

  • 4 or less fonts, with little or no indication of their intended purpose or hierarchy within the layout (printed).
  • 3 or less low-to-medium resolution photos (printed).
  • 20 or less spread layout sketches demonstrate okay quality and quantity of exploration in layouts.

Starting May 31

In this week's lab, we will critique your process thus far as well as cover InDesign in more depth so that you can start working digitally for the project.

  1. Based on the critiques, as a group agree upon:
  2. As a group set up your InDesign spreads and additional files so that all group members have the same:
  3. Individually create two print layout options for the set of all four pages (2 spreads). Take into consideration:

Make sure you are working with the provided placeholder text; you are not allowed to use any other text for your article's body text.

Due in your Jun 7 lab:
:D (Extra exploration):) (Keeping up):| (Tough week)

In addition to meeting expectations (outlined to the right) the layout options presented should show strong and effective

  • Flow between pages.
  • Relationships between image and text.
  • Clear path through the article text

In addition to the team agreeing upon a images, fonts, and a common structure, each individual should bring to the lab: 2 four-page (two-spread) layouts that make effective use of the agreed upon templates to explore two distinct approaches to the layout.

In addition to the team agreeing upon a images, fonts, and a common structure, each individual should bring to the lab: 2 four-page (two-spread) layouts that make use of the agreed upon templates to explore two somewhat distinct approaches to the layout.

Starting Jun 7

In this week's lab, we will hold the final critiques on your deliverables thus far. Your big goal for this week is to combine your projects into one final one.

  1. After receiving feedback and critique, agree as a group on a final design direction.
  2. As a group refine and create your final four-page (two spread) layout. Make sure to:

Final Delivery

Final deliverables are due to Canvas before your Jun 14 lab and make sure to double-check all your submitted files to ensure they can be opened. Final submission includes:

Remember that Graphic Design is a design course, and as a result the submitted package of materials and their quality should be a design consideration just as much as any other aspect of the project.

Grading Rubric

Your project will be graded on the following criteria:

Process (4 points)

Grading Focus: Weekly deliverable checks, quantity and quality of exploration, polish of final product.

A: Deliverables demonstrate more exploration. Final deliverables show a high consideration of polish (high-resolution photos, clean print-out, and designed/cut to size).
B: Deliverables meet the expected amount of process exploration outlined in the brief. Final deliverables show a high consideration of polish (high-resolution photos, clean print-out, and designed/cut to size).
C: Some of the required weekly deliverables are missing. Final deliverables show a medium-to-low consideration of polish (medium-resolution photos, clean print-out, and/or not quite designed/cut to size).
D/F: Numerous weekly deliverables are missing. Final deliverables show a low consideration of polish (low-to-medium-resolution photos, low-quality print-out, and/or not designed/cut to size).

Typography (7 points)

Grading Focus: Readability, flow and type-setting considerations (i.e. line-length, leading, widows, etc.).

A: In addition to achieving a 'B', the combination of type chosen helps build a clear relationship between the body type and other elements of the article (such as images, pull-quotes, ornamentation, etc).
B: Clear hierarchy in addition to well-set readable type - good line-length, leading, point-size, alignment, good use of weights or postures, good use of caps (all as appropriate) - entices the reader to continue and helps direct their attention and movement through the article.
C: There are concerns with the hierarchy and, or, type-setting that somewhat hinders the readability and may misdirect the reader's attention and movement through the article.
D/F: There is a lack of hierarchy in the type and the type-setting is significantly hindering the readability and movement through the article.

Composition

Grading Focus: Grid or non-grid based composition, balance, whitespace, article flow and focus.

A: The design works with or without a grid structure to create a well-structured, clear, yet un-repetitive flow through the article with exceptionally clear focal points.
B: The design actively works with or without a grid structure appropriately, using balance and whitespace to create a clear flow through the article and clear focal points.
C: There are some concerns with the use of grid or non-grid based composition which somewhat hinders the flow through the article and confuses focal points.
D/F: There are significant concerns with the use of grid or non-grid based composition which significantly hinders the flow through the article and makes focal points unclear.

Unity

Grading Focus: Unity of composition, design elements, imagery, and type.

A: The unity of composition, design elements, imagery, and typography within the design create an exceptionally clear relationship between different pages, content, and elements for the reader.
B: There is a unity in the composition, design elements, imagery, and typography within the design that help build fairly clear relationship between different pages, content, and elements.
C: There are some concerns with the unity of composition, design elements, imagery, and/or typography within the design that somewhat hinder the clarity of relationships of different pages, content, and elements.
D/F: There is a lack of unity of composition, design elements, imagery, and/or typography within the design that significantly hinders the clarity of relationships of different pages, content, and elements.