際際滷

際際滷Share a Scribd company logo
Graphic Design Process JMA 505 Jeff Taylor
By the end of this lesson, you will be able to Describe and apply the graphic design principles of: Repetition Contrast
Graphic Design Overarching Principle #3  Repetition
Repetition What if Stop signs came in  pink  squares,  yellow  circles, or  green  triangles, depending on the changing whims of a town and a few of its residents?   STOP STOP STOP Repeating design elements and consistent use of type and graphics styles within a document shows a reader where to go and helps them navigate your designs and layouts safely.
Repetition Repeating design elements and consistent use of type and graphics styles shows people where to go and helps them to navigate your designs and layouts safely.
Repetition The principle states that you repeat some aspect of the design throughout the entire piece.   The repetitive element may be a  bold  font, a  thick rule (line) , a certain bullet, color, design element, particular format, spatial relationships, etc.   Anything that the reader can visually recognize Think of repetition as  consistency
Repetition The basic purpose of repetition is to unify and to add visual interest
Repetition- How to Get it? Repetition is like accenting your clothes.  If a lady is wearing a red dress, she may wear red lipstick, red heels, and a red pin on her dress to accent it.  That is what repetition should do for your graphic design.
Repetition- What to Avoid Just  do not repeat  the same elements so much that it becomes annoying .   Just  do not repeat  the same elements so much that it becomes annoying . Just  do not repeat  the same elements so much that it becomes annoying . Just  do not repeat  the same elements so much that it becomes annoying .
Repetition Review the graphic to the left.  What could we  repeat  to reinforce the message?
Repetition Within this "Repetition" example, the headline is repeated  three  times using graphics that tie in with the copy in the text blocks.  The repetition of the colors in the shapes and headline text that are in the copy help to reinforce the theme. Overlapping the graphic and text elements unifies the elements of the design.
Graphic Design Overarching Principle #4  Contrast
Contrast On the basketball court, professional players do not appear that tall when standing next to each other
Contrast But when a tall basketball player goes for a stroll down a city street,  something becomes apparent Thats contrast!
Contrast In design,  big and small elements,  black and white text,  squares and circles, can all create contrast in design.
Contrast One of the most effective ways to add visual interest to your page A striking interest, make it  strong Contrast is created when two elements are  different.   If two items are not exactly the same, then make them different  Really   different
Contrast The Basic Purpose  is two fold: to create an interest on the page to add organization to the information
Contrast How to get it: Add contrast to your typeface choices, line thickness, colors, shapes, sizes, space, etc.
Contrast What to avoid: Dont be afraid Make items bold and completely different (not brown color next to black text)
Contrast There's isn't enough contrast between the headline and text due, in part, to size - but also because the two different serif faces used are too similar.
Contrast The oversized graphic provides real contrast and reinforces the copy (tall basketball players).  Dropping the text down to the bottom portion of the page also reinforces the 'towering' aspect of the graphic.  The reversed text in the blue box, the blue border, and the drop cap carries through the overall unifying elements found throughout the series.  Additionally, the round shape of the drop cap and its color echo the shape and color of the basketball in the graphic.  The drop cap and the reversed text on the left side plus the left-aligned text help to balance the large graphic element.
In conclusion Repetition unifies your design while adding visual interest Contrast can organize your design and can make it stand out

More Related Content

