SlideShare a Scribd company logo
1 of 24
Visual Principles      Robert Heinich
Goals of Visual Design 1. Ensure legibility   2. Reduce effort (cognitive load)   3. Increase active engagement   4. Focus attention   Example:  http://www.kidsknowit.com/   Example:  http://pbskids.org/
Role of Visual Design     ,[object Object],        Iconic symbol                   ,[object Object],        Attention         Elicit emotion   ,[object Object],        Storage/Retrieval         Organize         Illustrate relationships    ,[object Object],[object Object]
Age/Development (section vs. whole)
Culture
Socioeconomic background
Preference     Effectiveness   ,[object Object],        Decode:             View                                                         Critique             Analyze                  Encode:             Create             Produce             Sequence
Visual Design Processes  Procedures   ,[object Object],        What visual and verbal components will enhance the display?   ,[object Object],        What underlying pattern(s) will you choose for the elements?   ,[object Object],        How will you arrange the elements within the pattern?           
Visual Elements ,[object Object],                                                 Writing a Narrative Essay     ,[object Object],          ,[object Object],       
Verbal Elements ,[object Object],         Serif ("feet") - printed text          San Serif (no "feet") - online text          Limit 4 (bold, italic, fonts, etc.)           ,[object Object],        Lowercase - 1/2" = every 10 feet of             viewing distance   ,[object Object],           O P T I C A L    S P A C I N G     ,[object Object],         Contrast           Audience needs
Visual Appeal ,[object Object],          ,[object Object],    ,[object Object], 
Have you ever read a document where the author has decided to center a long-ish block of text (kind of like I am doing here?)  Isn't it a little harder to read this text when it's centered than it would be if it were left-justified? We might argue that it is just a matter of convention, that we are just used to reading text that is left justified. But the principle of alignment suggest that creating a strong implied line connecting objects on the page creates cohesion.  
  Pattern    Establish an underlying pattern to decide how the viewer's eye will flow across your display.   Major factors that affect the overall look:   ,[object Object]
shape
balance
style
color scheme and appeal,[object Object]
  Grids keep complex alignments all lined up.
  It's okay to break alignment when it serves a specific purpose such as to intentionally create tension or draw attention to a specific element of the page. (Also an example of asymmetical balance.)
Rule of Thirds, Shape and Balance     "Rule of Thirds" - elements arranged along any of the one-third dividing lines take on importance and liveliness.   Shape - use a pattern that attracts and focuses attention.   Balance - balance is achieved when the "weight" of the elements in a display is equally distributed.
  all over balance    rule of thirds and asymmetrical balance
    use of shape
Color Scheme   Complementary colors lie opposite each other on a color wheel.   Analogous colors lie next to each other on the color wheel. Warm colors excite Cool colors calm
  Color Appeal           Cheerios uses complementary colors to appeals to consumers.  The main colors are warm, exciting colors. Johnson's uses analogous cool colors to appeal to consumers.

More Related Content

What's hot

Técnicas de composicion en eventos sociales
Técnicas de composicion en eventos socialesTécnicas de composicion en eventos sociales
Técnicas de composicion en eventos socialesMonica coro
 
An Introduction to graphic design
An Introduction to graphic designAn Introduction to graphic design
An Introduction to graphic designPankul Bindal
 
Graphic Design Fundamentals
Graphic Design FundamentalsGraphic Design Fundamentals
Graphic Design Fundamentalsmyannitell
 
Chapter 3: Visual Design: Principles and Applications
Chapter 3: Visual Design: Principles and Applications Chapter 3: Visual Design: Principles and Applications
Chapter 3: Visual Design: Principles and Applications Maria Jiwani Laña
 
Graphic Design Essentials by Rahul KULKARNI.
Graphic Design Essentials by Rahul KULKARNI.Graphic Design Essentials by Rahul KULKARNI.
Graphic Design Essentials by Rahul KULKARNI.Rahul KULKARNI
 
Design elements and principles
Design elements and principlesDesign elements and principles
Design elements and principlesMaged A. Morsy
 
1.2 Use Drawing processes & procedures
1.2 Use Drawing processes & procedures1.2 Use Drawing processes & procedures
1.2 Use Drawing processes & proceduresBev Towns
 
Element of Art - Shape 2
Element of Art - Shape 2Element of Art - Shape 2
Element of Art - Shape 2RodriguezArt
 
