Emphasis, Movement/ Hierarchy

Principles of Design

If the elements of art are your ingredients, then the principles of design are your recipes for how to use those elements of art.

Unity (same)

Repetition
Alignment/Margins
Balance:
- Formal/Symmetrical
- Informal/Asymmetrical

Variety (different)

Contrast
Emphasis
Hierarchy/Movement
Rule of Thirds

Emphasis

Create a focal point
What do you see first?
You will usually use contrast to create a focal point

Movement/ Hierarchy

(order, rank, sequence)

Where does your viewer look at next, then next, etc.?

Common ways to create emphasis and hierarchy: contrast in size/color

50% Guideline

Each step in the hierarchy should be about half as big as the step above it.

Divide by 2!

Warm vs. Cool Colors

The wavelengths of warm colors are longer so your eyes see them sooner!

Warm colors appear to advance, or come forward
Cool colors appear to recede or go back in space

Find Template in Shared Drive

Open Finder
On the left side, scroll down to "Location" and click "Google Drive" (NOT "My Drive")
Click "Shared drives" > "Graphic Design 1 Templates"
Double-Click "Emphasis, Hierarchy/Movement.ai" to open.

Save as A Creative Cloud File

Go to "File" > "Save As..."
Click "Save to Creative Cloud"
Click "Save"

Zoom into Artboard

When you open the Illustrator file, you'll see all 5 artboards.
To zoom in, on your keyboard hold down the "command/cmd" key and click the "+" key.
Zoom in to the first artboard on the left.

Use Rectangles/Guides

Use a Rectangle to Make 1/2 Inch Margins

Select the Rectangle Tool
Click on the artboard to bring up the "Rectangle" pop-up
Adjust:
- Width: 7.5 in
- Height: 10 in
Click OK
In the "Properties" tab, under Align, click the third and sixth icon to "Horizontal Align Center" and "Vertical Align Center"
Right-click on the rectangle and lcikc "Make Guides"

Use a Rectangle to Make a Rule of Thirds Grid

Use the Rectangle Tool to create a rectangle to fill your whole artboard.
With the rectangle selected, click "Object" > "Path" > "Split Into Grid..."
Change:
- Rows
  - Number: 3
- Columns:
  - Number: 3
Click "OK"
Right-click on the grid and click "Make Guides"

Duplicate Guides Across All Artboards

Select all your guides on the first artboard.
Hold down the option key
With your mouse click and drag to duplicate the guides across all artboards.

Lock Guides

In the "Properties" tab, next to "Guides" click the middle icon with the lock on it to lock your guides.

Arrange the Moana Poster

Select the objects for the Moana poster and drag them down to the artboard.
Background: Drag the corners of the blue rectangle background so that it covers the whole white artboard.
Image: Hold down the "shift" key on the keyboard (this will keep correct proportions), and click and drag out a corner of the Moana image to make it bigger. Align her face on the top-left rule-of-thirds intersection and her paddle on the top-right intersection.
Title: Hold down the "shift" key on the keyboard (this will keep correct proportions), and click and drag out a corner of the title to make it span from the left margin to the right margin. Move the title to the bottom horizontal rule-of-thirds line.
Text: Use the align tools (in the right toolbar) to align the text to the far right side of the title.

Principles Check

Emphasis & Rule of Thirds: What is the first thing people will look at? This is your focal point and should be on one of the rule of thirds intersections.
Hierarchy: What will they look at next? And next?
Margins & Alignment: Is your text inside your margins? Are there objects that are aligned to each other?

Repeat the Steps for the Other 4 Posters

Create Guides to Make Margins
Use a Rectangle to Make a Rule of Thirds Grid
Lock Guides
Arrange
Composition Check

Save as a PDF File

Go to "File" > "Save As..."
Click "Save on your computer"
Click the down arrow to the right of "Where"
Choose "My Drive" > "Graphic Design" > "5 - Principles"
Change the Format to "Adobe PDF (pdf)"
Click "Save"
Click "Save PDF"

Submit Google Drive Link to Canvas

In Finder:

Right-click on "Graphic Design" and click "Copy link to clipboard"
Paste the link in Canvas.

"I'm Done"

If you have more time in class, check out the "I'm Done" page.

Page updated

Google Sites

Report abuse