SlideShare a Scribd company logo
1 of 12
THE PRINCIPLES OF
     DESIGN
   REPETITION & UNITY
LESSON OVERVIEW

• In this lesson, you will:
• Explore the principles of repetition and unity in Web
  design
GUIDING QUESTIONS

• How does repetition contribute to memory?
• In what way does unity impact your definition of
  “teamwork”?
REPETITION

• Repetition is how the brain moves information from
  short-term memory to long-term memory
• Used constantly in advertising, both print and
  digital, by repeating an idea or image
REPETITION WORKS

• Why do you want to create repetition?
  …Because it works
• Advertisers use it all the time for product recognition
  • A question for TV watchers, for how many commercials can
    you recite the words?
• Think of all the icons that through our sensory
  memory we can immediately recognize
REPETITION

• A simple way to use repetition is to connect a word
  or idea with a picture
  • Textbooks commonly do this with
    images, charts, graphs, and drawings
• Creates a mental picture in the readers head




                           Dog
REPETITION

• Another way to use repetition is through the
  repeated use of color in a specific way
  • For example, if you put an important word in red, then
    always use red for this purpose and only for this purpose
REPETITION

• Color and layouts should also be repeated
 • A designer wants the viewer to know that they are still on
   the same Web site no matter what page they have visited
• By repeating the colors and layout on all the
  pages, the designer conveys this message to the
  viewer
UNITY

• The final principle of unity is the way that the
  designer brings all the information together in the
  Web site
• Think back to the Gestalt Theory
  • The whole is greater than the sum of the parts.
  • This is the goal of the Web designer
  • The designer wants the final Web site to have a greater
    impact than the individual parts that have been included in
    the site
UNITY

• Proximity and repetition play important roles in the
  creation of the unity of the Web site.
  • Proximity
    • Brings ideas together through their closeness to each other
  • Repetition
    • Provides continuity between pages of the site
LESSON REVIEW

Be sure you can answer the following question
• How can the use of repetition and unity contribute
  to effective communication in a Web site?
ASSIGNMENT

• Use the selected Web site
  • Analyze it according to the principles of repetition
  • Analyze it according to the principles of unity
• Write a justification for each

More Related Content

Viewers also liked

Unity, Balance, Scale & Proportion, Contrast, Emphasis & Repetition & Rhythm
Unity, Balance, Scale & Proportion, Contrast, Emphasis & Repetition & RhythmUnity, Balance, Scale & Proportion, Contrast, Emphasis & Repetition & Rhythm
Unity, Balance, Scale & Proportion, Contrast, Emphasis & Repetition & Rhythm
tanyalangford
 
Chapter 4 scale and proportion
Chapter 4 scale and proportionChapter 4 scale and proportion
Chapter 4 scale and proportion
Tracie King
 

Viewers also liked (9)

Basics of design & graphics
Basics of design & graphics Basics of design & graphics
Basics of design & graphics
 
The principles of design
The principles of designThe principles of design
The principles of design
 
Gestalt
GestaltGestalt
Gestalt
 
Principles and Elements of Design
Principles and Elements of DesignPrinciples and Elements of Design
Principles and Elements of Design
 
Unity, Balance, Scale & Proportion, Contrast, Emphasis & Repetition & Rhythm
Unity, Balance, Scale & Proportion, Contrast, Emphasis & Repetition & RhythmUnity, Balance, Scale & Proportion, Contrast, Emphasis & Repetition & Rhythm
Unity, Balance, Scale & Proportion, Contrast, Emphasis & Repetition & Rhythm
 
Principles of design theory of design module 2 proportion,scale, hierarchy etc
Principles of design theory of design module 2   proportion,scale, hierarchy etcPrinciples of design theory of design module 2   proportion,scale, hierarchy etc
Principles of design theory of design module 2 proportion,scale, hierarchy etc
 
Chapter 4 scale and proportion
Chapter 4 scale and proportionChapter 4 scale and proportion
Chapter 4 scale and proportion
 
Principles of design
Principles of designPrinciples of design
Principles of design
 
Basic design & visual arts (Elements of design)
Basic design & visual arts (Elements of design)Basic design & visual arts (Elements of design)
Basic design & visual arts (Elements of design)
 

