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.