Scribd
Upload
213 views27 pages

1.01 Understand Typography, Multiuse Design Principles and Elements

This document discusses multi-use design principles and elements that can be used to arrange elements in a design. It covers the principles of balance, contrast, unity/harmony, scale/proportion, and dominance/emphasis. It then discusses specific types of balance like symmetrical, asymmetrical, and radial balance. It also discusses design compositions like grids, the rule of thirds, optical center, and Z-patterns that can be used to effectively arrange elements. The document provides examples and illustrations to demonstrate how to apply these principles and compositions in design work.

Uploaded by

api-294086003
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
213 views27 pages

1.01 Understand Typography, Multiuse Design Principles and Elements

This document discusses multi-use design principles and elements that can be used to arrange elements in a design. It covers the principles of balance, contrast, unity/harmony, scale/proportion, and dominance/emphasis. It then discusses specific types of balance like symmetrical, asymmetrical, and radial balance. It also discusses design compositions like grids, the rule of thirds, optical center, and Z-patterns that can be used to effectively arrange elements. The document provides examples and illustrations to demonstrate how to apply these principles and compositions in design work.

Uploaded by

api-294086003
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 27

Multiuse Principles

of Design
1.01 Understand typography, multiuse design
principles and elements.
Multiuse Principles of Design
 Used to arrange the elements of design
 Can have an impact on the effect of the design
 Balance

 Contrast

 Unity/Harmony

 Scale/Proportion

 Dominance/Emphasis
Balance

 The arrangement of elements


 Three types:
 Symmetrical
 Asymmetrical
 Radial
Symmetrical Balance

 Elements are centered or evenly divided both


vertically and horizontally
Asymmetrical Balance
 Off-center alignment created with an odd or
mismatched number of elements.
Examples
Radial Balance
 the elements radiate from or swirl in a
circular or spiral path.
Examples
Contrast

 Emphasizing the difference between elements


 Creates interest and excitement
 Examples: red and white, squares and circles,
rough and smooth textures
Unity/Harmony
 All of the design elements are consistent with each
other in shape, style and color and consistent with
the overall message
 Helpsthe reader understand the whole message
 Can be achieved through repetition/consistency

 Examples:
 Using consistent font scheme or repeated shape
throughout
 Using lines to connect
Example
Example
Scale/Proportion
 the relationships between the sizes of various
elements
 Createsvisual impact and aids readability
 Examples:
 Headlinelarger than body text
 Exaggerating the size of a design element
Example
Dominance/Emphasis

 the first element the eye sees; the focal point


 Gets the viewer’s attention
 Assures the viewer starts in the correct order

 Examples
 Splash of color
 Shocking image or text
Design Compositions

 These concepts will help you arrange elements and


use design principles effectively
 Grids

 Rule of Thirds
 Optical Center

 Z - Pattern
Grids

 The use of columns/rows in design


 Used frequently in print and web design

Copenhagen Art Festival Web Page


The Rule of Thirds

 Splitting an image or design into thirds, so you end


up with 9 equal sections
 Place the focal point along a line or where the lines
intersect
Rule of Thirds
Optical Center
 the spot the eye first sees when it encounters a page
 slightlyabove and to the right of the actual center
 Place the most important design element here.
Z Pattern
1 2 3
 the pattern the
eye follows when
scanning a page. Optical Center

 Place important
elements along the
Z-pattern.

Z-Pattern
Think – Pair - Share

You might also like