Similar to Repetition and Unity

Etec 632 web design
Etec 632 web designEtec 632 web design
Etec 632 web design
ahalemano
 
1. communication methods pro forma
1. communication methods pro forma1. communication methods pro forma
1. communication methods pro forma
yorkcollege
 
1. communication methods pro format
1. communication methods pro format1. communication methods pro format
1. communication methods pro format
alfieepimblett
 
Jack morton (vfinal) communication methods pro forma(1)
Jack morton (vfinal) communication methods pro forma(1)Jack morton (vfinal) communication methods pro forma(1)
Jack morton (vfinal) communication methods pro forma(1)
jack-morton
 
Web design content
Web design contentWeb design content
Web design content
MrCHenderson
 

Similar to Repetition and Unity (20)

Etec 632 web design
Etec 632 web designEtec 632 web design
Etec 632 web design
 
Graphic design for
Graphic design forGraphic design for
Graphic design for
 
Natalie Bennett Comm 130 Portfolio
Natalie Bennett Comm 130 PortfolioNatalie Bennett Comm 130 Portfolio
Natalie Bennett Comm 130 Portfolio
 
Natalie Bennett Comm 130 Portfolio
Natalie Bennett Comm 130 PortfolioNatalie Bennett Comm 130 Portfolio
Natalie Bennett Comm 130 Portfolio
 
1. communication methods pro forma
1. communication methods pro forma1. communication methods pro forma
1. communication methods pro forma
 
Design concepts
Design conceptsDesign concepts
Design concepts
 
1. communication methods pro format
1. communication methods pro format1. communication methods pro format
1. communication methods pro format
 
Design Principle Basics, UX Best Practices & 2016 Trends - Kuala Lumpur Marke...
Design Principle Basics, UX Best Practices & 2016 Trends - Kuala Lumpur Marke...Design Principle Basics, UX Best Practices & 2016 Trends - Kuala Lumpur Marke...
Design Principle Basics, UX Best Practices & 2016 Trends - Kuala Lumpur Marke...
 
Jack morton (vfinal) communication methods pro forma(1)
Jack morton (vfinal) communication methods pro forma(1)Jack morton (vfinal) communication methods pro forma(1)
Jack morton (vfinal) communication methods pro forma(1)
 
How to ensure a long life span for a website?
How to ensure a long life span for a website?How to ensure a long life span for a website?
How to ensure a long life span for a website?
 
Digital skills v2
Digital skills v2Digital skills v2
Digital skills v2
 
Digital skills v2
Digital skills v2Digital skills v2
Digital skills v2
 
Digital skills
Digital skillsDigital skills
Digital skills
 
How to design - Graphic design theory
How to design - Graphic design theoryHow to design - Graphic design theory
How to design - Graphic design theory
 
Empowerment technology Myrene B.Cantos
Empowerment technology Myrene B.CantosEmpowerment technology Myrene B.Cantos
Empowerment technology Myrene B.Cantos
 
Web design content
Web design contentWeb design content
Web design content
 
Web design content
Web design contentWeb design content
Web design content
 
Visual design
Visual designVisual design
Visual design
 
The Science of Visual Design: Creating Strong Graphics for ID
The Science of Visual Design: Creating Strong Graphics for IDThe Science of Visual Design: Creating Strong Graphics for ID
The Science of Visual Design: Creating Strong Graphics for ID
 
Skills Audit
Skills AuditSkills Audit
Skills Audit
 

More from coachhahn

THe Evolution of Web Design
THe Evolution of Web DesignTHe Evolution of Web Design
THe Evolution of Web Design
coachhahn
 
Illustrations
IllustrationsIllustrations
Illustrations
coachhahn
 
Formatting Charts
Formatting ChartsFormatting Charts
Formatting Charts
coachhahn
 
Creating and Modifying Charts
Creating and Modifying ChartsCreating and Modifying Charts
Creating and Modifying Charts
coachhahn
 
Communications & Networks
Communications & NetworksCommunications & Networks
Communications & Networks
coachhahn
 
Communications & Networks
Communications & NetworksCommunications & Networks
Communications & Networks
coachhahn
 
