SlideShare ist ein Scribd-Unternehmen logo
1 von 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

Weitere ähnliche Inhalte

Andere mochten auch

Photoshop terminology
Photoshop terminologyPhotoshop terminology
Photoshop terminologyalisonpruett
 
Graphic Design Fundamentals
Graphic Design FundamentalsGraphic Design Fundamentals
Graphic Design Fundamentalsmyannitell
 
Color Psychology: Guide to Branding for Startups
Color Psychology: Guide to Branding for StartupsColor Psychology: Guide to Branding for Startups
Color Psychology: Guide to Branding for StartupsLogo Design Guru
 
The 'Aha' Moment: How Great Designs Play With Our Psychology?
The 'Aha' Moment: How Great Designs Play With Our Psychology?The 'Aha' Moment: How Great Designs Play With Our Psychology?
The 'Aha' Moment: How Great Designs Play With Our Psychology?Logo Design Guru
 
20 Graphic Design Resources that will Make you Master of the Game
20 Graphic Design Resources that will Make you Master of the Game20 Graphic Design Resources that will Make you Master of the Game
20 Graphic Design Resources that will Make you Master of the GameLogo Design Guru
 
Electric motors and generators
Electric motors and generatorsElectric motors and generators
Electric motors and generatorsRakesh Pathipati
 
Electric motor and generator
Electric motor and generatorElectric motor and generator
Electric motor and generatorChakri Pani
 
Understanding Graphic Design
Understanding Graphic DesignUnderstanding Graphic Design
Understanding Graphic DesignFrank Curkovic
 
Introduction to Layouts in Graphic Design
Introduction to Layouts in Graphic DesignIntroduction to Layouts in Graphic Design
Introduction to Layouts in Graphic DesignCasey Robertson
 
Principles of Design - Graphic Design Theory
Principles of Design - Graphic Design TheoryPrinciples of Design - Graphic Design Theory
Principles of Design - Graphic Design TheoryAbanoub Hanna
 
Elements & Principles of Art Design PowerPoint
Elements & Principles of Art Design PowerPointElements & Principles of Art Design PowerPoint
Elements & Principles of Art Design PowerPointemurfield
 
Elements And Principles of Art
Elements And Principles of ArtElements And Principles of Art
Elements And Principles of Artkpikuet
 
An Introduction To Graphic Design
An Introduction To Graphic DesignAn Introduction To Graphic Design
An Introduction To Graphic DesignAfshan Kirmani
 

Andere mochten auch (14)

Photoshop terminology
Photoshop terminologyPhotoshop terminology
Photoshop terminology
 
Graphic Design Fundamentals
Graphic Design FundamentalsGraphic Design Fundamentals
Graphic Design Fundamentals
 
Color Psychology: Guide to Branding for Startups
Color Psychology: Guide to Branding for StartupsColor Psychology: Guide to Branding for Startups
Color Psychology: Guide to Branding for Startups
 
The 'Aha' Moment: How Great Designs Play With Our Psychology?
The 'Aha' Moment: How Great Designs Play With Our Psychology?The 'Aha' Moment: How Great Designs Play With Our Psychology?
The 'Aha' Moment: How Great Designs Play With Our Psychology?
 
20 Graphic Design Resources that will Make you Master of the Game
20 Graphic Design Resources that will Make you Master of the Game20 Graphic Design Resources that will Make you Master of the Game
20 Graphic Design Resources that will Make you Master of the Game
 
Electric motors and generators
Electric motors and generatorsElectric motors and generators
Electric motors and generators
 
Electric motor and generator
Electric motor and generatorElectric motor and generator
Electric motor and generator
 
Understanding Graphic Design
Understanding Graphic DesignUnderstanding Graphic Design
Understanding Graphic Design
 
Introduction to Layouts in Graphic Design
Introduction to Layouts in Graphic DesignIntroduction to Layouts in Graphic Design
Introduction to Layouts in Graphic Design
 
Graphic Design 101
Graphic Design 101Graphic Design 101
Graphic Design 101
 
Principles of Design - Graphic Design Theory
Principles of Design - Graphic Design TheoryPrinciples of Design - Graphic Design Theory
Principles of Design - Graphic Design Theory
 
Elements & Principles of Art Design PowerPoint
Elements & Principles of Art Design PowerPointElements & Principles of Art Design PowerPoint
Elements & Principles of Art Design PowerPoint
 
Elements And Principles of Art
Elements And Principles of ArtElements And Principles of Art
Elements And Principles of Art
 
An Introduction To Graphic Design
An Introduction To Graphic DesignAn Introduction To Graphic Design
An Introduction To Graphic Design
 

Ähnlich wie 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 Desdarlinga
 
CARP Design Principles
CARP Design PrinciplesCARP Design Principles
CARP Design PrinciplesHutchison
 
Fourdesignprinciples
FourdesignprinciplesFourdesignprinciples
FourdesignprinciplesJulie Lemley
 
Principles and elements of design
Principles and elements of designPrinciples and elements of design
Principles and elements of designsmizener
 
Graphic design principles
Graphic design principlesGraphic design principles
Graphic design principlesVictoria Rivett
 
Fourdesignprinciples
FourdesignprinciplesFourdesignprinciples
FourdesignprinciplesJulie Lemley
 
The Four Design Principles
The Four Design PrinciplesThe Four Design Principles
The Four Design PrinciplesSherif Amin
 
Module 3, 3.5 CRAP
Module 3, 3.5 CRAPModule 3, 3.5 CRAP
Module 3, 3.5 CRAPrboskett
 
Pubs chap 1 5
Pubs chap 1 5Pubs chap 1 5
Pubs chap 1 5yh00061
 
Design Principles for Visual Communication
Design Principles for Visual CommunicationDesign Principles for Visual Communication
Design Principles for Visual Communicationeversmilingshubhi
 
Design Overview
Design OverviewDesign Overview
Design OverviewSam Georgi
 
Visual Principles
Visual PrinciplesVisual Principles
Visual PrinciplesIzaham
 
Multimedia design principles
Multimedia design principlesMultimedia design principles
Multimedia design principlesAimeePrater
 
Introduction to Design (Yearbook Class)
Introduction to Design (Yearbook Class)Introduction to Design (Yearbook Class)
Introduction to Design (Yearbook Class)Sam Georgi
 
Lesson 1 Proximity And Alignment
Lesson 1 Proximity And AlignmentLesson 1 Proximity And Alignment
Lesson 1 Proximity And AlignmentJeff Taylor
 

Ähnlich wie 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
 

Kürzlich hochgeladen

How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonetsnaman860154
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking MenDelhi Call girls
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024The Digital Insurer
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationRadu Cotescu
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los
 
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsTop 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsRoshan Dwivedi
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityPrincipled Technologies
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Igalia
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Enterprise Knowledge
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...apidays
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreternaman860154
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processorsdebabhi2
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Drew Madelung
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsMaria Levchenko
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Servicegiselly40
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge
 
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Paola De la Torre
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdfhans926745
 

Kürzlich hochgeladen (20)

How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsTop 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 

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

Hinweis der Redaktion

  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.