Organization in the visual arts and Principles of Design
Organization in the visual arts and Principles of DesignOrganization in the visual arts and Principles of Design
Organization in the visual arts and Principles of DesignMariz Ombajin
 
Graphic design principles and elements
Graphic design principles and elementsGraphic design principles and elements
Graphic design principles and elementssuniltalekar1
 
Selection and Use of Instructional Materials
Selection and Use of Instructional MaterialsSelection and Use of Instructional Materials
Selection and Use of Instructional MaterialsMardie de Leon
 
Typography Fundamentals
Typography FundamentalsTypography Fundamentals
Typography FundamentalsSteve Hickey
 
Graphic design by Muhammad Mujeeb Riaz
Graphic design by Muhammad Mujeeb RiazGraphic design by Muhammad Mujeeb Riaz
Graphic design by Muhammad Mujeeb RiazMujeeb Riaz
 
Principles Of Design
Principles Of  DesignPrinciples Of  Design
Principles Of Designguestd654d6
 

What's hot (20)

Técnicas de composicion en eventos sociales
Técnicas de composicion en eventos socialesTécnicas de composicion en eventos sociales
Técnicas de composicion en eventos sociales
 
An Introduction to graphic design
An Introduction to graphic designAn Introduction to graphic design
An Introduction to graphic design
 
Graphic Design Fundamentals
Graphic Design FundamentalsGraphic Design Fundamentals
Graphic Design Fundamentals
 
Organization of Visual Arts
Organization of Visual ArtsOrganization of Visual Arts
Organization of Visual Arts
 
Intro to the Principles of Graphic Design
Intro to the Principles of Graphic DesignIntro to the Principles of Graphic Design
Intro to the Principles of Graphic Design
 
Chapter 3: Visual Design: Principles and Applications
Chapter 3: Visual Design: Principles and Applications Chapter 3: Visual Design: Principles and Applications
Chapter 3: Visual Design: Principles and Applications
 
Graphic Design Essentials by Rahul KULKARNI.
Graphic Design Essentials by Rahul KULKARNI.Graphic Design Essentials by Rahul KULKARNI.
Graphic Design Essentials by Rahul KULKARNI.
 
Principlesofdesign
PrinciplesofdesignPrinciplesofdesign
Principlesofdesign
 
Design elements and principles
Design elements and principlesDesign elements and principles
Design elements and principles
 
1.2 Use Drawing processes & procedures
1.2 Use Drawing processes & procedures1.2 Use Drawing processes & procedures
1.2 Use Drawing processes & procedures
 
Element of Art - Shape 2
Element of Art - Shape 2Element of Art - Shape 2
Element of Art - Shape 2
 
Organization in the visual arts and Principles of Design
Organization in the visual arts and Principles of DesignOrganization in the visual arts and Principles of Design
Organization in the visual arts and Principles of Design
 
Graphic design principles and elements
Graphic design principles and elementsGraphic design principles and elements
Graphic design principles and elements
 
Selection and Use of Instructional Materials
Selection and Use of Instructional MaterialsSelection and Use of Instructional Materials
Selection and Use of Instructional Materials
 
Contour line
Contour lineContour line
Contour line
 
Typography Fundamentals
Typography FundamentalsTypography Fundamentals
Typography Fundamentals
 
Graphic design by Muhammad Mujeeb Riaz
Graphic design by Muhammad Mujeeb RiazGraphic design by Muhammad Mujeeb Riaz
Graphic design by Muhammad Mujeeb Riaz
 
Typography
TypographyTypography
Typography
 
Principles of Design
Principles of DesignPrinciples of Design
Principles of Design
 
Principles Of Design
Principles Of  DesignPrinciples Of  Design
Principles Of Design
 

Viewers also liked

Viewers also liked (7)

Visual principles
Visual principlesVisual principles
Visual principles
 
Visual principles
Visual principlesVisual principles
Visual principles
 
Types of Visuals
Types of VisualsTypes of Visuals
Types of Visuals
 
Chapter 5 balance
Chapter 5 balanceChapter 5 balance
Chapter 5 balance
 
Audio media
Audio mediaAudio media
Audio media
 
Visual Design Basics
Visual Design BasicsVisual Design Basics
Visual Design Basics
 