Communications and Networks
Communications and NetworksCommunications and Networks
Communications and Networks
coachhahn
 
Format and Modify Text and Display and Print Formulas
Format and Modify Text and Display and Print FormulasFormat and Modify Text and Display and Print Formulas
Format and Modify Text and Display and Print Formulas
coachhahn
 
Summarize Data Using a Formula
Summarize Data Using a FormulaSummarize Data Using a Formula
Summarize Data Using a Formula
coachhahn
 
Reference Data in Formulas
Reference Data in FormulasReference Data in Formulas
Reference Data in Formulas
coachhahn
 
Impact of Images
Impact of ImagesImpact of Images
Impact of Images
coachhahn
 
Format as a Table
Format as a TableFormat as a Table
Format as a Table
coachhahn
 
Formatting Cells
Formatting CellsFormatting Cells
Formatting Cells
coachhahn
 
Balance & Proximity
Balance & ProximityBalance & Proximity
Balance & Proximity
coachhahn
 
Rows and Columns
Rows and ColumnsRows and Columns
Rows and Columns
coachhahn
 
Formatting Worksheets
Formatting WorksheetsFormatting Worksheets
Formatting Worksheets
coachhahn
 
The Elements of Design - Texture and Typography
The Elements of Design - Texture and TypographyThe Elements of Design - Texture and Typography
The Elements of Design - Texture and Typography
coachhahn
 

More from coachhahn (20)

THe Evolution of Web Design
THe Evolution of Web DesignTHe Evolution of Web Design
THe Evolution of Web Design
 
Illustrations
IllustrationsIllustrations
Illustrations
 
Formatting Charts
Formatting ChartsFormatting Charts
Formatting Charts
 
Creating and Modifying Charts
Creating and Modifying ChartsCreating and Modifying Charts
Creating and Modifying Charts
 
Communications & Networks
Communications & NetworksCommunications & Networks
Communications & Networks
 
Communications & Networks
Communications & NetworksCommunications & Networks
Communications & Networks
 
Communications and Networks
Communications and NetworksCommunications and Networks
Communications and Networks
 
Format and Modify Text and Display and Print Formulas
Format and Modify Text and Display and Print FormulasFormat and Modify Text and Display and Print Formulas
Format and Modify Text and Display and Print Formulas
 
Banners
BannersBanners
Banners
 
Logos
LogosLogos
Logos
 
Summarize Data Using a Formula
Summarize Data Using a FormulaSummarize Data Using a Formula
Summarize Data Using a Formula
 
Reference Data in Formulas
Reference Data in FormulasReference Data in Formulas
Reference Data in Formulas
 
Impact of Images
Impact of ImagesImpact of Images
Impact of Images
 
Format as a Table
Format as a TableFormat as a Table
Format as a Table
 
Formatting Cells
Formatting CellsFormatting Cells
Formatting Cells
 
Balance & Proximity
Balance & ProximityBalance & Proximity
Balance & Proximity
 
Rows and Columns
Rows and ColumnsRows and Columns
Rows and Columns
 
Movement
MovementMovement
Movement
 
Formatting Worksheets
Formatting WorksheetsFormatting Worksheets
Formatting Worksheets
 
The Elements of Design - Texture and Typography
The Elements of Design - Texture and TypographyThe Elements of Design - Texture and Typography
The Elements of Design - Texture and Typography
 

Recently uploaded

Verified Amil baba in Pakistan Amil baba in Islamabad Famous Amil baba in Ger...
Verified Amil baba in Pakistan Amil baba in Islamabad Famous Amil baba in Ger...Verified Amil baba in Pakistan Amil baba in Islamabad Famous Amil baba in Ger...
Verified Amil baba in Pakistan Amil baba in Islamabad Famous Amil baba in Ger...
Amil Baba Naveed Bangali
 
Real Kala Jadu, Black magic specialist in Lahore and Kala ilam expert in kara...
Real Kala Jadu, Black magic specialist in Lahore and Kala ilam expert in kara...Real Kala Jadu, Black magic specialist in Lahore and Kala ilam expert in kara...
Real Kala Jadu, Black magic specialist in Lahore and Kala ilam expert in kara...
baharayali
 
