SlideShare a Scribd company logo
VISUAL PRINCIPLESPrepared By: Catherine T. Espinosa
VISUAL PRINCIPLESplay a vital role in education and training. In teaching, teachers have to be innovative in presenting lessons to students so that they will be clearly understood. In this regard, the use of visual aids in teaching help teachers delivers their lessons to the students in a more creative and innovative way.
The Role of Visuals in InstructionTo provide concrete referent for ideas		(what word or symbol denotes)Visuals are iconic, they have some resemblance to the thing they represent
The Role of Visuals in InstructionVisuals can also motivate learners by attracting their attention, holding their attention, and generating emotional responses.Visuals can simplify information that is difficult to understand.
Visual principles
VISUAL LITERACYIt's true that "a picture is worth a thousand words."A picture can stimulate the memory, and the memory becomes the learning. As teachers in a visual world, we must take advantage of every opportunity that comes our way.
VISUAL LITERACYThe term literacy once was used only to refer to reading and writing of verbal information, today visual literacy refer to the learned ability to interpret visual messages accurately to create such messages.
VISUAL LITERACY includes such areas as facial expressions, body language, drawing, painting, sculpture, hand signs, street signs, international symbols, layout of the pictures and words in a textbook, the clarity of type fonts, computer images, student produced still pictures, sequences, movies or video, user friendly equipment design, critical analysis of television advertisements and many, many other things"
Visual Approaches of Visual Literacy Input Strategy - helping learners to “decode” or read, visuals proficiently by practicing visual analysis like (picture analysis and discussion of multimedia and video programs).
Visual Approaches of Visual Literacy2.  Output Strategy – helping learners to “encode” or write visuals to express themselves and communicate with others (through planning and producing photo and video presentations
Developmental Effects(Dwyer, 1978) “As a child gets older, he becomes more capable of attending selectively to those features of an instructional presentation that have the greatest potential for enhancing his learning of desired information.”
Cultural Effects  Different cultural groups may perceive visual materials in different ways.
Visual Preferences in selecting visual, teachers have to make appropriate choices between the sorts of visuals that are preferred and those that are most effective.The most important is, students develop their visual abilities by using them.
 Encoding: Creating VisualsOne skill nearly always included in visual education curricula is that of sequencing.  It is the ability to sequence or arrange ideas in logical order.  This is the extremely important factor in verbal literacy, especially in the ability to communicate in writing.
GOALS OF  VISUAL DESIGNEnsure legibilityThe goal of good visual design is to remove as many as obstacles as possible that might impede transmission of your message.
GOALS OF  VISUAL DESIGNReduce the effort required to interpret the message		As a designer you want to convey your message in such a way that viewers expend little effort making sense out of what they are setting and are free to use most of their mental for understanding the message itself.
GOALS OF  VISUAL DESIGNIncrease the viewer’s active engagement with the message		A major goal is to make your visual as appealing as possible – to get the viewers’ attention and to entice them into thinking about your message.  Choosing a style appropriate for your audience and using appealing color scheme also will help you gain and hold your audience.
GOALS OF  VISUAL DESIGNFocus attention on the most important parts of the message		Teachers, designers, and other who are create visual and verbal/visual displays face a series of design decisions about how to arrange the elements to achieve their goal.
GOALS OF  VISUAL DESIGNElements: Selecting and assembling the visual elements to incorporate into the display.Pattern: Choosing an underlying pattern for the elements of display.Arrangement: Arranging the individual elements within the underlying pattern.
PROCESSES OF VISUAL DESIGNElements	Includes the visual elements (choosing the type of visual), the verbal elements (lettering style and location), and the elements that add appeal (surprise, texture, interaction).
Visual ElementsRealistic visuals show the actual object under study. Using realistic can heighten the degree of realism.  Effective communication is always best served by the most realistic visuals available.Analogic  visuals convey a concept or topic showing something else and implying a similarity.
Visual ElementsOrganizational visual includes flowcharts, graphs, maps, schematics, and classification charts.
Verbal ElementsLetter Style	The style of the lettering should be consistent and should harmonize with the other elements of the visual.Number of Lettering Styles	A display or a series of related visuals, such as slide series should use not more than two different type styles, and these should harmonize with each other.  For good communication you should have to limit the number of variations (bold, italic, underline, size changes) to a maximum of four.
Verbal ElementsCapitals	For best legibility, use lowercase letters, adding capitals only where normally required.Color of Lettering“Figure-Ground Contrast”, the color of the lettering should contrast with the background color both for the sake of simple legibility and for the sake emphasis in cases where you want to call particular attention to the verbal message.
Verbal ElementsSize of Lettering	The size of lettering is crucial for legibility.Spacing Between Letters	Letters in alphabet comes in different shapes like irregular, rectangular and circular shape.  It may result to unevenness of the spacing.  In order to solve this problem you have to space your letters by optical spacing or by estimating approximately equal amounts of white space between letters.
Verbal ElementsSpacing Between Lines		The vertical spacing between lines of printed material is also important for legibility.  To achieve this legibility, use ruler to draw lines slightly on your blank layout.
 Elements that Add AppealSurprise	-	Grabs attentionTexture	-	It is the characteristic of three-dimensional objects and materials.  	It can convey a clearer idea of the subject to the viewer involving the sense of touch.
Elements that Add AppealInteraction	 -	The R of the ASSURE model (require learner participation)                              applies to all forms of media.
"All of us are watchers – of television, of time clocks, of traffic on the freeway - but few of us are observers. Everyone is looking, not many are seeing."- Peter M. Leschak

More Related Content

PPT
Visual Principles
PPTX
Visual Principles
PPT
Visual in Instruction
PPT
Visual Principles
PPTX
Visual principles
PPTX
Week 5 - Visual Principles
PPTX
Visual principles edu711
PPTX
Organization in the visual arts and Principles of Design
Visual Principles
Visual Principles
Visual in Instruction
Visual Principles
Visual principles
Week 5 - Visual Principles
Visual principles edu711
Organization in the visual arts and Principles of Design

What's hot (20)

PDF
Graphic design slideshow
PDF
Page Layout Techniques: Contrast
PDF
Intro to the Principles of Graphic Design
PPTX
Design principles - graphic design
PPTX
Visual design
PPT
Radial symmetry
PPTX
Elements of design (1)
PPTX
Research-Based Teaching Strategies
PPTX
Instructional materials in education
PPTX
K-12.pptx
PPT
Representation of Vector Graphics
PPTX
Composition and layout
PPTX
Elements and principles of art
PPTX
Perspective drawing
PDF
Visual elements
PPTX
Elements and organization of art
PPT
The value of art
PPTX
ITEM-ANALYSIS-AND-VALIDATION-in-assessment-in-learning.pptx
PDF
Principles of Design
PDF
Elements and Principles of Design
Graphic design slideshow
Page Layout Techniques: Contrast
Intro to the Principles of Graphic Design
Design principles - graphic design
Visual design
Radial symmetry
Elements of design (1)
Research-Based Teaching Strategies
Instructional materials in education
K-12.pptx
Representation of Vector Graphics
Composition and layout
Elements and principles of art
Perspective drawing
Visual elements
Elements and organization of art
The value of art
ITEM-ANALYSIS-AND-VALIDATION-in-assessment-in-learning.pptx
Principles of Design
Elements and Principles of Design
Ad

Viewers also liked (8)

PPTX
Types of Visuals
PPTX
Chapter 3: Visual Design: Principles and Applications
PPTX
Edgar Dales Cone Of Experience1
PPTX
EXHIBITS AND MUSEUMS
PPTX
Human Body Systems & Major Organs
PDF
Visual Design Basics
DOCX
Field Study 2: FS2 Experiencing the Teaching- Learning Process
PPTX
Different Types of Instructional Materials
Types of Visuals
Chapter 3: Visual Design: Principles and Applications
Edgar Dales Cone Of Experience1
EXHIBITS AND MUSEUMS
Human Body Systems & Major Organs
Visual Design Basics
Field Study 2: FS2 Experiencing the Teaching- Learning Process
Different Types of Instructional Materials
Ad

Similar to Visual principles (20)

PPTX
LAYOUT_Graphic--Design-Presentation.pptx
PPTX
Role of visuals and graphics in communication
PPTX
53.staticimage(3.6) 3
PDF
VDIS10015 Visual Communication Skills - Lecture 1
PDF
Design 101 > Lesson 01
PPTX
TLE 8 EAGLE q1 week 3.pOWERPOINT LESSON
PPT
Visual Literacy
PPTX
visual literacy
PPTX
Visual Discrimination (1).pptxsn ms lms lkm skl sklslm
PDF
Creating a Multimodal Presentation English Presentation in Black White Modern...
PPTX
Creating a Multimodal Presentation English Presentation in Black White Modern...
PPTX
Multimodal Approaches for Learning
PPTX
Basic Graphic Design Introduction_Zero Lecture.pptx
PPTX
Visual design
PPTX
Module 8
PPTX
KPT 6044 Penilaian Kendiri (teks)_ppt
PDF
KPT6044 Penilaian Kendiri (teks)_pdf
DOC
Penilaian kendiri
PPTX
CHAPTER-8 nursing education technology.pptx
LAYOUT_Graphic--Design-Presentation.pptx
Role of visuals and graphics in communication
53.staticimage(3.6) 3
VDIS10015 Visual Communication Skills - Lecture 1
Design 101 > Lesson 01
TLE 8 EAGLE q1 week 3.pOWERPOINT LESSON
Visual Literacy
visual literacy
Visual Discrimination (1).pptxsn ms lms lkm skl sklslm
Creating a Multimodal Presentation English Presentation in Black White Modern...
Creating a Multimodal Presentation English Presentation in Black White Modern...
Multimodal Approaches for Learning
Basic Graphic Design Introduction_Zero Lecture.pptx
Visual design
Module 8
KPT 6044 Penilaian Kendiri (teks)_ppt
KPT6044 Penilaian Kendiri (teks)_pdf
Penilaian kendiri
CHAPTER-8 nursing education technology.pptx

More from Catherine Espinosa (6)

PPTX
basic-parts-of-computer-system.pptx
PPTX
Visual principles
PPTX
Visual principles
PPTX
Visual principles
PPTX
Visual principles
PPTX
Visual principles
basic-parts-of-computer-system.pptx
Visual principles
Visual principles
Visual principles
Visual principles
Visual principles

Recently uploaded (20)

PPTX
Virtual and Augmented Reality in Current Scenario
PPTX
Introduction to Building Materials
PDF
HVAC Specification 2024 according to central public works department
PDF
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
PDF
Weekly quiz Compilation Jan -July 25.pdf
PDF
Vision Prelims GS PYQ Analysis 2011-2022 www.upscpdf.com.pdf
PDF
BP 704 T. NOVEL DRUG DELIVERY SYSTEMS (UNIT 1)
PDF
My India Quiz Book_20210205121199924.pdf
PDF
AI-driven educational solutions for real-life interventions in the Philippine...
PDF
IGGE1 Understanding the Self1234567891011
PDF
MBA _Common_ 2nd year Syllabus _2021-22_.pdf
DOC
Soft-furnishing-By-Architect-A.F.M.Mohiuddin-Akhand.doc
PDF
OBE - B.A.(HON'S) IN INTERIOR ARCHITECTURE -Ar.MOHIUDDIN.pdf
PDF
RTP_AR_KS1_Tutor's Guide_English [FOR REPRODUCTION].pdf
PDF
FOISHS ANNUAL IMPLEMENTATION PLAN 2025.pdf
PPTX
Introduction to pro and eukaryotes and differences.pptx
PDF
احياء السادس العلمي - الفصل الثالث (التكاثر) منهج متميزين/كلية بغداد/موهوبين
PDF
1_English_Language_Set_2.pdf probationary
PDF
Paper A Mock Exam 9_ Attempt review.pdf.
PDF
Hazard Identification & Risk Assessment .pdf
Virtual and Augmented Reality in Current Scenario
Introduction to Building Materials
HVAC Specification 2024 according to central public works department
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
Weekly quiz Compilation Jan -July 25.pdf
Vision Prelims GS PYQ Analysis 2011-2022 www.upscpdf.com.pdf
BP 704 T. NOVEL DRUG DELIVERY SYSTEMS (UNIT 1)
My India Quiz Book_20210205121199924.pdf
AI-driven educational solutions for real-life interventions in the Philippine...
IGGE1 Understanding the Self1234567891011
MBA _Common_ 2nd year Syllabus _2021-22_.pdf
Soft-furnishing-By-Architect-A.F.M.Mohiuddin-Akhand.doc
OBE - B.A.(HON'S) IN INTERIOR ARCHITECTURE -Ar.MOHIUDDIN.pdf
RTP_AR_KS1_Tutor's Guide_English [FOR REPRODUCTION].pdf
FOISHS ANNUAL IMPLEMENTATION PLAN 2025.pdf
Introduction to pro and eukaryotes and differences.pptx
احياء السادس العلمي - الفصل الثالث (التكاثر) منهج متميزين/كلية بغداد/موهوبين
1_English_Language_Set_2.pdf probationary
Paper A Mock Exam 9_ Attempt review.pdf.
Hazard Identification & Risk Assessment .pdf

Visual principles

  • 1. VISUAL PRINCIPLESPrepared By: Catherine T. Espinosa
  • 2. VISUAL PRINCIPLESplay a vital role in education and training. In teaching, teachers have to be innovative in presenting lessons to students so that they will be clearly understood. In this regard, the use of visual aids in teaching help teachers delivers their lessons to the students in a more creative and innovative way.
  • 3. The Role of Visuals in InstructionTo provide concrete referent for ideas (what word or symbol denotes)Visuals are iconic, they have some resemblance to the thing they represent
  • 4. The Role of Visuals in InstructionVisuals can also motivate learners by attracting their attention, holding their attention, and generating emotional responses.Visuals can simplify information that is difficult to understand.
  • 6. VISUAL LITERACYIt's true that "a picture is worth a thousand words."A picture can stimulate the memory, and the memory becomes the learning. As teachers in a visual world, we must take advantage of every opportunity that comes our way.
  • 7. VISUAL LITERACYThe term literacy once was used only to refer to reading and writing of verbal information, today visual literacy refer to the learned ability to interpret visual messages accurately to create such messages.
  • 8. VISUAL LITERACY includes such areas as facial expressions, body language, drawing, painting, sculpture, hand signs, street signs, international symbols, layout of the pictures and words in a textbook, the clarity of type fonts, computer images, student produced still pictures, sequences, movies or video, user friendly equipment design, critical analysis of television advertisements and many, many other things"
  • 9. Visual Approaches of Visual Literacy Input Strategy - helping learners to “decode” or read, visuals proficiently by practicing visual analysis like (picture analysis and discussion of multimedia and video programs).
  • 10. Visual Approaches of Visual Literacy2. Output Strategy – helping learners to “encode” or write visuals to express themselves and communicate with others (through planning and producing photo and video presentations
  • 11. Developmental Effects(Dwyer, 1978) “As a child gets older, he becomes more capable of attending selectively to those features of an instructional presentation that have the greatest potential for enhancing his learning of desired information.”
  • 12. Cultural Effects Different cultural groups may perceive visual materials in different ways.
  • 13. Visual Preferences in selecting visual, teachers have to make appropriate choices between the sorts of visuals that are preferred and those that are most effective.The most important is, students develop their visual abilities by using them.
  • 14.  Encoding: Creating VisualsOne skill nearly always included in visual education curricula is that of sequencing. It is the ability to sequence or arrange ideas in logical order. This is the extremely important factor in verbal literacy, especially in the ability to communicate in writing.
  • 15. GOALS OF VISUAL DESIGNEnsure legibilityThe goal of good visual design is to remove as many as obstacles as possible that might impede transmission of your message.
  • 16. GOALS OF VISUAL DESIGNReduce the effort required to interpret the message As a designer you want to convey your message in such a way that viewers expend little effort making sense out of what they are setting and are free to use most of their mental for understanding the message itself.
  • 17. GOALS OF VISUAL DESIGNIncrease the viewer’s active engagement with the message A major goal is to make your visual as appealing as possible – to get the viewers’ attention and to entice them into thinking about your message. Choosing a style appropriate for your audience and using appealing color scheme also will help you gain and hold your audience.
  • 18. GOALS OF VISUAL DESIGNFocus attention on the most important parts of the message Teachers, designers, and other who are create visual and verbal/visual displays face a series of design decisions about how to arrange the elements to achieve their goal.
  • 19. GOALS OF VISUAL DESIGNElements: Selecting and assembling the visual elements to incorporate into the display.Pattern: Choosing an underlying pattern for the elements of display.Arrangement: Arranging the individual elements within the underlying pattern.
  • 20. PROCESSES OF VISUAL DESIGNElements Includes the visual elements (choosing the type of visual), the verbal elements (lettering style and location), and the elements that add appeal (surprise, texture, interaction).
  • 21. Visual ElementsRealistic visuals show the actual object under study. Using realistic can heighten the degree of realism. Effective communication is always best served by the most realistic visuals available.Analogic visuals convey a concept or topic showing something else and implying a similarity.
  • 22. Visual ElementsOrganizational visual includes flowcharts, graphs, maps, schematics, and classification charts.
  • 23. Verbal ElementsLetter Style The style of the lettering should be consistent and should harmonize with the other elements of the visual.Number of Lettering Styles A display or a series of related visuals, such as slide series should use not more than two different type styles, and these should harmonize with each other. For good communication you should have to limit the number of variations (bold, italic, underline, size changes) to a maximum of four.
  • 24. Verbal ElementsCapitals For best legibility, use lowercase letters, adding capitals only where normally required.Color of Lettering“Figure-Ground Contrast”, the color of the lettering should contrast with the background color both for the sake of simple legibility and for the sake emphasis in cases where you want to call particular attention to the verbal message.
  • 25. Verbal ElementsSize of Lettering The size of lettering is crucial for legibility.Spacing Between Letters Letters in alphabet comes in different shapes like irregular, rectangular and circular shape. It may result to unevenness of the spacing. In order to solve this problem you have to space your letters by optical spacing or by estimating approximately equal amounts of white space between letters.
  • 26. Verbal ElementsSpacing Between Lines The vertical spacing between lines of printed material is also important for legibility. To achieve this legibility, use ruler to draw lines slightly on your blank layout.
  • 27.  Elements that Add AppealSurprise - Grabs attentionTexture - It is the characteristic of three-dimensional objects and materials. It can convey a clearer idea of the subject to the viewer involving the sense of touch.
  • 28. Elements that Add AppealInteraction - The R of the ASSURE model (require learner participation) applies to all forms of media.
  • 29. "All of us are watchers – of television, of time clocks, of traffic on the freeway - but few of us are observers. Everyone is looking, not many are seeing."- Peter M. Leschak