SlideShare a Scribd company logo
Introduction to
the Basic Principles
of Design
Principles of Design
• Are guidelines for designers.
• Help us understand what looks “good”
and why a design or composition seems “right”.
• Helps you to explain your ideas, and why they
“work”.
The Basic Principles
of Design
• Rhythm
• Variety
• Emphasis
• Balance
• Proportion
• Harmony/Unity
Rhythm occurs when elements are repeated in a
design or layout.
Rhythm
From Rhythm , we can get a feeling for what comes
next, the same way we know how to follow the beat
when we listen or dance to music.
When we repeat the same shape with the same kind
of placement and spacing, we call it a
REGULAR RHYTHM.
In this arrangement, what would you
expect to see here next?
Rhythm and Patterns
This expectation of what’s supposed
to come next also creates a sense of
PATTERN.
?
Rhythm and Patterns
• Sometimes it is the unexpected that makes a pattern
interesting.
• By “messing” up the rhythm of the pattern, a designer
can add variety or emphasis to create interest in the
composition.
Variety
• Variety is using difference to add interest to your
design.
• Playing with expectations, adding different colours,
experimenting with different sizes of elements, or
styles of fonts, are just some of the ways to play with
variety.
Emphasis
• Emphasis refers to how a graphic designer gets your
attention.
• It is a way of making important things stand out.
Balance
• When all the elements are placed in a way the gives the
impression of equal weight or “steadiness” on a page.
• To help understand Balance, you first need to
understand what “weight” means in the world of graphic
design…
Examples of Weight
• “Weight” in design means “visual weight”:
• Elements can “feel” or look like insignificant,
unimportant specks, or they can grab your attention
with their size, line thickness or placement on the
page.
In this case, the difference in
size directs attention to the
bigger, heavier, happy face
on the right...
…therefore, more visual weight
in the bottom right corner than
top left corner.
Two types of Balance
Symmetrical Balance
Also known a Formal Balance
Asymmetrical Balance
Also known as
Informal Balance
Symmetrical Balance
• We tend to use Symmetrical or formal balance to
create stability and a “straight forward”, no nonsense
approach to composition and layout.
Asymmetrical Balance
• We tend to use Asymmetrical or Informal balance to
create “movement” and interest in the layout, but still
trying to create stability and balance in the composition.
Proportion
• Proportion has to do with different sized elements and
the relationship of one thing to another.
• For example, something can’t be big unless there
is something smaller beside it.
• Working with proportions on a page, you must look
at the overall composition and ask yourself, “Is this
comfortable to look at, or does something seem out of
place or out of balance with the rest of the page?”
Harmony/Unity
• Harmony or Unity in design refers to how all the
elements in the composition work together to keep it
working as a “whole”.

More Related Content

PPTX
Elements and Principles of Design (Updated)
PPTX
Element of design
PDF
Principles of Design
PDF
Elements and Principles of Design
PPTX
Principles of Design
PDF
Basic design principles
PPT
Principles and Elements of Design
PPTX
Design Elements
Elements and Principles of Design (Updated)
Element of design
Principles of Design
Elements and Principles of Design
Principles of Design
Basic design principles
Principles and Elements of Design
Design Elements

What's hot (19)

PDF
Interior Design principles and elements
PPT
Principles of design
PPT
ppt Pitch: Basic design principles
PPTX
Design Principles
PPTX
Design Principles
PPT
Principles Of Design 1
PPTX
Elements and Principles of Design - Avantika University
PPTX
Principles of design
PDF
Elements of Design
PPTX
Elements and principles in graphics design
PDF
Principles of Design
PPTX
Design elements and principles
PPTX
Graphic Design - Shapes
PDF
Use of Shapes in Graphic Design | Psychology of Shapes by ADMEC (Updated)
PPT
Elements of Graphic Design
PPTX
Lecture 1 b definition of principle of design
PPTX
Elements of Design - Graphic Design 1
PPTX
Art Elements and Design Principles
PPTX
Design principles
Interior Design principles and elements
Principles of design
ppt Pitch: Basic design principles
Design Principles
Design Principles
Principles Of Design 1
Elements and Principles of Design - Avantika University
Principles of design
Elements of Design
Elements and principles in graphics design
Principles of Design
Design elements and principles
Graphic Design - Shapes
Use of Shapes in Graphic Design | Psychology of Shapes by ADMEC (Updated)
Elements of Graphic Design
Lecture 1 b definition of principle of design
Elements of Design - Graphic Design 1
Art Elements and Design Principles
Design principles
Ad

