SlideShare ist ein Scribd-Unternehmen logo
1 von 26
Good and Bad Design
Contrast Contrast with color Contrast with images Contrast with fonts Contrast with size Contrast is one of the best ways to add visual interest to your document.  Contrast draws in your reader's attention and creates a visual hierarchy.  Create contrast by using type, textures, and elements like lines, boxes, or graphics, that are very different from one another.  To get started, determine what you want the focus to be. Use contrast to create that focus. Remember, do as R.Williams says- "Don't be a wimp!" Robin Williams' book .
Repetition Repetition, or consistency, means that you should repeat some aspect of the design throughout the entire document.  Repetition acts as a visual key that ties your piece together--in other words, it unifies it. Repetition controls the reader's eye and helps you keep their attention on the piece as long as possible.  Repeat elements such as a graphic, font style or size. To get started, repeat elements that you're already using.
Alignment The principle of alignment tells us that every item on a page must be aligned with another item. The alignment of items creates cohesion.One way to align material is through the center. When continuous text is aligned down the center, it is difficult to read. One problem is difference in the length of lines. This is confusing because the lengths are neither exactly the same nor are they really different.
Proximity The Principle of Proximity tells you to put related items close together physically. Things that aren't related should be farther apart. The amount of separation between items or groups tells your reader how the material is organized.
References  Digg http://www.myinkblog.com/2009/03/21/4-principles-of-good-design-for-websites/ Allison McMorris http://coe.sdsu.edu/eet/Articles/designprin2/start.htm

Weitere ähnliche Inhalte

Ähnlich wie Good And Bad Design Overview

www.amazon.com and www.bn.comContrastContrast simply means diffe.pdf
www.amazon.com and www.bn.comContrastContrast simply means diffe.pdfwww.amazon.com and www.bn.comContrastContrast simply means diffe.pdf
www.amazon.com and www.bn.comContrastContrast simply means diffe.pdfapexsports101
 
Composition presentetion
Composition presentetionComposition presentetion
Composition presentetionshefali shirsat
 
Things to-consider-when-making-visual-design-arrangement
Things to-consider-when-making-visual-design-arrangementThings to-consider-when-making-visual-design-arrangement
Things to-consider-when-making-visual-design-arrangementElla Mae Hernandez
 
Design Overview
Design OverviewDesign Overview
Design OverviewSam Georgi
 
Multimedia design principles
Multimedia design principlesMultimedia design principles
Multimedia design principlesAimeePrater
 
Graphic Design (Theory & Practice)
Graphic Design (Theory & Practice) Graphic Design (Theory & Practice)
Graphic Design (Theory & Practice) wael gomaa
 
exploring the world of graphic designing
exploring the world of graphic designingexploring the world of graphic designing
exploring the world of graphic designingthecreativepearl
 
Dtp Basics And Design Rules
Dtp Basics And Design RulesDtp Basics And Design Rules
Dtp Basics And Design RulesSutinder Mann
 
Dtp Basics And Design Rules Student Version
Dtp Basics And Design Rules  Student VersionDtp Basics And Design Rules  Student Version
Dtp Basics And Design Rules Student VersionSutinder Mann
 
Graphic design principles
Graphic design principlesGraphic design principles
Graphic design principlesVictoria Rivett
 
U4 jou231 basic_designprinciples
U4 jou231 basic_designprinciplesU4 jou231 basic_designprinciples
U4 jou231 basic_designprinciplespoole7
 
User Interface that works | Sergiu Puscas | CodeWeek 2015
User Interface that works | Sergiu Puscas | CodeWeek 2015User Interface that works | Sergiu Puscas | CodeWeek 2015
User Interface that works | Sergiu Puscas | CodeWeek 2015YOPESO
 
Chapter6 pages
Chapter6 pagesChapter6 pages
Chapter6 pageskushal2792
 

Ähnlich wie Good And Bad Design Overview (20)

Graphic design slideshow
Graphic design slideshow Graphic design slideshow
Graphic design slideshow
 
www.amazon.com and www.bn.comContrastContrast simply means diffe.pdf
www.amazon.com and www.bn.comContrastContrast simply means diffe.pdfwww.amazon.com and www.bn.comContrastContrast simply means diffe.pdf
www.amazon.com and www.bn.comContrastContrast simply means diffe.pdf
 
Composition presentetion
Composition presentetionComposition presentetion
Composition presentetion
 
Things to-consider-when-making-visual-design-arrangement
Things to-consider-when-making-visual-design-arrangementThings to-consider-when-making-visual-design-arrangement
Things to-consider-when-making-visual-design-arrangement
 
Design Overview
Design OverviewDesign Overview
Design Overview
 
Multimedia design principles
Multimedia design principlesMultimedia design principles
Multimedia design principles
 
The Joshua Tree Epiphany
The Joshua Tree EpiphanyThe Joshua Tree Epiphany
The Joshua Tree Epiphany
 