Top Kala Jadu, Bangali Amil baba in Lahore and Kala jadu specialist in Lahore...
Top Kala Jadu, Bangali Amil baba in Lahore and Kala jadu specialist in Lahore...Top Kala Jadu, Bangali Amil baba in Lahore and Kala jadu specialist in Lahore...
Top Kala Jadu, Bangali Amil baba in Lahore and Kala jadu specialist in Lahore...
baharayali
 
Best Astrologer Vashikaran Specialist in Germany and France Black Magic Exper...
Best Astrologer Vashikaran Specialist in Germany and France Black Magic Exper...Best Astrologer Vashikaran Specialist in Germany and France Black Magic Exper...
Best Astrologer Vashikaran Specialist in Germany and France Black Magic Exper...
Amil Baba Naveed Bangali
 
VIP mohali Call Girl 7001035870 Enjoy Call Girls With Our Escorts
VIP mohali Call Girl 7001035870 Enjoy Call Girls With Our EscortsVIP mohali Call Girl 7001035870 Enjoy Call Girls With Our Escorts
VIP mohali Call Girl 7001035870 Enjoy Call Girls With Our Escorts
sonatiwari757
 
Top 10 Amil baba list Famous Amil baba In Pakistan Amil baba Kala jadu in Raw...
Top 10 Amil baba list Famous Amil baba In Pakistan Amil baba Kala jadu in Raw...Top 10 Amil baba list Famous Amil baba In Pakistan Amil baba Kala jadu in Raw...
Top 10 Amil baba list Famous Amil baba In Pakistan Amil baba Kala jadu in Raw...
Amil Baba Naveed Bangali
 
-Developing-the-10-Paramis-in-a-Vipassana-Meditation.ppt
-Developing-the-10-Paramis-in-a-Vipassana-Meditation.ppt-Developing-the-10-Paramis-in-a-Vipassana-Meditation.ppt
-Developing-the-10-Paramis-in-a-Vipassana-Meditation.ppt
BonnieDuran1
 

Recently uploaded (20)

St. Louise de Marillac and Galley Prisoners
St. Louise de Marillac and Galley PrisonersSt. Louise de Marillac and Galley Prisoners
St. Louise de Marillac and Galley Prisoners
 
"The Magnificent Surah Rahman: PDF Version"
"The Magnificent Surah Rahman: PDF Version""The Magnificent Surah Rahman: PDF Version"
"The Magnificent Surah Rahman: PDF Version"
 
May 2024 Calendar of Events for Hope Lutheran Church
May 2024 Calendar of Events for Hope Lutheran ChurchMay 2024 Calendar of Events for Hope Lutheran Church
May 2024 Calendar of Events for Hope Lutheran Church
 
+92343-7800299 No.1 Amil baba in Pakistan amil baba in Lahore amil baba in Ka...
+92343-7800299 No.1 Amil baba in Pakistan amil baba in Lahore amil baba in Ka...+92343-7800299 No.1 Amil baba in Pakistan amil baba in Lahore amil baba in Ka...
+92343-7800299 No.1 Amil baba in Pakistan amil baba in Lahore amil baba in Ka...
 
English - The Forgotten Books of Eden.pdf
English - The Forgotten Books of Eden.pdfEnglish - The Forgotten Books of Eden.pdf
English - The Forgotten Books of Eden.pdf
 
NoHo First Good News online newsletter May 2024
NoHo First Good News online newsletter May 2024NoHo First Good News online newsletter May 2024
NoHo First Good News online newsletter May 2024
 
Top No 1 Amil baba in Islamabad Famous Amil baba in Pakistan Amil baba Contac...
Top No 1 Amil baba in Islamabad Famous Amil baba in Pakistan Amil baba Contac...Top No 1 Amil baba in Islamabad Famous Amil baba in Pakistan Amil baba Contac...
Top No 1 Amil baba in Islamabad Famous Amil baba in Pakistan Amil baba Contac...
 