Similar to Repetition And Contrast (20)

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
Sutinder Mann
Introduction to Graphic Design.pdf
Introduction to Graphic Design.pdfIntroduction to Graphic Design.pdf
Introduction to Graphic Design.pdf
DigzignDigzign
Digital graphics pro forma alan smith
Digital graphics pro forma alan smithDigital graphics pro forma alan smith
Digital graphics pro forma alan smith
AlanSmith96
Digital Graphics Pro forma -Alan Smith
Digital Graphics Pro forma -Alan SmithDigital Graphics Pro forma -Alan Smith
Digital Graphics Pro forma -Alan Smith
AlanSmith96
Print Ads
Print AdsPrint Ads
Print Ads
John Grace
Principles and elements of design
Principles and elements of designPrinciples and elements of design
Principles and elements of design
smizener
Design Process
Design Process Design Process
Design Process
Tamara Mitchell
Visual Design
Visual DesignVisual Design
Visual Design
Briana VanBuskirk
ENGL 2950 Peer Review for BrochureFlyer Assignment Brochure.docx
ENGL 2950 Peer Review for BrochureFlyer Assignment Brochure.docxENGL 2950 Peer Review for BrochureFlyer Assignment Brochure.docx
ENGL 2950 Peer Review for BrochureFlyer Assignment Brochure.docx
YASHU40
Presentation Board Layout
Presentation Board Layout Presentation Board Layout
Presentation Board Layout
NYCCTfab
Basic Principles Of Graphics and Layout
Basic Principles Of Graphics and LayoutBasic Principles Of Graphics and Layout
Basic Principles Of Graphics and Layout
Deoky5799
Designing Visuals for Instruction
Designing Visuals for InstructionDesigning Visuals for Instruction
Designing Visuals for Instruction
Mhelane Herebesi
Design Overview
Design OverviewDesign Overview
Design Overview
Sam Georgi
SPPTChap0003.pptx/Business Communication
SPPTChap0003.pptx/Business CommunicationSPPTChap0003.pptx/Business Communication
SPPTChap0003.pptx/Business Communication
SrikantKapoor1
Guide To (Editorial) Layouts And DoublePage Spreads
Guide To (Editorial) Layouts And DoublePage SpreadsGuide To (Editorial) Layouts And DoublePage Spreads
Guide To (Editorial) Layouts And DoublePage Spreads
EleanorJayne Browne
Living-in-IT-era-Module-7-Imaging-and-Design-for-Social-Impact.pptx
Living-in-IT-era-Module-7-Imaging-and-Design-for-Social-Impact.pptxLiving-in-IT-era-Module-7-Imaging-and-Design-for-Social-Impact.pptx
Living-in-IT-era-Module-7-Imaging-and-Design-for-Social-Impact.pptx
TristanJasperRamos
Design portfolio waugh
Design portfolio waughDesign portfolio waugh
Design portfolio waugh
patricktwaugh
Graphic Design (Theory & Practice)
Graphic Design (Theory & Practice) Graphic Design (Theory & Practice)
Graphic Design (Theory & Practice)
wael gomaa
Final competency projects_josh beames
Final competency projects_josh beamesFinal competency projects_josh beames
Final competency projects_josh beames
Lily Yang
Digital graphics pro forma alan smith
Digital graphics pro forma alan smithDigital graphics pro forma alan smith
Digital graphics pro forma alan smith
AlanSmith96
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
Sutinder Mann
Introduction to Graphic Design.pdf
Introduction to Graphic Design.pdfIntroduction to Graphic Design.pdf
Introduction to Graphic Design.pdf
DigzignDigzign
Digital graphics pro forma alan smith
Digital graphics pro forma alan smithDigital graphics pro forma alan smith
Digital graphics pro forma alan smith
AlanSmith96
Digital Graphics Pro forma -Alan Smith
Digital Graphics Pro forma -Alan SmithDigital Graphics Pro forma -Alan Smith
Digital Graphics Pro forma -Alan Smith
AlanSmith96
Principles and elements of design
Principles and elements of designPrinciples and elements of design
Principles and elements of design
smizener
ENGL 2950 Peer Review for BrochureFlyer Assignment Brochure.docx
ENGL 2950 Peer Review for BrochureFlyer Assignment Brochure.docxENGL 2950 Peer Review for BrochureFlyer Assignment Brochure.docx
ENGL 2950 Peer Review for BrochureFlyer Assignment Brochure.docx
YASHU40
Presentation Board Layout
Presentation Board Layout Presentation Board Layout
Presentation Board Layout
NYCCTfab
Basic Principles Of Graphics and Layout
Basic Principles Of Graphics and LayoutBasic Principles Of Graphics and Layout
Basic Principles Of Graphics and Layout
Deoky5799
Designing Visuals for Instruction
Designing Visuals for InstructionDesigning Visuals for Instruction
Designing Visuals for Instruction
Mhelane Herebesi
Design Overview
Design OverviewDesign Overview
Design Overview
Sam Georgi
SPPTChap0003.pptx/Business Communication
SPPTChap0003.pptx/Business CommunicationSPPTChap0003.pptx/Business Communication
SPPTChap0003.pptx/Business Communication
SrikantKapoor1
Guide To (Editorial) Layouts And DoublePage Spreads
Guide To (Editorial) Layouts And DoublePage SpreadsGuide To (Editorial) Layouts And DoublePage Spreads
Guide To (Editorial) Layouts And DoublePage Spreads
EleanorJayne Browne
Living-in-IT-era-Module-7-Imaging-and-Design-for-Social-Impact.pptx
Living-in-IT-era-Module-7-Imaging-and-Design-for-Social-Impact.pptxLiving-in-IT-era-Module-7-Imaging-and-Design-for-Social-Impact.pptx
Living-in-IT-era-Module-7-Imaging-and-Design-for-Social-Impact.pptx
TristanJasperRamos
Design portfolio waugh
Design portfolio waughDesign portfolio waugh
Design portfolio waugh
patricktwaugh
Graphic Design (Theory & Practice)
Graphic Design (Theory & Practice) Graphic Design (Theory & Practice)
Graphic Design (Theory & Practice)
wael gomaa
Final competency projects_josh beames
Final competency projects_josh beamesFinal competency projects_josh beames
Final competency projects_josh beames
Lily Yang
Digital graphics pro forma alan smith
Digital graphics pro forma alan smithDigital graphics pro forma alan smith
Digital graphics pro forma alan smith
AlanSmith96

