SlideShare a Scribd company logo
Design ConceptsDesign ConceptsDesign ConceptsDesign Concepts
Design ConceptsDesign Concepts
 Good design relies on theGood design relies on the
specific project:specific project:
 Purpose of the projectPurpose of the project
 Relative priority of each partRelative priority of each part
Consider…Consider…
 AudienceAudience
 Basic messageBasic message
 Best or intended formatBest or intended format
 Similarity to competitorsSimilarity to competitors
 Relationship to my otherRelationship to my other
communicationscommunications
PlanningPlanning
 Use pencil and paper firstUse pencil and paper first
AnalyzeAnalyze
 Find out what appeals to youFind out what appeals to you
 Analyze it according to designAnalyze it according to design
principlesprinciples
 Find out what annoys youFind out what annoys you
 Dissect and identify what does notDissect and identify what does not
workwork
Clip FileClip File
 Collect all types of print mediaCollect all types of print media
that appeal to youthat appeal to you
 Continuously add itemsContinuously add items
 Choose based on specific designChoose based on specific design
elements, such as use of bleedselements, such as use of bleeds
or color.or color.
 Use examples as inspirationUse examples as inspiration
Qualities of printedQualities of printed
documentsdocuments
 RelevanceRelevance
 ProportionProportion
 DirectionDirection
 ConsistencyConsistency
 ContrastContrast
 The “total picture”The “total picture”
 RestraintRestraint
 Attention to detailAttention to detail
RelevanceRelevance
 Each element helps the readerEach element helps the reader
“get the message”“get the message”
 Watch out for software bells andWatch out for software bells and
whistles—whistles—
 ClarityClarity
 OrganizationOrganization
 SimplicitySimplicity
ProportionProportion
 SizeSize doesdoes matter in dtpmatter in dtp
 Importance determines sizeImportance determines size
 Relative importance determinesRelative importance determines
size and spacesize and space
 Include white space and adjacentInclude white space and adjacent
elements when determining sizeelements when determining size
 Use the same concept whenUse the same concept when
choosing rule thicknesschoosing rule thickness
 Crop photos, resize to fit importanceCrop photos, resize to fit importance
DirectionDirection
 Guide the reader’s eye logicallyGuide the reader’s eye logically
through your publication…through your publication…
ConsistencyConsistency
 Be consistent from page to pageBe consistent from page to page
 Text – typeface, size, subheads…Text – typeface, size, subheads…
 Paragraph indents, white spaceParagraph indents, white space
between columns, marginsbetween columns, margins
 Graphic elements –borders, lines,Graphic elements –borders, lines,
columnscolumns
ContrastContrast
 Compare dark areas and lighterCompare dark areas and lighter
areasareas
 Higher impact – more contrastHigher impact – more contrast
 Definite light and dark areasDefinite light and dark areas
 Lots of white space and illustrationsLots of white space and illustrations
 Text-rich – low in contrastText-rich – low in contrast
 Formal reportsFormal reports
 Press releasesPress releases
The “total picture”The “total picture”
 Consider delivery environmentConsider delivery environment
 News ad surrounded byNews ad surrounded by
stories/articles and other adsstories/articles and other ads
 Brochure on rack or tableBrochure on rack or table
 Flyer sitting in the mailboxFlyer sitting in the mailbox
RestraintRestraint
 Strive for simplicityStrive for simplicity
 Too much gimmickry looksToo much gimmickry looks
clutteredcluttered
 Everything emphasized is nothingEverything emphasized is nothing
standing outstanding out
 Choose typefaces, styles, andChoose typefaces, styles, and
sizes to fit the message—keep tosizes to fit the message—keep to
a fewa few
Attention to DetailAttention to Detail
 One offending detail ruins theOne offending detail ruins the
appearance – and effectivenessappearance – and effectiveness
 Rivers of white space within largeRivers of white space within large
blocks of textblocks of text
 Widows and OrphansWidows and Orphans
 Proofreading spelling andProofreading spelling and
grammargrammar
Other Common PitfallsOther Common Pitfalls
 Trapped white spaceTrapped white space
 Too small column guttersToo small column gutters
 Headlines too smallHeadlines too small
 Borders too close to textBorders too close to text
 Jumping HorizonsJumping Horizons
 Too much detail on chartsToo much detail on charts
 Isolated heads, subheadsIsolated heads, subheads