Verified Amil baba in Pakistan Amil baba in Islamabad Famous Amil baba in Ger...
Verified Amil baba in Pakistan Amil baba in Islamabad Famous Amil baba in Ger...Verified Amil baba in Pakistan Amil baba in Islamabad Famous Amil baba in Ger...
Verified Amil baba in Pakistan Amil baba in Islamabad Famous Amil baba in Ger...
 
From The Heart v8.pdf xxxxxxxxxxxxxxxxxxx
From The Heart v8.pdf xxxxxxxxxxxxxxxxxxxFrom The Heart v8.pdf xxxxxxxxxxxxxxxxxxx
From The Heart v8.pdf xxxxxxxxxxxxxxxxxxx
 
Real Kala Jadu, Black magic specialist in Lahore and Kala ilam expert in kara...
Real Kala Jadu, Black magic specialist in Lahore and Kala ilam expert in kara...Real Kala Jadu, Black magic specialist in Lahore and Kala ilam expert in kara...
Real Kala Jadu, Black magic specialist in Lahore and Kala ilam expert in kara...
 
Top Kala Jadu, Bangali Amil baba in Lahore and Kala jadu specialist in Lahore...
Top Kala Jadu, Bangali Amil baba in Lahore and Kala jadu specialist in Lahore...Top Kala Jadu, Bangali Amil baba in Lahore and Kala jadu specialist in Lahore...
Top Kala Jadu, Bangali Amil baba in Lahore and Kala jadu specialist in Lahore...
 
Best Astrologer Vashikaran Specialist in Germany and France Black Magic Exper...
Best Astrologer Vashikaran Specialist in Germany and France Black Magic Exper...Best Astrologer Vashikaran Specialist in Germany and France Black Magic Exper...
Best Astrologer Vashikaran Specialist in Germany and France Black Magic Exper...
 
Vashikaran Specialist in London Black Magic Removal No 1 Astrologer in UK
Vashikaran Specialist in London Black Magic Removal No 1 Astrologer in UKVashikaran Specialist in London Black Magic Removal No 1 Astrologer in UK
Vashikaran Specialist in London Black Magic Removal No 1 Astrologer in UK
 
The_Chronological_Life_of_Christ_Part_99_Words_and_Works
The_Chronological_Life_of_Christ_Part_99_Words_and_WorksThe_Chronological_Life_of_Christ_Part_99_Words_and_Works
The_Chronological_Life_of_Christ_Part_99_Words_and_Works
 
St. Louise de Marillac and Abandoned Children
St. Louise de Marillac and Abandoned ChildrenSt. Louise de Marillac and Abandoned Children
St. Louise de Marillac and Abandoned Children
 
VIP mohali Call Girl 7001035870 Enjoy Call Girls With Our Escorts
VIP mohali Call Girl 7001035870 Enjoy Call Girls With Our EscortsVIP mohali Call Girl 7001035870 Enjoy Call Girls With Our Escorts
VIP mohali Call Girl 7001035870 Enjoy Call Girls With Our Escorts
 
Top 10 Amil baba list Famous Amil baba In Pakistan Amil baba Kala jadu in Raw...
Top 10 Amil baba list Famous Amil baba In Pakistan Amil baba Kala jadu in Raw...Top 10 Amil baba list Famous Amil baba In Pakistan Amil baba Kala jadu in Raw...
Top 10 Amil baba list Famous Amil baba In Pakistan Amil baba Kala jadu in Raw...
 
-Developing-the-10-Paramis-in-a-Vipassana-Meditation.ppt
-Developing-the-10-Paramis-in-a-Vipassana-Meditation.ppt-Developing-the-10-Paramis-in-a-Vipassana-Meditation.ppt
-Developing-the-10-Paramis-in-a-Vipassana-Meditation.ppt
 
Elite Class ➥8448380779▻ Call Girls In Mehrauli Gurgaon Road Delhi NCR
Elite Class ➥8448380779▻ Call Girls In Mehrauli Gurgaon Road Delhi NCRElite Class ➥8448380779▻ Call Girls In Mehrauli Gurgaon Road Delhi NCR
Elite Class ➥8448380779▻ Call Girls In Mehrauli Gurgaon Road Delhi NCR
 
Hire Best Next Js Developer For Your Project
Hire Best Next Js Developer For Your ProjectHire Best Next Js Developer For Your Project
Hire Best Next Js Developer For Your Project
 