Viewers also liked (20)

PDF
Design Principles
PDF
Basic principles of design
PDF
GHAMAS Design Principles
PDF
The Design of Everyday Things
PPTX
Usability & Design Principles
PPT
Principles of Design
PDF
PPT
Basic Design - Lesson IV
PPT
The design of everyday things
PDF
Creative message appeals, ad design and testing copy writing visuals, creativ...
PPTX
Advertising design
PPTX
What Is Usability?
PPT
Elements and Principles of Design in Photography
PPT
Elements of design
PPTX
Art Elements and Principles
PPS
Elements & Principles of Design
 
PPTX
Elements and Principles of Design
PPTX
Elements & Principles of Art Design PowerPoint
PPT
Principles Of Design
PPT
Elements And Principles of Art
Design Principles
Basic principles of design
GHAMAS Design Principles
The Design of Everyday Things
Usability & Design Principles
Principles of Design
Basic Design - Lesson IV
The design of everyday things
Creative message appeals, ad design and testing copy writing visuals, creativ...
Advertising design
What Is Usability?
Elements and Principles of Design in Photography
Elements of design
Art Elements and Principles
Elements & Principles of Design
 
Elements and Principles of Design
Elements & Principles of Art Design PowerPoint
Principles Of Design
Elements And Principles of Art
Ad

Similar to Basic Design Principles (20)

PPTX
1-2 Principles of Design lecture
PPTX
The art of graphic design with element and principles
PPT
The principles of design
PDF
Principlesofdesign
PDF
The Principles Of Graphics Design Presentation.pdf
PPTX
Principles of Design.pptx
PPTX
Colour combination.pptx
PPTX
Principle of design
PPTX
Design Principles and Elements
PPTX
Principles of Design
PPTX
Film censorship
PPT
Composition presentetion
PDF
U4 jou231 basic_designprinciples
PPT
Design principles
PPTX
LESSON 5 - Imaging and Design for the Online Environment.pptx
PPTX
Empowerment-technologies-presentation.pptx
PPTX
The principles of design.
PPTX
The principles of design [autosaved]
PPTX
Basic Principles of Design and Layout.pptx
PDF
The Principles of Design
1-2 Principles of Design lecture
The art of graphic design with element and principles
The principles of design
Principlesofdesign
The Principles Of Graphics Design Presentation.pdf
Principles of Design.pptx
Colour combination.pptx
Principle of design
Design Principles and Elements
Principles of Design
Film censorship
Composition presentetion
U4 jou231 basic_designprinciples
Design principles
LESSON 5 - Imaging and Design for the Online Environment.pptx
Empowerment-technologies-presentation.pptx
The principles of design.
The principles of design [autosaved]
Basic Principles of Design and Layout.pptx
The Principles of Design

Recently uploaded (20)