Recently uploaded (20)

Blind Spots in AI and Formulation Science Knowledge Pyramid (Updated Perspect...
Blind Spots in AI and Formulation Science Knowledge Pyramid (Updated Perspect...Blind Spots in AI and Formulation Science Knowledge Pyramid (Updated Perspect...
Blind Spots in AI and Formulation Science Knowledge Pyramid (Updated Perspect...
Ajaz Hussain
Useful environment methods in Odoo 18 - Odoo 際際滷s
Useful environment methods in Odoo 18 - Odoo 際際滷sUseful environment methods in Odoo 18 - Odoo 際際滷s
Useful environment methods in Odoo 18 - Odoo 際際滷s
Celine George
APM People Interest Network Conference - Oliver Randall & David Bovis - Own Y...
APM People Interest Network Conference - Oliver Randall & David Bovis - Own Y...APM People Interest Network Conference - Oliver Randall & David Bovis - Own Y...
APM People Interest Network Conference - Oliver Randall & David Bovis - Own Y...
Association for Project Management
Year 10 The Senior Phase Session 3 Term 1.pptx
Year 10 The Senior Phase Session 3 Term 1.pptxYear 10 The Senior Phase Session 3 Term 1.pptx
Year 10 The Senior Phase Session 3 Term 1.pptx
mansk2
Adventure Activities Final By H R Gohil Sir
Adventure Activities Final By H R Gohil SirAdventure Activities Final By H R Gohil Sir
Adventure Activities Final By H R Gohil Sir
GUJARATCOMMERCECOLLE
Reordering Rules in Odoo 17 Inventory - Odoo 際際滷s
Reordering Rules in Odoo 17 Inventory - Odoo 際際滷sReordering Rules in Odoo 17 Inventory - Odoo 際際滷s
Reordering Rules in Odoo 17 Inventory - Odoo 際際滷s
Celine George
Kaun TALHA quiz Finals -- El Dorado 2025
Kaun TALHA quiz Finals -- El Dorado 2025Kaun TALHA quiz Finals -- El Dorado 2025
Kaun TALHA quiz Finals -- El Dorado 2025
Conquiztadors- the Quiz Society of Sri Venkateswara College
TLE 7 - 2nd Topic - Codes and Standards in Industrial Arts Services.pptx
TLE 7 - 2nd Topic - Codes and Standards in Industrial Arts Services.pptxTLE 7 - 2nd Topic - Codes and Standards in Industrial Arts Services.pptx
TLE 7 - 2nd Topic - Codes and Standards in Industrial Arts Services.pptx
RizaBedayo
PUBH1000 Module 3: Public Health Systems
PUBH1000 Module 3: Public Health SystemsPUBH1000 Module 3: Public Health Systems
PUBH1000 Module 3: Public Health Systems
Jonathan Hallett
Principle and Practices of Animal Breeding || Boby Basnet
Principle and Practices of Animal Breeding || Boby BasnetPrinciple and Practices of Animal Breeding || Boby Basnet
Principle and Practices of Animal Breeding || Boby Basnet
Boby Basnet
Digital Tools with AI for e-Content Development.pptx
Digital Tools with AI for e-Content Development.pptxDigital Tools with AI for e-Content Development.pptx
Digital Tools with AI for e-Content Development.pptx
Dr. Sarita Anand
Rass MELAI : an Internet MELA Quiz Finals - El Dorado 2025
Rass MELAI : an Internet MELA Quiz Finals - El Dorado 2025Rass MELAI : an Internet MELA Quiz Finals - El Dorado 2025
Rass MELAI : an Internet MELA Quiz Finals - El Dorado 2025
Conquiztadors- the Quiz Society of Sri Venkateswara College
Computer Application in Business (commerce)
Computer Application in Business (commerce)Computer Application in Business (commerce)
Computer Application in Business (commerce)
Sudar Sudar
Research & Research Methods: Basic Concepts and Types.pptx
Research & Research Methods: Basic Concepts and Types.pptxResearch & Research Methods: Basic Concepts and Types.pptx
Research & Research Methods: Basic Concepts and Types.pptx
Dr. Sarita Anand
English 4 Quarter 4 Week 4 Classroom Obs
English 4 Quarter 4 Week 4 Classroom ObsEnglish 4 Quarter 4 Week 4 Classroom Obs
English 4 Quarter 4 Week 4 Classroom Obs
NerissaMendez1
The basics of sentences session 6pptx.pptx
The basics of sentences session 6pptx.pptxThe basics of sentences session 6pptx.pptx
The basics of sentences session 6pptx.pptx
heathfieldcps1
Mate, a short story by Kate Grenvile.pptx
Mate, a short story by Kate Grenvile.pptxMate, a short story by Kate Grenvile.pptx
Mate, a short story by Kate Grenvile.pptx
Liny Jenifer
TLE 7 - 3rd Topic - Hand Tools, Power Tools, Instruments, and Equipment Used ...
TLE 7 - 3rd Topic - Hand Tools, Power Tools, Instruments, and Equipment Used ...TLE 7 - 3rd Topic - Hand Tools, Power Tools, Instruments, and Equipment Used ...
TLE 7 - 3rd Topic - Hand Tools, Power Tools, Instruments, and Equipment Used ...
RizaBedayo
TPR Data strategy 2025 (1).pdf Data strategy
TPR Data strategy 2025 (1).pdf Data strategyTPR Data strategy 2025 (1).pdf Data strategy
TPR Data strategy 2025 (1).pdf Data strategy
Henry Tapper
A PPT Presentation on The Princess and the God: A tale of ancient India by A...
A PPT Presentation on The Princess and the God: A tale of ancient India  by A...A PPT Presentation on The Princess and the God: A tale of ancient India  by A...
A PPT Presentation on The Princess and the God: A tale of ancient India by A...
Beena E S
Blind Spots in AI and Formulation Science Knowledge Pyramid (Updated Perspect...
Blind Spots in AI and Formulation Science Knowledge Pyramid (Updated Perspect...Blind Spots in AI and Formulation Science Knowledge Pyramid (Updated Perspect...
Blind Spots in AI and Formulation Science Knowledge Pyramid (Updated Perspect...
Ajaz Hussain
Useful environment methods in Odoo 18 - Odoo 際際滷s
Useful environment methods in Odoo 18 - Odoo 際際滷sUseful environment methods in Odoo 18 - Odoo 際際滷s
Useful environment methods in Odoo 18 - Odoo 際際滷s
Celine George
APM People Interest Network Conference - Oliver Randall & David Bovis - Own Y...
APM People Interest Network Conference - Oliver Randall & David Bovis - Own Y...APM People Interest Network Conference - Oliver Randall & David Bovis - Own Y...
APM People Interest Network Conference - Oliver Randall & David Bovis - Own Y...
Association for Project Management
Year 10 The Senior Phase Session 3 Term 1.pptx
Year 10 The Senior Phase Session 3 Term 1.pptxYear 10 The Senior Phase Session 3 Term 1.pptx
Year 10 The Senior Phase Session 3 Term 1.pptx
mansk2
Adventure Activities Final By H R Gohil Sir
Adventure Activities Final By H R Gohil SirAdventure Activities Final By H R Gohil Sir
Adventure Activities Final By H R Gohil Sir
GUJARATCOMMERCECOLLE
Reordering Rules in Odoo 17 Inventory - Odoo 際際滷s
Reordering Rules in Odoo 17 Inventory - Odoo 際際滷sReordering Rules in Odoo 17 Inventory - Odoo 際際滷s
Reordering Rules in Odoo 17 Inventory - Odoo 際際滷s
Celine George
TLE 7 - 2nd Topic - Codes and Standards in Industrial Arts Services.pptx
TLE 7 - 2nd Topic - Codes and Standards in Industrial Arts Services.pptxTLE 7 - 2nd Topic - Codes and Standards in Industrial Arts Services.pptx
TLE 7 - 2nd Topic - Codes and Standards in Industrial Arts Services.pptx
RizaBedayo
PUBH1000 Module 3: Public Health Systems
PUBH1000 Module 3: Public Health SystemsPUBH1000 Module 3: Public Health Systems
PUBH1000 Module 3: Public Health Systems
Jonathan Hallett
Principle and Practices of Animal Breeding || Boby Basnet
Principle and Practices of Animal Breeding || Boby BasnetPrinciple and Practices of Animal Breeding || Boby Basnet
Principle and Practices of Animal Breeding || Boby Basnet
Boby Basnet
Digital Tools with AI for e-Content Development.pptx
Digital Tools with AI for e-Content Development.pptxDigital Tools with AI for e-Content Development.pptx
Digital Tools with AI for e-Content Development.pptx
Dr. Sarita Anand
Computer Application in Business (commerce)
Computer Application in Business (commerce)Computer Application in Business (commerce)
Computer Application in Business (commerce)
Sudar Sudar
Research & Research Methods: Basic Concepts and Types.pptx
Research & Research Methods: Basic Concepts and Types.pptxResearch & Research Methods: Basic Concepts and Types.pptx
Research & Research Methods: Basic Concepts and Types.pptx
Dr. Sarita Anand
English 4 Quarter 4 Week 4 Classroom Obs
English 4 Quarter 4 Week 4 Classroom ObsEnglish 4 Quarter 4 Week 4 Classroom Obs
English 4 Quarter 4 Week 4 Classroom Obs
NerissaMendez1
The basics of sentences session 6pptx.pptx
The basics of sentences session 6pptx.pptxThe basics of sentences session 6pptx.pptx
The basics of sentences session 6pptx.pptx
heathfieldcps1
Mate, a short story by Kate Grenvile.pptx
Mate, a short story by Kate Grenvile.pptxMate, a short story by Kate Grenvile.pptx
Mate, a short story by Kate Grenvile.pptx
Liny Jenifer
TLE 7 - 3rd Topic - Hand Tools, Power Tools, Instruments, and Equipment Used ...
TLE 7 - 3rd Topic - Hand Tools, Power Tools, Instruments, and Equipment Used ...TLE 7 - 3rd Topic - Hand Tools, Power Tools, Instruments, and Equipment Used ...
TLE 7 - 3rd Topic - Hand Tools, Power Tools, Instruments, and Equipment Used ...
RizaBedayo
TPR Data strategy 2025 (1).pdf Data strategy
TPR Data strategy 2025 (1).pdf Data strategyTPR Data strategy 2025 (1).pdf Data strategy
TPR Data strategy 2025 (1).pdf Data strategy
Henry Tapper
A PPT Presentation on The Princess and the God: A tale of ancient India by A...
A PPT Presentation on The Princess and the God: A tale of ancient India  by A...A PPT Presentation on The Princess and the God: A tale of ancient India  by A...
A PPT Presentation on The Princess and the God: A tale of ancient India by A...
Beena E S

Repetition And Contrast

  • 1. Graphic Design Process JMA 505 Jeff Taylor
  • 2. By the end of this lesson, you will be able to Describe and apply the graphic design principles of: Repetition Contrast
  • 3. Graphic Design Overarching Principle #3 Repetition
  • 4. Repetition What if Stop signs came in pink squares, yellow circles, or green triangles, depending on the changing whims of a town and a few of its residents? STOP STOP STOP Repeating design elements and consistent use of type and graphics styles within a document shows a reader where to go and helps them navigate your designs and layouts safely.
  • 5. Repetition Repeating design elements and consistent use of type and graphics styles shows people where to go and helps them to navigate your designs and layouts safely.
  • 6. Repetition The principle states that you repeat some aspect of the design throughout the entire piece. The repetitive element may be a bold font, a thick rule (line) , a certain bullet, color, design element, particular format, spatial relationships, etc. Anything that the reader can visually recognize Think of repetition as consistency
  • 7. Repetition The basic purpose of repetition is to unify and to add visual interest
  • 8. Repetition- How to Get it? Repetition is like accenting your clothes. If a lady is wearing a red dress, she may wear red lipstick, red heels, and a red pin on her dress to accent it. That is what repetition should do for your graphic design.
  • 9. Repetition- What to Avoid Just do not repeat the same elements so much that it becomes annoying . Just do not repeat the same elements so much that it becomes annoying . Just do not repeat the same elements so much that it becomes annoying . Just do not repeat the same elements so much that it becomes annoying .
  • 10. Repetition Review the graphic to the left. What could we repeat to reinforce the message?
  • 11. Repetition Within this "Repetition" example, the headline is repeated three times using graphics that tie in with the copy in the text blocks. The repetition of the colors in the shapes and headline text that are in the copy help to reinforce the theme. Overlapping the graphic and text elements unifies the elements of the design.
  • 12. Graphic Design Overarching Principle #4 Contrast
  • 13. Contrast On the basketball court, professional players do not appear that tall when standing next to each other
  • 14. Contrast But when a tall basketball player goes for a stroll down a city street, something becomes apparent Thats contrast!
  • 15. Contrast In design, big and small elements, black and white text, squares and circles, can all create contrast in design.
  • 16. Contrast One of the most effective ways to add visual interest to your page A striking interest, make it strong Contrast is created when two elements are different. If two items are not exactly the same, then make them different Really different
  • 17. Contrast The Basic Purpose is two fold: to create an interest on the page to add organization to the information
  • 18. Contrast How to get it: Add contrast to your typeface choices, line thickness, colors, shapes, sizes, space, etc.
  • 19. Contrast What to avoid: Dont be afraid Make items bold and completely different (not brown color next to black text)
  • 20. Contrast There's isn't enough contrast between the headline and text due, in part, to size - but also because the two different serif faces used are too similar.
  • 21. Contrast The oversized graphic provides real contrast and reinforces the copy (tall basketball players). Dropping the text down to the bottom portion of the page also reinforces the 'towering' aspect of the graphic. The reversed text in the blue box, the blue border, and the drop cap carries through the overall unifying elements found throughout the series. Additionally, the round shape of the drop cap and its color echo the shape and color of the basketball in the graphic. The drop cap and the reversed text on the left side plus the left-aligned text help to balance the large graphic element.
  • 22. In conclusion Repetition unifies your design while adding visual interest Contrast can organize your design and can make it stand out