Repetition and Unity

  • 1. THE PRINCIPLES OF DESIGN REPETITION & UNITY
  • 2. LESSON OVERVIEW • In this lesson, you will: • Explore the principles of repetition and unity in Web design
  • 3. GUIDING QUESTIONS • How does repetition contribute to memory? • In what way does unity impact your definition of “teamwork”?
  • 4. REPETITION • Repetition is how the brain moves information from short-term memory to long-term memory • Used constantly in advertising, both print and digital, by repeating an idea or image
  • 5. REPETITION WORKS • Why do you want to create repetition? …Because it works • Advertisers use it all the time for product recognition • A question for TV watchers, for how many commercials can you recite the words? • Think of all the icons that through our sensory memory we can immediately recognize
  • 6. REPETITION • A simple way to use repetition is to connect a word or idea with a picture • Textbooks commonly do this with images, charts, graphs, and drawings • Creates a mental picture in the readers head Dog
  • 7. REPETITION • Another way to use repetition is through the repeated use of color in a specific way • For example, if you put an important word in red, then always use red for this purpose and only for this purpose
  • 8. REPETITION • Color and layouts should also be repeated • A designer wants the viewer to know that they are still on the same Web site no matter what page they have visited • By repeating the colors and layout on all the pages, the designer conveys this message to the viewer
  • 9. UNITY • The final principle of unity is the way that the designer brings all the information together in the Web site • Think back to the Gestalt Theory • The whole is greater than the sum of the parts. • This is the goal of the Web designer • The designer wants the final Web site to have a greater impact than the individual parts that have been included in the site
  • 10. UNITY • Proximity and repetition play important roles in the creation of the unity of the Web site. • Proximity • Brings ideas together through their closeness to each other • Repetition • Provides continuity between pages of the site
  • 11. LESSON REVIEW Be sure you can answer the following question • How can the use of repetition and unity contribute to effective communication in a Web site?
  • 12. ASSIGNMENT • Use the selected Web site • Analyze it according to the principles of repetition • Analyze it according to the principles of unity • Write a justification for each

Editor's Notes

  1. Lesson 9 Overview
  2. Use the guiding questions as a class starter, allowing the students time to answer the questions. Discuss student answers to the questions.
  3. Repetition is how the brain moves information from short-term memory to long-term memory. Advertisers know this and use it to their advantage by repeating images or ideas of the product all the time. As a Web designer, you will want to use the concept too. Repetition in Web design is the repeating of an idea or image.
  4. Repetition works. Why do you want to create repetition? Because it works. Advertisers use it all the time for product recognition. A question for TV watchers, for how many commercials can you recite the words? Think of all the icons that through our sensory memory we can immediately recognize. It is proven that it works. If you are creating a commercial site, repetition will become a very important concept for you.
  5. A simple way to use repetition is to connect a word or concept with an image. Textbooks are known for doing this by placing images, drawings, graphs, and charts near terms and concepts. This also uses the concept talked about earlier where a mental picture is created.
  6. Another way to use repetition is through the repeated use of color in a specific way. For example, if you put an important word in red, then always use red for this purpose and only for this purpose. Color and layouts should also be repeated. Most Web sites use more than one page. A designer wants the viewer to know that they are still on the same Web site, but on a different page. By repeating the colors and layout on all the pages, the designer conveys this message to the viewer.
  7. The final principle of unity is the way that the designer brings all the information together in the Web site. Think back to the Gestalt Theory. The whole is greater than the sum of the parts. This is the goal of the Web designer. The designer wants the final Web site to have a greater impact than the individual parts that have been included in the site. If this doesn’t happen, the designer may not be employed long.
  8. Proximity and repetition play important roles in the creation of the unity of the Web site. Proximity can be used to bring ideas and concepts together. Repetition can be used to provide the unity between different pages of the Web site.
  9. This is the last slide of the presentation.
  10. Discuss the assignment as listed above. Students should be given time in class to complete work on the Principles Analysis Project. This gives the classroom teacher time to evaluate the level of student understanding of the assignment and to make changes or clarifications as needed. Remind students of the due date for the assignment.