SlideShare uma empresa Scribd logo
1 de 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

Mais conteúdo relacionado

Destaque

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
 

Destaque (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
 

Semelhante a 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
 

Semelhante a 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
 

Último

Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Mark Simos
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Mattias Andersson
 
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)Wonjun Hwang
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):comworks
 
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostLeverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostZilliz
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek SchlawackFwdays
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupFlorian Wilhelm
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsSergiu Bodiu
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 3652toLead Limited
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationRidwan Fadjar
 
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxSAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxNavinnSomaal
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticscarlostorres15106
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyAlfredo García Lavilla
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr BaganFwdays
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsRizwan Syed
 
My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024The Digital Insurer
 
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxArtificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxhariprasad279825
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationSlibray Presentation
 

Último (20)

Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?
 
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):
 
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostLeverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
 
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptxE-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project Setup
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platforms
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365
 
DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special EditionDMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
 
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxSAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptx
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easy
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL Certs
 
My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024
 
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxArtificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptx
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck 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

Notas do Editor

  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.