PDF
Transform Your ITIL® 4 & ITSM Strategy with AI in 2025.pdf
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PPTX
Group 1 Presentation -Planning and Decision Making .pptx
PDF
Hindi spoken digit analysis for native and non-native speakers
PPTX
A Presentation on Artificial Intelligence
PPTX
1. Introduction to Computer Programming.pptx
PDF
Hybrid model detection and classification of lung cancer
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PDF
Zenith AI: Advanced Artificial Intelligence
PDF
DP Operators-handbook-extract for the Mautical Institute
PPTX
Programs and apps: productivity, graphics, security and other tools
PPTX
TechTalks-8-2019-Service-Management-ITIL-Refresh-ITIL-4-Framework-Supports-Ou...
PPTX
cloud_computing_Infrastucture_as_cloud_p
PDF
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...
PDF
A comparative analysis of optical character recognition models for extracting...
PDF
Mushroom cultivation and it's methods.pdf
PDF
Accuracy of neural networks in brain wave diagnosis of schizophrenia
PDF
Enhancing emotion recognition model for a student engagement use case through...
PDF
A novel scalable deep ensemble learning framework for big data classification...
PDF
Getting Started with Data Integration: FME Form 101
Transform Your ITIL® 4 & ITSM Strategy with AI in 2025.pdf
Digital-Transformation-Roadmap-for-Companies.pptx
Group 1 Presentation -Planning and Decision Making .pptx
Hindi spoken digit analysis for native and non-native speakers
A Presentation on Artificial Intelligence
1. Introduction to Computer Programming.pptx
Hybrid model detection and classification of lung cancer
Building Integrated photovoltaic BIPV_UPV.pdf
Zenith AI: Advanced Artificial Intelligence
DP Operators-handbook-extract for the Mautical Institute
Programs and apps: productivity, graphics, security and other tools
TechTalks-8-2019-Service-Management-ITIL-Refresh-ITIL-4-Framework-Supports-Ou...
cloud_computing_Infrastucture_as_cloud_p
Video forgery: An extensive analysis of inter-and intra-frame manipulation al...
A comparative analysis of optical character recognition models for extracting...
Mushroom cultivation and it's methods.pdf
Accuracy of neural networks in brain wave diagnosis of schizophrenia
Enhancing emotion recognition model for a student engagement use case through...
A novel scalable deep ensemble learning framework for big data classification...
Getting Started with Data Integration: FME Form 101

Basic Design Principles

  • 1. Introduction to the Basic Principles of Design
  • 2. Principles of Design • Are guidelines for designers. • Help us understand what looks “good” and why a design or composition seems “right”. • Helps you to explain your ideas, and why they “work”.
  • 3. The Basic Principles of Design • Rhythm • Variety • Emphasis • Balance • Proportion • Harmony/Unity
  • 4. Rhythm occurs when elements are repeated in a design or layout. Rhythm From Rhythm , we can get a feeling for what comes next, the same way we know how to follow the beat when we listen or dance to music. When we repeat the same shape with the same kind of placement and spacing, we call it a REGULAR RHYTHM.
  • 5. In this arrangement, what would you expect to see here next? Rhythm and Patterns This expectation of what’s supposed to come next also creates a sense of PATTERN. ?
  • 6. Rhythm and Patterns • Sometimes it is the unexpected that makes a pattern interesting. • By “messing” up the rhythm of the pattern, a designer can add variety or emphasis to create interest in the composition.
  • 7. Variety • Variety is using difference to add interest to your design. • Playing with expectations, adding different colours, experimenting with different sizes of elements, or styles of fonts, are just some of the ways to play with variety.
  • 8. Emphasis • Emphasis refers to how a graphic designer gets your attention. • It is a way of making important things stand out.
  • 9. Balance • When all the elements are placed in a way the gives the impression of equal weight or “steadiness” on a page. • To help understand Balance, you first need to understand what “weight” means in the world of graphic design…
  • 10. Examples of Weight • “Weight” in design means “visual weight”: • Elements can “feel” or look like insignificant, unimportant specks, or they can grab your attention with their size, line thickness or placement on the page.
  • 11. In this case, the difference in size directs attention to the bigger, heavier, happy face on the right... …therefore, more visual weight in the bottom right corner than top left corner.
  • 12. Two types of Balance
  • 13. Symmetrical Balance Also known a Formal Balance
  • 14. Asymmetrical Balance Also known as Informal Balance
  • 15. Symmetrical Balance • We tend to use Symmetrical or formal balance to create stability and a “straight forward”, no nonsense approach to composition and layout.
  • 16. Asymmetrical Balance • We tend to use Asymmetrical or Informal balance to create “movement” and interest in the layout, but still trying to create stability and balance in the composition.
  • 17. Proportion • Proportion has to do with different sized elements and the relationship of one thing to another. • For example, something can’t be big unless there is something smaller beside it. • Working with proportions on a page, you must look at the overall composition and ask yourself, “Is this comfortable to look at, or does something seem out of place or out of balance with the rest of the page?”
  • 18. Harmony/Unity • Harmony or Unity in design refers to how all the elements in the composition work together to keep it working as a “whole”.