SlideShare a Scribd company logo
1 of 11
The Four Design PrinciplesThe Non-Designer’s Design Book 3rd Edition Concepts and Techniques Using Microsoft Office 2007
The four basic principles
Contrast Contrast on a page helps attract attention Avoid merely similar elements Separate elements should not be similar If elements are not the same, make them very different Helps organization by separating elements Don’t be a wimp!
Sample – Poor Contrast
Sample – Good Contrast
Repetition Repeat visual elements to help organize and strengthen unity Adds visual interest to the page Colors Shapes Spatial Relationships Textures Line Thickness Fonts Font Sizes Images
Alignment Elements should not be placed arbitrarily Elements should have some visual connection Affects the mood of the piece Creates a clean, sophisticated, fresh look
Proximity Items relating to each other should be grouped close together Items groups together become one visual unit Helps organize information, reduce clutter, and gives the reader clear structure
Sample – Poor Proximity
Sample – Effective Proximity
Final Tips – In publications, avoid… PUTTING TEXT IN ALL CAPS Cluttering graphics/text too close together Using too many fonts and colors in one publication Using INCONSISTENT formatting to make a point

More Related Content

Similar to The four design principles

Graphic Design Basics 4 Principles Of Page Des
Graphic  Design  Basics 4  Principles Of  Page  DesGraphic  Design  Basics 4  Principles Of  Page  Des
Graphic Design Basics 4 Principles Of Page Des
darlinga
 
Fourdesignprinciples
FourdesignprinciplesFourdesignprinciples
Fourdesignprinciples
Julie Lemley
 
Fourdesignprinciples
FourdesignprinciplesFourdesignprinciples
Fourdesignprinciples
Julie Lemley
 
Module 3, 3.5 CRAP
Module 3, 3.5 CRAPModule 3, 3.5 CRAP
Module 3, 3.5 CRAP
rboskett
 
Pubs chap 1 5
Pubs chap 1 5Pubs chap 1 5
Pubs chap 1 5
yh00061
 
Lesson 1 Proximity And Alignment
Lesson 1 Proximity And AlignmentLesson 1 Proximity And Alignment
Lesson 1 Proximity And Alignment
Jeff Taylor
 

Similar to The four design principles (20)

Dtp Design Elements
Dtp Design ElementsDtp Design Elements
Dtp Design Elements
 
Graphic Design Basics 4 Principles Of Page Des
Graphic  Design  Basics 4  Principles Of  Page  DesGraphic  Design  Basics 4  Principles Of  Page  Des
Graphic Design Basics 4 Principles Of Page Des
 
CARP Design Principles
CARP Design PrinciplesCARP Design Principles
CARP Design Principles
 
Fourdesignprinciples
FourdesignprinciplesFourdesignprinciples
Fourdesignprinciples
 
Principles and elements of design
Principles and elements of designPrinciples and elements of design
Principles and elements of design
 
Graphic design principles
Graphic design principlesGraphic design principles
Graphic design principles
 
Fourdesignprinciples
FourdesignprinciplesFourdesignprinciples
Fourdesignprinciples
 
The Four Design Principles
The Four Design PrinciplesThe Four Design Principles
The Four Design Principles
 
Module 3, 3.5 CRAP
Module 3, 3.5 CRAPModule 3, 3.5 CRAP
Module 3, 3.5 CRAP
 
IVC - Lesson 14
IVC - Lesson 14IVC - Lesson 14
IVC - Lesson 14
 
Print and Outdoor Design ad Layout
Print and Outdoor Design ad LayoutPrint and Outdoor Design ad Layout
Print and Outdoor Design ad Layout
 
Print and Outdoor Layout and Design
Print and Outdoor Layout and DesignPrint and Outdoor Layout and Design
Print and Outdoor Layout and Design
 
Pubs chap 1 5
Pubs chap 1 5Pubs chap 1 5
Pubs chap 1 5
 
Design Principles for Visual Communication
Design Principles for Visual CommunicationDesign Principles for Visual Communication
Design Principles for Visual Communication
 
Design Overview
Design OverviewDesign Overview
Design Overview
 
Visual Principles
Visual PrinciplesVisual Principles
Visual Principles
 
Print Ads
Print AdsPrint Ads
Print Ads
 
Multimedia design principles
Multimedia design principlesMultimedia design principles
Multimedia design principles
 
Introduction to Design (Yearbook Class)
Introduction to Design (Yearbook Class)Introduction to Design (Yearbook Class)
Introduction to Design (Yearbook Class)
 
Lesson 1 Proximity And Alignment
Lesson 1 Proximity And AlignmentLesson 1 Proximity And Alignment
Lesson 1 Proximity And Alignment
 

Recently uploaded

Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Victor Rentea
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 

Recently uploaded (20)

Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUKSpring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 

The four design principles

  • 1. The Four Design PrinciplesThe Non-Designer’s Design Book 3rd Edition Concepts and Techniques Using Microsoft Office 2007
  • 2. The four basic principles
  • 3. Contrast Contrast on a page helps attract attention Avoid merely similar elements Separate elements should not be similar If elements are not the same, make them very different Helps organization by separating elements Don’t be a wimp!
  • 4. Sample – Poor Contrast
  • 5. Sample – Good Contrast
  • 6. Repetition Repeat visual elements to help organize and strengthen unity Adds visual interest to the page Colors Shapes Spatial Relationships Textures Line Thickness Fonts Font Sizes Images
  • 7. Alignment Elements should not be placed arbitrarily Elements should have some visual connection Affects the mood of the piece Creates a clean, sophisticated, fresh look
  • 8. Proximity Items relating to each other should be grouped close together Items groups together become one visual unit Helps organize information, reduce clutter, and gives the reader clear structure
  • 9. Sample – Poor Proximity
  • 10. Sample – Effective Proximity
  • 11. Final Tips – In publications, avoid… PUTTING TEXT IN ALL CAPS Cluttering graphics/text too close together Using too many fonts and colors in one publication Using INCONSISTENT formatting to make a point

Editor's Notes

  1. The idea behind Contrast is to avoid elements on the page that are merely similar. In this case, elements are defined as things such as typeface, color, size, line thickness, shape, space, etc)If they are not the same, or are not related, then make them look very different. Contrast is often the most important visual attraction on a page – It’s what makes a reader look at the page in the first place.One purpose is to create interest on the page – if a page is interesting to look at, it is more likely to be read.Purpose number two is to help organize of the information. A reader should be able to instantly understand the way the information is organized, the logical flow from one item to another. The contrasting elements should never serve to confuse the reader or to create a focus that is not supposed to be the focus point.Add contrast through your typefaces choices, line thickness, colors, shapes, sizes, spaces, etc. It is easy to find ways to add contrast, and it’s probably one of the most fun and satisfying ways to ad visual interest. The important thing is to be strong. Don’t be a wimp!!
  2. Avoid using all caps, as this makes the audience feel you are yelling at them. Avoid cramming graphics and text so close together, we all need room to breathe, and when items in publications are crammed together, it becomes harder to interpret.Avoid using every possible font color in one publication. Of course, the limits depend on the publication you are using. To give an extremist example: For a one page flyer, do not use 14 different fonts, and 12 different colors. Instead, if you must change your font, try to keep it down to at least 2-3 font styles, and 1-2 colors, maybe 3 in larger publications.Avoid inconsistent formatting, such as having one yellow word in a paragraph of white. Or applying Bold, Italics, and Underline to the same word – there are many different and effective ways to express yourself and make a point without resorting to primitive measures.