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

Más contenido relacionado

Destacado

Basics of design & graphics
Basics of design & graphics Basics of design & graphics
Basics of design & graphics Trinity Dwarka
 
The principles of design
The principles of designThe principles of design
The principles of designTrinity Dwarka
 
Principles and Elements of Design
Principles and Elements of DesignPrinciples and Elements of Design
Principles and Elements of DesignPaul Wozney
 
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 & Rhythmtanyalangford
 
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 etcStanly Sunny
 
Chapter 4 scale and proportion
Chapter 4 scale and proportionChapter 4 scale and proportion
Chapter 4 scale and proportionTracie King
 
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)Ar.Shakti Nanda
 

Destacado (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 a Repetition and Unity

Etec 632 web design
Etec 632 web designEtec 632 web design
Etec 632 web designahalemano
 
Natalie Bennett Comm 130 Portfolio
Natalie Bennett Comm 130 PortfolioNatalie Bennett Comm 130 Portfolio
Natalie Bennett Comm 130 PortfolioNatalie Bennett
 
Natalie Bennett Comm 130 Portfolio
Natalie Bennett Comm 130 PortfolioNatalie Bennett Comm 130 Portfolio
Natalie Bennett Comm 130 PortfolioNatalie Bennett
 
1. communication methods pro forma
1. communication methods pro forma1. communication methods pro forma
1. communication methods pro formayorkcollege
 
1. communication methods pro format
1. communication methods pro format1. communication methods pro format
1. communication methods pro formatalfieepimblett
 
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...Freelance
 
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
 
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?Teemu Suoranta
 
Digital skills v2
Digital skills v2Digital skills v2
Digital skills v2Liam Heeley
 
Digital skills v2
Digital skills v2Digital skills v2
Digital skills v2Liam Heeley
 
How to design - Graphic design theory
How to design - Graphic design theoryHow to design - Graphic design theory
How to design - Graphic design theoryAbanoub Hanna
 
Empowerment technology Myrene B.Cantos
Empowerment technology Myrene B.CantosEmpowerment technology Myrene B.Cantos
Empowerment technology Myrene B.CantosMaridelBajeta
 
Web design content
Web design contentWeb design content
Web design contentMrCHenderson
 
Web design content
Web design contentWeb design content
Web design contentMrCHenderson
 
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 IDJames Washok
 

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

Más de coachhahn

THe Evolution of Web Design
THe Evolution of Web DesignTHe Evolution of Web Design
THe Evolution of Web Designcoachhahn
 
Illustrations
IllustrationsIllustrations
Illustrationscoachhahn
 
Formatting Charts
Formatting ChartsFormatting Charts
Formatting Chartscoachhahn
 
Creating and Modifying Charts
Creating and Modifying ChartsCreating and Modifying Charts
Creating and Modifying Chartscoachhahn
 
Communications & Networks
Communications & NetworksCommunications & Networks
Communications & Networkscoachhahn
 
Communications & Networks
Communications & NetworksCommunications & Networks
Communications & Networkscoachhahn
 
Communications and Networks
Communications and NetworksCommunications and Networks
Communications and Networkscoachhahn
 
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 Formulascoachhahn
 
Summarize Data Using a Formula
Summarize Data Using a FormulaSummarize Data Using a Formula
Summarize Data Using a Formulacoachhahn
 
Reference Data in Formulas
Reference Data in FormulasReference Data in Formulas
Reference Data in Formulascoachhahn
 
Impact of Images
Impact of ImagesImpact of Images
Impact of Imagescoachhahn
 
Format as a Table
Format as a TableFormat as a Table
Format as a Tablecoachhahn
 
Formatting Cells
Formatting CellsFormatting Cells
Formatting Cellscoachhahn
 
Balance & Proximity
Balance & ProximityBalance & Proximity
Balance & Proximitycoachhahn
 
Rows and Columns
Rows and ColumnsRows and Columns
Rows and Columnscoachhahn
 
Formatting Worksheets
Formatting WorksheetsFormatting Worksheets
Formatting Worksheetscoachhahn
 
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 Typographycoachhahn
 

Más de 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
 

Último

Top Astrologer in UK Best Vashikaran Specialist in England Amil baba Contact ...
Top Astrologer in UK Best Vashikaran Specialist in England Amil baba Contact ...Top Astrologer in UK Best Vashikaran Specialist in England Amil baba Contact ...
Top Astrologer in UK Best Vashikaran Specialist in England Amil baba Contact ...Amil Baba Naveed Bangali
 
Lesson 4 - How to Conduct Yourself on a Walk.pptx
Lesson 4 - How to Conduct Yourself on a Walk.pptxLesson 4 - How to Conduct Yourself on a Walk.pptx
Lesson 4 - How to Conduct Yourself on a Walk.pptxCelso Napoleon
 
Lesson 3 - Heaven - the Christian's Destiny.pptx
Lesson 3 - Heaven - the Christian's Destiny.pptxLesson 3 - Heaven - the Christian's Destiny.pptx
Lesson 3 - Heaven - the Christian's Destiny.pptxCelso Napoleon
 
Deerfoot Church of Christ Bulletin 5 5 24
Deerfoot Church of Christ Bulletin 5 5 24Deerfoot Church of Christ Bulletin 5 5 24
Deerfoot Church of Christ Bulletin 5 5 24deerfootcoc
 
Lucknow 💋 best call girls in Lucknow ₹7.5k Pick Up & Drop With Cash Payment 8...
Lucknow 💋 best call girls in Lucknow ₹7.5k Pick Up & Drop With Cash Payment 8...Lucknow 💋 best call girls in Lucknow ₹7.5k Pick Up & Drop With Cash Payment 8...
Lucknow 💋 best call girls in Lucknow ₹7.5k Pick Up & Drop With Cash Payment 8...anilsa9823
 
The King Great Goodness Part 2 ~ Mahasilava Jataka (Eng. & Chi.).pptx
The King Great Goodness Part 2 ~ Mahasilava Jataka (Eng. & Chi.).pptxThe King Great Goodness Part 2 ~ Mahasilava Jataka (Eng. & Chi.).pptx
The King Great Goodness Part 2 ~ Mahasilava Jataka (Eng. & Chi.).pptxOH TEIK BIN
 
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 2024NoHo FUMC
 
Deerfoot Church of Christ Bulletin 4 28 24
Deerfoot Church of Christ Bulletin 4 28 24Deerfoot Church of Christ Bulletin 4 28 24
Deerfoot Church of Christ Bulletin 4 28 24deerfootcoc
 
Famous No1 Amil baba in UK/Australia, Canada, Germany Amil baba Kala jadu
Famous No1 Amil baba in UK/Australia, Canada, Germany Amil baba Kala jaduFamous No1 Amil baba in UK/Australia, Canada, Germany Amil baba Kala jadu
Famous No1 Amil baba in UK/Australia, Canada, Germany Amil baba Kala jaduAmil Baba Naveed Bangali
 
Genesis 1:10 || Meditate the Scripture daily verse by verse
Genesis 1:10  ||  Meditate the Scripture daily verse by verseGenesis 1:10  ||  Meditate the Scripture daily verse by verse
Genesis 1:10 || Meditate the Scripture daily verse by versemaricelcanoynuay
 
CALL ON ➥8923113531 🔝Call Girls Nishatganj Lucknow best Female service 🕶
CALL ON ➥8923113531 🔝Call Girls Nishatganj Lucknow best Female service  🕶CALL ON ➥8923113531 🔝Call Girls Nishatganj Lucknow best Female service  🕶
CALL ON ➥8923113531 🔝Call Girls Nishatganj Lucknow best Female service 🕶anilsa9823
 
black magic specialist amil baba pakistan no 1 Black magic contact number rea...
black magic specialist amil baba pakistan no 1 Black magic contact number rea...black magic specialist amil baba pakistan no 1 Black magic contact number rea...
black magic specialist amil baba pakistan no 1 Black magic contact number rea...Black Magic Specialist
 
Codex Singularity: Search for the Prisca Sapientia
Codex Singularity: Search for the Prisca SapientiaCodex Singularity: Search for the Prisca Sapientia
Codex Singularity: Search for the Prisca Sapientiajfrenchau
 
Call Girls in sarojini nagar Delhi 8264348440 ✅ call girls ❤️
Call Girls in sarojini nagar Delhi 8264348440 ✅ call girls ❤️Call Girls in sarojini nagar Delhi 8264348440 ✅ call girls ❤️
Call Girls in sarojini nagar Delhi 8264348440 ✅ call girls ❤️soniya singh
 
CALL ON ➥8923113531 🔝Call Girls Indira Nagar Lucknow Lucknow best Night Fun s...
CALL ON ➥8923113531 🔝Call Girls Indira Nagar Lucknow Lucknow best Night Fun s...CALL ON ➥8923113531 🔝Call Girls Indira Nagar Lucknow Lucknow best Night Fun s...
CALL ON ➥8923113531 🔝Call Girls Indira Nagar Lucknow Lucknow best Night Fun s...anilsa9823
 
+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...Amil Baba Mangal Maseeh
 
Lucknow 💋 Call Girls Lucknow - Book 8923113531 Call Girls Available 24 Hours ...
Lucknow 💋 Call Girls Lucknow - Book 8923113531 Call Girls Available 24 Hours ...Lucknow 💋 Call Girls Lucknow - Book 8923113531 Call Girls Available 24 Hours ...
Lucknow 💋 Call Girls Lucknow - Book 8923113531 Call Girls Available 24 Hours ...anilsa9823
 

Último (20)

Top Astrologer in UK Best Vashikaran Specialist in England Amil baba Contact ...
Top Astrologer in UK Best Vashikaran Specialist in England Amil baba Contact ...Top Astrologer in UK Best Vashikaran Specialist in England Amil baba Contact ...
Top Astrologer in UK Best Vashikaran Specialist in England Amil baba Contact ...
 
Lesson 4 - How to Conduct Yourself on a Walk.pptx
Lesson 4 - How to Conduct Yourself on a Walk.pptxLesson 4 - How to Conduct Yourself on a Walk.pptx
Lesson 4 - How to Conduct Yourself on a Walk.pptx
 
Lesson 3 - Heaven - the Christian's Destiny.pptx
Lesson 3 - Heaven - the Christian's Destiny.pptxLesson 3 - Heaven - the Christian's Destiny.pptx
Lesson 3 - Heaven - the Christian's Destiny.pptx
 
Deerfoot Church of Christ Bulletin 5 5 24
Deerfoot Church of Christ Bulletin 5 5 24Deerfoot Church of Christ Bulletin 5 5 24
Deerfoot Church of Christ Bulletin 5 5 24
 
Lucknow 💋 best call girls in Lucknow ₹7.5k Pick Up & Drop With Cash Payment 8...
Lucknow 💋 best call girls in Lucknow ₹7.5k Pick Up & Drop With Cash Payment 8...Lucknow 💋 best call girls in Lucknow ₹7.5k Pick Up & Drop With Cash Payment 8...
Lucknow 💋 best call girls in Lucknow ₹7.5k Pick Up & Drop With Cash Payment 8...
 
The King Great Goodness Part 2 ~ Mahasilava Jataka (Eng. & Chi.).pptx
The King Great Goodness Part 2 ~ Mahasilava Jataka (Eng. & Chi.).pptxThe King Great Goodness Part 2 ~ Mahasilava Jataka (Eng. & Chi.).pptx
The King Great Goodness Part 2 ~ Mahasilava Jataka (Eng. & Chi.).pptx
 
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
 
Deerfoot Church of Christ Bulletin 4 28 24
Deerfoot Church of Christ Bulletin 4 28 24Deerfoot Church of Christ Bulletin 4 28 24
Deerfoot Church of Christ Bulletin 4 28 24
 
Famous No1 Amil baba in UK/Australia, Canada, Germany Amil baba Kala jadu
Famous No1 Amil baba in UK/Australia, Canada, Germany Amil baba Kala jaduFamous No1 Amil baba in UK/Australia, Canada, Germany Amil baba Kala jadu
Famous No1 Amil baba in UK/Australia, Canada, Germany Amil baba Kala jadu
 
Genesis 1:10 || Meditate the Scripture daily verse by verse
Genesis 1:10  ||  Meditate the Scripture daily verse by verseGenesis 1:10  ||  Meditate the Scripture daily verse by verse
Genesis 1:10 || Meditate the Scripture daily verse by verse
 
CALL ON ➥8923113531 🔝Call Girls Nishatganj Lucknow best Female service 🕶
CALL ON ➥8923113531 🔝Call Girls Nishatganj Lucknow best Female service  🕶CALL ON ➥8923113531 🔝Call Girls Nishatganj Lucknow best Female service  🕶
CALL ON ➥8923113531 🔝Call Girls Nishatganj Lucknow best Female service 🕶
 
black magic specialist amil baba pakistan no 1 Black magic contact number rea...
black magic specialist amil baba pakistan no 1 Black magic contact number rea...black magic specialist amil baba pakistan no 1 Black magic contact number rea...
black magic specialist amil baba pakistan no 1 Black magic contact number rea...
 
Codex Singularity: Search for the Prisca Sapientia
Codex Singularity: Search for the Prisca SapientiaCodex Singularity: Search for the Prisca Sapientia
Codex Singularity: Search for the Prisca Sapientia
 
English - The Story of Ahikar, Grand Vizier of Assyria.pdf
English - The Story of Ahikar, Grand Vizier of Assyria.pdfEnglish - The Story of Ahikar, Grand Vizier of Assyria.pdf
English - The Story of Ahikar, Grand Vizier of Assyria.pdf
 
Call Girls in sarojini nagar Delhi 8264348440 ✅ call girls ❤️
Call Girls in sarojini nagar Delhi 8264348440 ✅ call girls ❤️Call Girls in sarojini nagar Delhi 8264348440 ✅ call girls ❤️
Call Girls in sarojini nagar Delhi 8264348440 ✅ call girls ❤️
 
CALL ON ➥8923113531 🔝Call Girls Indira Nagar Lucknow Lucknow best Night Fun s...
CALL ON ➥8923113531 🔝Call Girls Indira Nagar Lucknow Lucknow best Night Fun s...CALL ON ➥8923113531 🔝Call Girls Indira Nagar Lucknow Lucknow best Night Fun s...
CALL ON ➥8923113531 🔝Call Girls Indira Nagar Lucknow Lucknow best Night Fun s...
 
+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...
 
Lucknow 💋 Call Girls Lucknow - Book 8923113531 Call Girls Available 24 Hours ...
Lucknow 💋 Call Girls Lucknow - Book 8923113531 Call Girls Available 24 Hours ...Lucknow 💋 Call Girls Lucknow - Book 8923113531 Call Girls Available 24 Hours ...
Lucknow 💋 Call Girls Lucknow - Book 8923113531 Call Girls Available 24 Hours ...
 
St. Louise de Marillac and Poor Children
St. Louise de Marillac and Poor ChildrenSt. Louise de Marillac and Poor Children
St. Louise de Marillac and Poor Children
 
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
 

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

Notas del editor

  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.