CHARACTERISTICS OF AURAL AND AUDIO MEDIA
CHARACTERISTICS OF AURAL  AND  AUDIO MEDIACHARACTERISTICS OF AURAL  AND  AUDIO MEDIA
CHARACTERISTICS OF AURAL AND AUDIO MEDIA
 

Similar to Visual Principles

Week 5 -Designing For Eye Appeal 3
Week 5 -Designing For Eye Appeal 3Week 5 -Designing For Eye Appeal 3
Week 5 -Designing For Eye Appeal 3Stark State College
 
Designing Infographics
Designing InfographicsDesigning Infographics
Designing Infographicsklhall700
 
Principlesofdesign10
Principlesofdesign10Principlesofdesign10
Principlesofdesign10ahill7
 
The Elements and Principles of Design A Guide to Design Term.docx
The Elements and Principles of Design A Guide to Design Term.docxThe Elements and Principles of Design A Guide to Design Term.docx
The Elements and Principles of Design A Guide to Design Term.docxtodd701
 
Designing Visuals for Instruction
Designing Visuals for InstructionDesigning Visuals for Instruction
Designing Visuals for InstructionMhelane Herebesi
 
Design Principles and Elements
Design Principles and ElementsDesign Principles and Elements
Design Principles and ElementsMark Rotondella
 
Visual Arts Web Lec (1).pptx
Visual Arts Web Lec (1).pptxVisual Arts Web Lec (1).pptx
Visual Arts Web Lec (1).pptxMatthewGonzalez48
 
Multimedia design principles
Multimedia design principlesMultimedia design principles
Multimedia design principlesAimeePrater
 
Principles and elements of design
Principles and elements of designPrinciples and elements of design
Principles and elements of designsmizener
 
Design Basics for Non-Designers
Design Basics for Non-DesignersDesign Basics for Non-Designers
Design Basics for Non-DesignersDawn Weathersbee
 
Data visualization data sources data types
Data visualization   data sources   data typesData visualization   data sources   data types
Data visualization data sources data typesManokamnaKochar1
 
Visual principles2
Visual principles2Visual principles2
Visual principles2kielmylove
 
Introduction to Graphic Design.pdf
Introduction to Graphic Design.pdfIntroduction to Graphic Design.pdf
Introduction to Graphic Design.pdfDigzignDigzign
 
Introduction to Graphic Design- Elements and Principles of Art
Introduction to Graphic Design- Elements and Principles of ArtIntroduction to Graphic Design- Elements and Principles of Art
Introduction to Graphic Design- Elements and Principles of Artmoonlitaqua
 
The Principles of Good Design
The Principles of Good DesignThe Principles of Good Design
The Principles of Good DesignJennifer Janviere
 

Similar to Visual Principles (20)

Week 5 -Designing For Eye Appeal 3
Week 5 -Designing For Eye Appeal 3Week 5 -Designing For Eye Appeal 3
Week 5 -Designing For Eye Appeal 3
 
Designing Infographics
Designing InfographicsDesigning Infographics
Designing Infographics
 
IVC - Lesson 14
IVC - Lesson 14IVC - Lesson 14
IVC - Lesson 14
 
Principlesofdesign10
Principlesofdesign10Principlesofdesign10
Principlesofdesign10
 
The Elements and Principles of Design A Guide to Design Term.docx
The Elements and Principles of Design A Guide to Design Term.docxThe Elements and Principles of Design A Guide to Design Term.docx
The Elements and Principles of Design A Guide to Design Term.docx
 
Designing Visuals for Instruction
Designing Visuals for InstructionDesigning Visuals for Instruction
Designing Visuals for Instruction
 
Design Principles and Elements
Design Principles and ElementsDesign Principles and Elements
Design Principles and Elements
 
Visual Arts Web Lec (1).pptx
Visual Arts Web Lec (1).pptxVisual Arts Web Lec (1).pptx
Visual Arts Web Lec (1).pptx
 
Multimedia design principles
Multimedia design principlesMultimedia design principles
Multimedia design principles
 
Principles and elements of design
Principles and elements of designPrinciples and elements of design
Principles and elements of design
 
Visual Arts Web Lec.pptx
Visual Arts Web Lec.pptxVisual Arts Web Lec.pptx
Visual Arts Web Lec.pptx
 
