Activity: class 2

Alignment Workshop: align dummy type to the grid

grids, proportion, and hierarchy

Align to the grid

Proportion

1  Use a grid, 5- or 3-column

• • • • • •  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
                we 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

Next week:

Preparation for hierarchy

How we see:

How we see: visual attention science. start at 2:50 – 9:30

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

start at 3 minutes – 9.30 minutes

 

Homework

1. Alignment with scale

Revise your alignment
4 pages

Same instructions as last week (see the bottom of this page to review)
Add:

• • • • use a typeface that your designer would choose
      • use scale (different sizes) to create hierarchy
      • think about figure-ground
        • Text
          one quote
          designer’s name
          designer’s medium/genre (print, web, furniture, etc.)
          date
          general location

Process

1  Use a 5 column grid
2.  Group elements using alignment
3.  Create at least 3 levels of hierarchy using scale

 

Remember

• • • • Do not center
      • Group items
      • Remember figure-ground!
        Don’t spread items all over the page, create a mass of white space
      • Do not use the same amount of white space at the top and bottom of your page

example of scale, hierarchy, and alignment

different scales of circles

 

 

 

 

examples of alignment from class

 

DON’T DO THIS:

This is aligned but it creates 2 separate groups

 

These are NOT aligned

 

 

previous homework

create 4 pages of text
Each page must have at least  2 left alignments

Text
choose a quote from your favorite designer

Process

Open InDesign

1. 1. 1. 1. Create a 5 column vertical grid
            Follow these directions EXACTLY
         2. 8.5 x 11 inches
            •. Pages: 4
            •. Start#: 1
            •. Columns: 5
            •. Column gutter: 0
            •. Margins: 0

Begin Layout

1. 1. 1. 1. Add your text
         2. Use the grid to define the placement of your elements.
         3. The left edge of your type MUST TOUCH the grid line to show alignment
         4. Create 4 different compositions
         5. Make screenshots of each composition
            1: with the grid
         6. Upload to Miro
         7. Comment on 2 different student compositions:
            Does this grid show alignment

1. 1. Example