Graphic Design (Theory & Practice)
Graphic Design (Theory & Practice) Graphic Design (Theory & Practice)
Graphic Design (Theory & Practice)
 
exploring the world of graphic designing
exploring the world of graphic designingexploring the world of graphic designing
exploring the world of graphic designing
 
Dtp Basics And Design Rules
Dtp Basics And Design RulesDtp Basics And Design Rules
Dtp Basics And Design Rules
 
G321 Magazine Flat Plan
G321 Magazine Flat PlanG321 Magazine Flat Plan
G321 Magazine Flat Plan
 
Dtp Basics And Design Rules Student Version
Dtp Basics And Design Rules  Student VersionDtp Basics And Design Rules  Student Version
Dtp Basics And Design Rules Student Version
 
Web design basics
Web design basicsWeb design basics
Web design basics
 
Graphic design principles
Graphic design principlesGraphic design principles
Graphic design principles
 
Principles of Design
Principles of DesignPrinciples of Design
Principles of Design
 
Web design Prasantation
Web design PrasantationWeb design Prasantation
Web design Prasantation
 
U4 jou231 basic_designprinciples
U4 jou231 basic_designprinciplesU4 jou231 basic_designprinciples
U4 jou231 basic_designprinciples
 
User Interface that works | Sergiu Puscas | CodeWeek 2015
User Interface that works | Sergiu Puscas | CodeWeek 2015User Interface that works | Sergiu Puscas | CodeWeek 2015
User Interface that works | Sergiu Puscas | CodeWeek 2015
 
Chapter6 pages
Chapter6 pagesChapter6 pages
Chapter6 pages
 
Ybc Design101 2
Ybc Design101 2Ybc Design101 2
Ybc Design101 2
 

Kürzlich hochgeladen

ADP Passwordless Journey Case Study.pptx
ADP Passwordless Journey Case Study.pptxADP Passwordless Journey Case Study.pptx
ADP Passwordless Journey Case Study.pptxFIDO Alliance
 
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...FIDO Alliance
 
UiPath manufacturing technology benefits and AI overview
UiPath manufacturing technology benefits and AI overviewUiPath manufacturing technology benefits and AI overview
UiPath manufacturing technology benefits and AI overviewDianaGray10
 
Linux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdf
Linux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdfLinux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdf
Linux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdfFIDO Alliance
 
Google I/O Extended 2024 Warsaw
Google I/O Extended 2024 WarsawGoogle I/O Extended 2024 Warsaw
Google I/O Extended 2024 WarsawGDSC PJATK
 
Design and Development of a Provenance Capture Platform for Data Science
Design and Development of a Provenance Capture Platform for Data ScienceDesign and Development of a Provenance Capture Platform for Data Science
Design and Development of a Provenance Capture Platform for Data SciencePaolo Missier
 
WebAssembly is Key to Better LLM Performance
WebAssembly is Key to Better LLM PerformanceWebAssembly is Key to Better LLM Performance
WebAssembly is Key to Better LLM PerformanceSamy Fodil
 
Introduction to FIDO Authentication and Passkeys.pptx
Introduction to FIDO Authentication and Passkeys.pptxIntroduction to FIDO Authentication and Passkeys.pptx
Introduction to FIDO Authentication and Passkeys.pptxFIDO Alliance
 
The Metaverse: Are We There Yet?
The  Metaverse:    Are   We  There  Yet?The  Metaverse:    Are   We  There  Yet?
The Metaverse: Are We There Yet?Mark Billinghurst
 
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...ScyllaDB
 
Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024Patrick Viafore
 
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdfThe Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdfFIDO Alliance
 
Long journey of Ruby Standard library at RubyKaigi 2024
Long journey of Ruby Standard library at RubyKaigi 2024Long journey of Ruby Standard library at RubyKaigi 2024
Long journey of Ruby Standard library at RubyKaigi 2024Hiroshi SHIBATA
 
ERP Contender Series: Acumatica vs. Sage Intacct
ERP Contender Series: Acumatica vs. Sage IntacctERP Contender Series: Acumatica vs. Sage Intacct
ERP Contender Series: Acumatica vs. Sage IntacctBrainSell Technologies
 
State of the Smart Building Startup Landscape 2024!
State of the Smart Building Startup Landscape 2024!State of the Smart Building Startup Landscape 2024!
State of the Smart Building Startup Landscape 2024!Memoori
 
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdfWhere to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdfFIDO Alliance
 
The Zero-ETL Approach: Enhancing Data Agility and Insight
The Zero-ETL Approach: Enhancing Data Agility and InsightThe Zero-ETL Approach: Enhancing Data Agility and Insight
The Zero-ETL Approach: Enhancing Data Agility and InsightSafe Software
 
AI mind or machine power point presentation
AI mind or machine power point presentationAI mind or machine power point presentation
AI mind or machine power point presentationyogeshlabana357357
 