More PitfallsMore Pitfalls
 Floating subheadsFloating subheads
 Overused boxes and rulesOverused boxes and rules
 Unusually shaped text blocksUnusually shaped text blocks
 Too little contrast between typefacesToo little contrast between typefaces
 Overuse of rotated typeOveruse of rotated type
 UnderliningUnderlining
 Unequal spacingUnequal spacing
 Too much grayToo much gray
Still more PitfallsStill more Pitfalls
 Too many hyphensToo many hyphens
 Cramped logos/addressesCramped logos/addresses
 Visuals too similarVisuals too similar
 Too many typefacesToo many typefaces
 Misaligned elements across pagesMisaligned elements across pages
 Overuse of special effects, gimmicksOveruse of special effects, gimmicks
 ShoehorningShoehorning

More Related Content

PPTX
Effective Poster Presentations
PPTX
preparing scientific poster
PPTX
A small presentation about academic poster making!
PDF
Poster presentation
PPT
Power point 2003 design principles v2009
PDF
Design fundamentals 2
PDF
EFACMSCSL, India: Engineering Students (Final Year)...
PDF
Effective Poster Presentations
preparing scientific poster
A small presentation about academic poster making!
Poster presentation
Power point 2003 design principles v2009
Design fundamentals 2
EFACMSCSL, India: Engineering Students (Final Year)...

Viewers also liked (20)

PDF
Architectural Portfolio 25 Page compressed
PPTX
Affordable Housing
PPTX
Interior Design Portfolio
PPTX
Different Types of Ceiling Designs
PPTX
Partitions and finishes-slideshare
PPTX
Architectural Design Concept
PPTX
Partition walls
PPTX
Building finishes
PPT
Partition walls
PPSX
False ceiling 6th sem
PPTX
Wall finishes
PPS
Detailing : Interior Wall Assemblies
PPT
Building materials and construction technlogoy- FALSE CEILING & FLOORING
PPTX
False ceiling
PPTX
FALSE CEILING
PPTX
flooring and its types
PPT
Topic 9 finishes
PPTX
Flooring
Architectural Portfolio 25 Page compressed
Affordable Housing
Interior Design Portfolio
Different Types of Ceiling Designs
Partitions and finishes-slideshare
Architectural Design Concept
Partition walls
Building finishes
Partition walls
False ceiling 6th sem
Wall finishes
Detailing : Interior Wall Assemblies
Building materials and construction technlogoy- FALSE CEILING & FLOORING
False ceiling
FALSE CEILING
flooring and its types
Topic 9 finishes
Flooring
Ad

Similar to Design concepts (20)

PPT
Design Principles
PDF
Fundamentals of Effective Graphic Design
ODP
Design2010
PDF
What is good design
PPTX
Basic concept of Graphic Design
PDF
Report Design Checklist
PPTX
Information Design for Technical Communicators: Scratching the Surface
PDF
Habits of Effective Designers - Handout
PDF
Habits of Effective Designers
PPTX
Week 202 design skills
PPT
Id scratching oestreich02102015_final
PDF
Print design checklist landscape view
PPT
Design & Usability Basics
PPT
Dtp Basics And Design Rules Student Version
PPT
Dtp Basics And Design Rules
PPT
Designing The Document
PPT
Ybc Design101 2
PPT
Ybc Design101
PPTX
Visual Design (flyer edition)
PDF
Fundamental graphic design by rayn howayek
Design Principles
Fundamentals of Effective Graphic Design
Design2010
What is good design
Basic concept of Graphic Design
Report Design Checklist
Information Design for Technical Communicators: Scratching the Surface
Habits of Effective Designers - Handout
Habits of Effective Designers
Week 202 design skills
Id scratching oestreich02102015_final
Print design checklist landscape view
Design & Usability Basics
Dtp Basics And Design Rules Student Version
Dtp Basics And Design Rules
Designing The Document
Ybc Design101 2
Ybc Design101
Visual Design (flyer edition)
Fundamental graphic design by rayn howayek
Ad

More from Marrie Angela Santiago (12)

PPT
PPT
Multiculturalism
PPTX
Political Authority
PDF
Scheler's Phenomenology of Love by Manuel Dy
PPTX
ph Executive - fiscal's
PPTX
PPTX
PH Legislative - Fiscal's
PPTX
PH Legislative
PPTX
PDF
Assignment RE 5
Multiculturalism
Political Authority
Scheler's Phenomenology of Love by Manuel Dy
ph Executive - fiscal's
PH Legislative - Fiscal's
PH Legislative
Assignment RE 5