Design Basics for Non-Designers
Design Basics for Non-DesignersDesign Basics for Non-Designers
Design Basics for Non-Designers
 
Data visualization data sources data types
Data visualization   data sources   data typesData visualization   data sources   data types
Data visualization data sources data types
 
Visual principles2
Visual principles2Visual principles2
Visual principles2
 
Introduction to Graphic Design.pdf
Introduction to Graphic Design.pdfIntroduction to Graphic Design.pdf
Introduction to Graphic Design.pdf
 
Introduction to Graphic Design- Elements and Principles of Art
Introduction to Graphic Design- Elements and Principles of ArtIntroduction to Graphic Design- Elements and Principles of Art
Introduction to Graphic Design- Elements and Principles of Art
 
Print Ads
Print AdsPrint Ads
Print Ads
 
The Principles of Good Design
The Principles of Good DesignThe Principles of Good Design
The Principles of Good Design
 
Yr8 vcd logos
Yr8 vcd logos Yr8 vcd logos
Yr8 vcd logos
 
Design principles
Design principlesDesign principles
Design principles
 

Recently uploaded

Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeThiyagu K
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...EduSkills OECD
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104misteraugie
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxheathfieldcps1
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introductionMaksud Ahmed
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdfSoniaTolstoy
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Krashi Coaching
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxmanuelaromero2013
 
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptxVS Mahajan Coaching Centre
 
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdfssuser54595a
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13Steve Thomason
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Celine George
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfchloefrazer622
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxNirmalaLoungPoorunde1
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphThiyagu K
 
Introduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxIntroduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxpboyjonauth
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactPECB
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...Marc Dusseiller Dusjagr
 
Separation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesSeparation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesFatimaKhan178732
 

Recently uploaded (20)

Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
 
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdfTataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptx
 
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
 
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdf
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptx
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot Graph
 
Introduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxIntroduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptx
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
 
Separation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesSeparation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and Actinides
 

Visual Principles

  • 2. Goals of Visual Design 1. Ensure legibility   2. Reduce effort (cognitive load)   3. Increase active engagement   4. Focus attention   Example:  http://www.kidsknowit.com/   Example:  http://pbskids.org/
  • 3.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12. Have you ever read a document where the author has decided to center a long-ish block of text (kind of like I am doing here?)  Isn't it a little harder to read this text when it's centered than it would be if it were left-justified? We might argue that it is just a matter of convention, that we are just used to reading text that is left justified. But the principle of alignment suggest that creating a strong implied line connecting objects on the page creates cohesion.  
  • 13.
  • 14. shape
  • 16. style
  • 17.
  • 18.   Grids keep complex alignments all lined up.
  • 19.   It's okay to break alignment when it serves a specific purpose such as to intentionally create tension or draw attention to a specific element of the page. (Also an example of asymmetical balance.)
  • 20. Rule of Thirds, Shape and Balance     "Rule of Thirds" - elements arranged along any of the one-third dividing lines take on importance and liveliness.   Shape - use a pattern that attracts and focuses attention.   Balance - balance is achieved when the "weight" of the elements in a display is equally distributed.
  • 21.   all over balance   rule of thirds and asymmetrical balance
  • 22.     use of shape
  • 23. Color Scheme   Complementary colors lie opposite each other on a color wheel.   Analogous colors lie next to each other on the color wheel. Warm colors excite Cool colors calm
  • 24.   Color Appeal           Cheerios uses complementary colors to appeals to consumers.  The main colors are warm, exciting colors. Johnson's uses analogous cool colors to appeal to consumers.
  • 25. Arrangement Proximity - put related elements close together.   Directionals - are used to direct the viewers to "read" the display in a particular sequence.   Contrast - Dark figures show up best on light grounds and light figures show up best on dark grounds.   Consistency - Be consistent in use of elements on computer screens, overhead slides, or handouts.   Examples   http://coe.sdsu.edu/eet/articles/designprin1/start.htm
  • 27.
  • 29. Visual Application Challenge     With your group, create a visual to utilize in your final class project using the principles discussed.
  • 30. References Heinich, R, Molenda, M, Russell, J.D., & Smaldino, S.E. (Ed.).      (2002). Instructional media and technologies for learning:      visual principles. Columbus, Ohio: Merrill Prentice Hall.