1. Principles of Graphic Design

2. Shape/ Container Relationship
The size and visual weight of a design element can help convey the meaning of your message.
Packaging is important
Most people are affected by the shape of the container (page or monitor holding the visual element).
Fold a page vertically- it is perceived to be elegant, slim and pricy
Fold the page horizontally- is perceived squat and cheap
Items position on a page also conveys unconscious messages
Graphic designers are often asked to rework product into different containers.
This principle will be evident because the physical shape of the design adds value or meaning
Ex. A heart shaped Valentine’s Day Card.
A design that uses a unique shape instead of the standard square or rectangle.

3. Balance
Balance refers to the arrangement of shapes, illustrations and text on a page.The idea is to arrange elements within a layout so they create a harmonious composition.
3 types:

4. Formal Balance
The placement of visual effects with equal distribution of visual weight on the left and right side of the imaginary center vertical axis.
Left and right side are mirror images
Used to give appearance of solidity, tradition,reliability and other dependable ideals

5. Formal Balance
Example 1:
Example 2:

6. Informal (Asymmetrical)Balance
More common than Formal Balance
Does not rely on centered effect
Left and right sides of page do not need to mirror each other
Elements counterbalance each other
Gives appearance of modern, trendy, energetic, free-spirited, fresh, casual and smart

7. Examples of Informal Balance

8. Radial Balance Variation on formal balance
Arrangement of visual elements around a central point
Promotes concept of equal partnership, teamwork and unity
Least used
Think of spokes of a wheel

9. BALANCE

10. BALANCE- Rule of Thirds
Most designs can be made more interesting by visually dividing the page into thirds vertically and/or horizontally and placing the most important elements within those thirds.
In photographic composition this is often achieved by dividing the page into thirds both vertically and horizontally and placing your most important elements at one or more of the four intersections of those lines

11. WHAT???

12. Examples

13. BALANCE-Visual Center
Placing important elements or the focal point of the design within the visual center is another design trick.
The visual center is slightly to the right of and above the actual center of a page.

14. Balance- Visual Center

15. Grids and Balance
Constructing the underlying structure of a piece is complicated, but essential for most designs.
Most balanced designs (and even unbalanced ones) rely on a grid.
Grid- invisible structure (visible while working in page layout program) helps ensure that all elements are placed in the right location to achieve balance as well as to help with continuity and consistency of design.

16. Grids

17. White Space This principle is similar to Negative/Positive space
It differs in that it focuses on creating white space, or on the absence of text and graphics.
It breaks up text and graphics.
It provides visual breathing room for the eye.
Add white space to make a page less cramped, confusing, or overwhelming.

18. See what I mean?

19. Z Pattern
People generally move across a printed page from left to right
Eye starts at the upper-left corner, travels across to the top-right corner, moves diagonally to the lower-left corner and then moves across again to finish at the bottom lower-right corner.
Creates visual interest
Should have some heavy element at the bottom right of layout to stop viewer’s eye

20. “Z” Pattern

21. Rhythm
Visual Rhythm helps to set the tone, pace and progression from start to finish
Repeating the shape, size and value of elements in a layout can set the mood for a piece and reinforces the overall tone
People look at larger elements first
Larger elements have a slower rhythm
Smaller elements have a faster rhythm
People look at darker elements before lighter ones
People look at unusual shapes before conventional ones

22. Rhythm Example

23. Contrast Contrast occurs when two elements are different.
The greater the difference the greater the contrast.
The key to working with contrast is to make sure the differences are obvious.
Four common methods of creating contrast are by using differences in size, color, and type.

24. Contrast Example

25. Alignment
Alignment is the placement of text and graphics so they line up on the page. Use alignment to:
create order
organize page elements
group items
create visual connections
Types
Horizontal
Vertical
Edge- aligns along top,bottom,left or right edges
Center
Visual or Optical- may not be precisely aligned but appear aligned to the eye

26. Alignment Example

27. Proximity/ Unity
The law of proximity states that objects near each other tend to be seen as a unit.
It is important to keep this law in mind when designing print and web based materials.
One should always focus on how the intended audience will interpret the graphics you use.
This is especially important in cases when an image plays a vital role in the ability to interpret the message behind it.
Usually, designs that depict proximity have borders or other elements that make all the separate elements of a design appear as one.

28. Proximity/Unity

29. Principles List
Make sure that you find examples of each of the following principles.
Shape Container/Relationship
Formal Balance
Informal balance
Radial
Rule of Thirds
Visual Center
Grids
White Space
Rhythm
Contrast
Alignment
Proximity/Unity