Recently uploaded (20)

PDF
GSH-Vicky1-Complete-Plans on Housing.pdf
PPTX
Acoustics new a better way to learn sound science
PPTX
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
PDF
The Basics of Presentation Design eBook by VerdanaBold
PPTX
22CDH01-V3-UNIT-I INTRODUCITON TO EXTENDED REALITY
PPT
Fire_electrical_safety community 08.ppt
PPTX
PROPOSAL tentang PLN di metode pelaksanaan.pptx
PPT
EthicsNotesSTUDENTCOPYfghhnmncssssx sjsjsj
PPTX
Presentation.pptx anemia in pregnancy in
PPTX
URBAN FINANCEnhynhynnnytnynnnynynyynynynyn
PDF
analisis snsistem etnga ahrfahfffffffffffffffffffff
PDF
321 LIBRARY DESIGN.pdf43354445t6556t5656
PDF
Social Media USAGE .............................................................
PPTX
ENG4-Q2-W5-PPT (1).pptx nhdedhhehejjedheh
PPTX
timber basics in structure mechanics (dos)
PDF
How Animation is Used by Sports Teams and Leagues
PPT
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
PPTX
Necrosgwjskdnbsjdmdndmkdndndnmdndndkdmdndkdkndmdmis.pptx
PDF
Architecture Design Portfolio- VICTOR OKUTU
PPTX
Evolution_of_Computing_Presentation (1).pptx
GSH-Vicky1-Complete-Plans on Housing.pdf
Acoustics new a better way to learn sound science
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
The Basics of Presentation Design eBook by VerdanaBold
22CDH01-V3-UNIT-I INTRODUCITON TO EXTENDED REALITY
Fire_electrical_safety community 08.ppt
PROPOSAL tentang PLN di metode pelaksanaan.pptx
EthicsNotesSTUDENTCOPYfghhnmncssssx sjsjsj
Presentation.pptx anemia in pregnancy in
URBAN FINANCEnhynhynnnytnynnnynynyynynynyn
analisis snsistem etnga ahrfahfffffffffffffffffffff
321 LIBRARY DESIGN.pdf43354445t6556t5656
Social Media USAGE .............................................................
ENG4-Q2-W5-PPT (1).pptx nhdedhhehejjedheh
timber basics in structure mechanics (dos)
How Animation is Used by Sports Teams and Leagues
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
Necrosgwjskdnbsjdmdndmkdndndnmdndndkdmdndkdkndmdmis.pptx
Architecture Design Portfolio- VICTOR OKUTU
Evolution_of_Computing_Presentation (1).pptx

