agenda; week 7 finalize poster composition

Due: 11:30, Monday, 3/14

Goal: Examine proportions.

Objective: Explore proportion using a grid structure.

Category: proportion

To Do

    1. Proportion
    2. Icon and Letterform

 

1. Proportion

layout & composition

      • balance
      • proximity: related items are grouped together
      • white space, negative space for breathing room
      • alignment
      • contrast
      • hierarchy
      • consistence, repeat elements

 

 

 

 

 

 

Using the same 5 groupings of text

one quote
designer’s name
designer’s medium/genre (print, web, furniture, etc.)
date/era
location

Process

1  Exaggerate hierarchy
• use only 3 levels of hierarchy
2. Position your top hierarchal element in an area that emphasizes proportion
• see example below
3  Group text into several units
4. Position the units so that they align with each other
5 Create 4 different compositions
6. Make a screenshot of each composition
• each composition with the grid
• each composition without the  grid
Post on Miro
• you should have a total of 8 (4 with the grid, 4 without the grid)

      1. Example

 

 

 

 

 

 

 

Topic

Proportion systems and grids

Goal: Create images that communicate
Objective: Create forms that signify essential qualities

Lecture

Review how we see

 see: https://www.linkedin.com/video/live/urn:li:ugcPost:6821094794379501568/

start at 3 minutes – 9.30 minutes

Proportion

      • balance
      • similarity

watch until 5:40

Review alignment

Proportion systems: design precedents of grid design

gridded posters

more grids

Guide to using Grids

https://www.typographicposters.com/

Activity

Workshop: use proportion to position text

grids, proportion, and hierarchy

Proportion

1  Use a grid

                •  golden ratio proportion (your 5-column grid) (image below)
                • rule of thirds proportion (your 3-column grid)

2  Add dummy type to emphasize the grid
 You should have a sense of the grid, even when it is not showing

3  Use hierarchy to create a composition based on each proportion system
•  use at least 3 levels of hierarchy
•  where do you place hierarchy to emphasize the grid?

Use alignment

Make sure your text is not centered
check that you do not have the same space above and below

Mass your white space
make sure you have a large group of white space

Review & critiques homework

 

 

2. Proportion

Revise your 4 compositions

exagerate scale

group like items

align to create structure

create a focal point that is not centered

 

 

alignment

Finalize your best or favorite 11 x 17″ composition

1  Present 1 version with and without grid

show a HUGE change of scale at this size
only use 3 different styles and sizes of type
align to the grid, not to the edge of the page
group elements to allow for white space at the top or left side of your composition

2  Make 2 screen shots; with the grid and without the grid

3. Upload to Miro

Remember:

Define your grid on all compositions:

Make the grid structure obvious with the position of your elements.

• To define the grid, one of the edges of the type column MUST touch the grid line.   Do not center the text column in the middle of your grid!!!

• Use scale, placement, alignment, typestyle, etc to create order.

• Asymmetrical compositions.

Have you defined your grid?
When you turn off your guides you should be able to see exactly where the grid line is located

• show alignments
• asymmetrical composition
align to the grid, not the edge
• 5 column grid
no margins
• black and white — no color

Reference

Visual Hierarchy tips that will make you a better designer: https://drive.google.com/drive/u/0/folders/1mjGvjP1zWCPWB7XcchuKIk7Ajbz0OiN8

from class work:

change the emphasis to the quote

Leave a Reply