How we scaled to 80K users by doing nothing!.pdf
How we scaled to 80K users by doing nothing!.pdfHow we scaled to 80K users by doing nothing!.pdf
How we scaled to 80K users by doing nothing!.pdfSrushith Repakula
 
Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...
Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...
Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...FIDO Alliance
 

Kürzlich hochgeladen (20)

ADP Passwordless Journey Case Study.pptx
ADP Passwordless Journey Case Study.pptxADP Passwordless Journey Case Study.pptx
ADP Passwordless Journey Case Study.pptx
 
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
 
UiPath manufacturing technology benefits and AI overview
UiPath manufacturing technology benefits and AI overviewUiPath manufacturing technology benefits and AI overview
UiPath manufacturing technology benefits and AI overview
 
Linux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdf
Linux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdfLinux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdf
Linux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdf
 
Google I/O Extended 2024 Warsaw
Google I/O Extended 2024 WarsawGoogle I/O Extended 2024 Warsaw
Google I/O Extended 2024 Warsaw
 
Design and Development of a Provenance Capture Platform for Data Science
Design and Development of a Provenance Capture Platform for Data ScienceDesign and Development of a Provenance Capture Platform for Data Science
Design and Development of a Provenance Capture Platform for Data Science
 
WebAssembly is Key to Better LLM Performance
WebAssembly is Key to Better LLM PerformanceWebAssembly is Key to Better LLM Performance
WebAssembly is Key to Better LLM Performance
 
Introduction to FIDO Authentication and Passkeys.pptx
Introduction to FIDO Authentication and Passkeys.pptxIntroduction to FIDO Authentication and Passkeys.pptx
Introduction to FIDO Authentication and Passkeys.pptx
 
The Metaverse: Are We There Yet?
The  Metaverse:    Are   We  There  Yet?The  Metaverse:    Are   We  There  Yet?
The Metaverse: Are We There Yet?
 
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...
 
Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024
 
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdfThe Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
 
Long journey of Ruby Standard library at RubyKaigi 2024
Long journey of Ruby Standard library at RubyKaigi 2024Long journey of Ruby Standard library at RubyKaigi 2024
Long journey of Ruby Standard library at RubyKaigi 2024
 
ERP Contender Series: Acumatica vs. Sage Intacct
ERP Contender Series: Acumatica vs. Sage IntacctERP Contender Series: Acumatica vs. Sage Intacct
ERP Contender Series: Acumatica vs. Sage Intacct
 
State of the Smart Building Startup Landscape 2024!
State of the Smart Building Startup Landscape 2024!State of the Smart Building Startup Landscape 2024!
State of the Smart Building Startup Landscape 2024!
 
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdfWhere to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
 
The Zero-ETL Approach: Enhancing Data Agility and Insight
The Zero-ETL Approach: Enhancing Data Agility and InsightThe Zero-ETL Approach: Enhancing Data Agility and Insight
The Zero-ETL Approach: Enhancing Data Agility and Insight
 
AI mind or machine power point presentation
AI mind or machine power point presentationAI mind or machine power point presentation
AI mind or machine power point presentation
 
How we scaled to 80K users by doing nothing!.pdf
How we scaled to 80K users by doing nothing!.pdfHow we scaled to 80K users by doing nothing!.pdf
How we scaled to 80K users by doing nothing!.pdf
 
Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...
Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...
Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...
 

Good And Bad Design Overview

  • 1. Good and Bad Design
  • 2. Contrast Contrast with color Contrast with images Contrast with fonts Contrast with size Contrast is one of the best ways to add visual interest to your document. Contrast draws in your reader's attention and creates a visual hierarchy. Create contrast by using type, textures, and elements like lines, boxes, or graphics, that are very different from one another. To get started, determine what you want the focus to be. Use contrast to create that focus. Remember, do as R.Williams says- "Don't be a wimp!" Robin Williams' book .
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10. Repetition Repetition, or consistency, means that you should repeat some aspect of the design throughout the entire document. Repetition acts as a visual key that ties your piece together--in other words, it unifies it. Repetition controls the reader's eye and helps you keep their attention on the piece as long as possible. Repeat elements such as a graphic, font style or size. To get started, repeat elements that you're already using.
  • 11.
  • 12.
  • 13.
  • 14. Alignment The principle of alignment tells us that every item on a page must be aligned with another item. The alignment of items creates cohesion.One way to align material is through the center. When continuous text is aligned down the center, it is difficult to read. One problem is difference in the length of lines. This is confusing because the lengths are neither exactly the same nor are they really different.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21. Proximity The Principle of Proximity tells you to put related items close together physically. Things that aren't related should be farther apart. The amount of separation between items or groups tells your reader how the material is organized.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26. References Digg http://www.myinkblog.com/2009/03/21/4-principles-of-good-design-for-websites/ Allison McMorris http://coe.sdsu.edu/eet/Articles/designprin2/start.htm