Design concepts

  • 1. Design ConceptsDesign ConceptsDesign ConceptsDesign Concepts
  • 2. Design ConceptsDesign Concepts  Good design relies on theGood design relies on the specific project:specific project:  Purpose of the projectPurpose of the project  Relative priority of each partRelative priority of each part
  • 3. Consider…Consider…  AudienceAudience  Basic messageBasic message  Best or intended formatBest or intended format  Similarity to competitorsSimilarity to competitors  Relationship to my otherRelationship to my other communicationscommunications
  • 4. PlanningPlanning  Use pencil and paper firstUse pencil and paper first
  • 5. AnalyzeAnalyze  Find out what appeals to youFind out what appeals to you  Analyze it according to designAnalyze it according to design principlesprinciples  Find out what annoys youFind out what annoys you  Dissect and identify what does notDissect and identify what does not workwork
  • 6. Clip FileClip File  Collect all types of print mediaCollect all types of print media that appeal to youthat appeal to you  Continuously add itemsContinuously add items  Choose based on specific designChoose based on specific design elements, such as use of bleedselements, such as use of bleeds or color.or color.  Use examples as inspirationUse examples as inspiration
  • 7. Qualities of printedQualities of printed documentsdocuments  RelevanceRelevance  ProportionProportion  DirectionDirection  ConsistencyConsistency  ContrastContrast  The “total picture”The “total picture”  RestraintRestraint  Attention to detailAttention to detail
  • 8. RelevanceRelevance  Each element helps the readerEach element helps the reader “get the message”“get the message”  Watch out for software bells andWatch out for software bells and whistles—whistles—  ClarityClarity  OrganizationOrganization  SimplicitySimplicity
  • 9. ProportionProportion  SizeSize doesdoes matter in dtpmatter in dtp  Importance determines sizeImportance determines size  Relative importance determinesRelative importance determines size and spacesize and space  Include white space and adjacentInclude white space and adjacent elements when determining sizeelements when determining size  Use the same concept whenUse the same concept when choosing rule thicknesschoosing rule thickness  Crop photos, resize to fit importanceCrop photos, resize to fit importance
  • 10. DirectionDirection  Guide the reader’s eye logicallyGuide the reader’s eye logically through your publication…through your publication…
  • 11. ConsistencyConsistency  Be consistent from page to pageBe consistent from page to page  Text – typeface, size, subheads…Text – typeface, size, subheads…  Paragraph indents, white spaceParagraph indents, white space between columns, marginsbetween columns, margins  Graphic elements –borders, lines,Graphic elements –borders, lines, columnscolumns
  • 12. ContrastContrast  Compare dark areas and lighterCompare dark areas and lighter areasareas  Higher impact – more contrastHigher impact – more contrast  Definite light and dark areasDefinite light and dark areas  Lots of white space and illustrationsLots of white space and illustrations  Text-rich – low in contrastText-rich – low in contrast  Formal reportsFormal reports  Press releasesPress releases
  • 13. The “total picture”The “total picture”  Consider delivery environmentConsider delivery environment  News ad surrounded byNews ad surrounded by stories/articles and other adsstories/articles and other ads  Brochure on rack or tableBrochure on rack or table  Flyer sitting in the mailboxFlyer sitting in the mailbox
  • 14. RestraintRestraint  Strive for simplicityStrive for simplicity  Too much gimmickry looksToo much gimmickry looks clutteredcluttered  Everything emphasized is nothingEverything emphasized is nothing standing outstanding out  Choose typefaces, styles, andChoose typefaces, styles, and sizes to fit the message—keep tosizes to fit the message—keep to a fewa few
  • 15. Attention to DetailAttention to Detail  One offending detail ruins theOne offending detail ruins the appearance – and effectivenessappearance – and effectiveness  Rivers of white space within largeRivers of white space within large blocks of textblocks of text  Widows and OrphansWidows and Orphans  Proofreading spelling andProofreading spelling and grammargrammar
  • 16. Other Common PitfallsOther Common Pitfalls  Trapped white spaceTrapped white space  Too small column guttersToo small column gutters  Headlines too smallHeadlines too small  Borders too close to textBorders too close to text  Jumping HorizonsJumping Horizons  Too much detail on chartsToo much detail on charts  Isolated heads, subheadsIsolated heads, subheads
  • 17. More PitfallsMore Pitfalls  Floating subheadsFloating subheads  Overused boxes and rulesOverused boxes and rules  Unusually shaped text blocksUnusually shaped text blocks  Too little contrast between typefacesToo little contrast between typefaces  Overuse of rotated typeOveruse of rotated type  UnderliningUnderlining  Unequal spacingUnequal spacing  Too much grayToo much gray
  • 18. Still more PitfallsStill more Pitfalls  Too many hyphensToo many hyphens  Cramped logos/addressesCramped logos/addresses  Visuals too similarVisuals too similar  Too many typefacesToo many typefaces  Misaligned elements across pagesMisaligned elements across pages  Overuse of special effects, gimmicksOveruse of special effects, gimmicks  ShoehorningShoehorning

Editor's Notes

  • #5: Tendency to allot space based on original sizes instead of resizing to fit your priorities. It’s much slower—your spend too much time with software detail before being sure basic ideas are good. Remember, DTP software is a tool. Tutorials will emphasize elements that the software does especially well. There’s always a way to implement a good design.
  • #9: It’s not what I can do, but what I should do. Great graphics with no relevance become distractors.
  • #11: “Graphic design is a road map that steers them from point to point.” --roger C. Parker and Patrick Berry
  • #12: Tough – consistency without sacrificing variety. Can’t be too predictable without losing readers to boredom.
  • #13: Turn the publication upside down so your eyes are “misled” by the tendency to read the text.
  • #16: Rivers…double spacing after periods, column justifying
  • #17: -Holes in middle of pages between articles, etc Start each column at about the same place across the page
  • #18: Subheads should be close to text they introduce, not isolated equally between stories Gray – text heavy pages are seldom read
  • #19: Visuals-no hierarchy Shoehorning – jam packed information into smallest amount of space