SlideShare una empresa de Scribd logo
1 de 29
VISUAL PRINCIPLES Prepared By: Catherine T. Espinosa
VISUAL PRINCIPLES play 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 Instruction To 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 Instruction Visuals 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 LITERACY It'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 LITERACY The 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 Literacy 2.  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 Visuals One 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 DESIGN Ensure legibility The goal of good visual design is to remove as many as obstacles as possible that might impede transmission of your message.
GOALS OF  VISUAL DESIGN Reduce 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 DESIGN Increase 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 DESIGN Focus 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 DESIGN Elements: 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 DESIGN Elements 	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 Elements Realistic 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 Elements Organizational visual includes flowcharts, graphs, maps, schematics, and classification charts.
Verbal Elements Letter 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 Elements Capitals 	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 Elements Size 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 Elements Spacing 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 Appeal Surprise	-	Grabs attention Texture	-	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 Appeal Interaction	 -	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

Más contenido relacionado

Destacado (7)

Visual principles
Visual principlesVisual principles
Visual principles
 
Visual principles
Visual principlesVisual principles
Visual principles
 
Android drawing and graphics API
Android drawing and graphics APIAndroid drawing and graphics API
Android drawing and graphics API
 
Visual principles
Visual principlesVisual principles
Visual principles
 
Visual principles
Visual principlesVisual principles
Visual principles
 
Visual principles
Visual principlesVisual principles
Visual principles
 
32 Ways a Digital Marketing Consultant Can Help Grow Your Business
32 Ways a Digital Marketing Consultant Can Help Grow Your Business32 Ways a Digital Marketing Consultant Can Help Grow Your Business
32 Ways a Digital Marketing Consultant Can Help Grow Your Business
 

Similar a Visual principles

53.staticimage(3.6) 3
53.staticimage(3.6) 353.staticimage(3.6) 3
53.staticimage(3.6) 3
Linda Rubens
 
Visual Literacy
Visual LiteracyVisual Literacy
Visual Literacy
Giaia
 
KPT 6044 Penilaian Kendiri (teks)_ppt
KPT 6044 Penilaian Kendiri (teks)_pptKPT 6044 Penilaian Kendiri (teks)_ppt
KPT 6044 Penilaian Kendiri (teks)_ppt
ngochooihong
 
KPT6044 Penilaian Kendiri (teks)_pdf
KPT6044 Penilaian Kendiri (teks)_pdfKPT6044 Penilaian Kendiri (teks)_pdf
KPT6044 Penilaian Kendiri (teks)_pdf
ngochooihong
 
StoryViz Visual Communication Principles
StoryViz Visual Communication PrinciplesStoryViz Visual Communication Principles
StoryViz Visual Communication Principles
storyviz
 
Handouts, Study Guides, and Visuals
Handouts, Study Guides, and VisualsHandouts, Study Guides, and Visuals
Handouts, Study Guides, and Visuals
Raheen26
 

Similar a Visual principles (20)

LAYOUT_Graphic--Design-Presentation.pptx
LAYOUT_Graphic--Design-Presentation.pptxLAYOUT_Graphic--Design-Presentation.pptx
LAYOUT_Graphic--Design-Presentation.pptx
 
53.staticimage(3.6) 3
53.staticimage(3.6) 353.staticimage(3.6) 3
53.staticimage(3.6) 3
 
Design 101 > Lesson 01
Design 101 > Lesson 01Design 101 > Lesson 01
Design 101 > Lesson 01
 
Visual Literacy
Visual LiteracyVisual Literacy
Visual Literacy
 
visual literacy
visual literacyvisual literacy
visual literacy
 
a v aids.pptx
a v aids.pptxa v aids.pptx
a v aids.pptx
 
Multimodal Approaches for Learning
Multimodal Approaches for LearningMultimodal Approaches for Learning
Multimodal Approaches for Learning
 
Basic Graphic Design Introduction_Zero Lecture.pptx
Basic Graphic Design Introduction_Zero Lecture.pptxBasic Graphic Design Introduction_Zero Lecture.pptx
Basic Graphic Design Introduction_Zero Lecture.pptx
 
Visual design
Visual designVisual design
Visual design
 
Module 8
Module 8Module 8
Module 8
 
KPT 6044 Penilaian Kendiri (teks)_ppt
KPT 6044 Penilaian Kendiri (teks)_pptKPT 6044 Penilaian Kendiri (teks)_ppt
KPT 6044 Penilaian Kendiri (teks)_ppt
 
KPT6044 Penilaian Kendiri (teks)_pdf
KPT6044 Penilaian Kendiri (teks)_pdfKPT6044 Penilaian Kendiri (teks)_pdf
KPT6044 Penilaian Kendiri (teks)_pdf
 
Penilaian kendiri
Penilaian kendiri Penilaian kendiri
Penilaian kendiri
 
Handouts, Study Guides, and Visuals
Handouts, Study Guides, and Visuals Handouts, Study Guides, and Visuals
Handouts, Study Guides, and Visuals
 
StoryViz Visual Communication Principles
StoryViz Visual Communication PrinciplesStoryViz Visual Communication Principles
StoryViz Visual Communication Principles
 
Syllabus su 2010
Syllabus su 2010Syllabus su 2010
Syllabus su 2010
 
Handouts, Study Guides, and Visuals
Handouts, Study Guides, and VisualsHandouts, Study Guides, and Visuals
Handouts, Study Guides, and Visuals
 
Penilaian kendiri buku
Penilaian kendiri bukuPenilaian kendiri buku
Penilaian kendiri buku
 
Penilaian kendiri
Penilaian kendiri Penilaian kendiri
Penilaian kendiri
 
Visual-Persuasion_the process of influencing people’s thoughts and stimulate ...
Visual-Persuasion_the process of influencing people’s thoughts and stimulate ...Visual-Persuasion_the process of influencing people’s thoughts and stimulate ...
Visual-Persuasion_the process of influencing people’s thoughts and stimulate ...
 

Último

會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽
會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽
會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽
中 央社
 
SURVEY I created for uni project research
SURVEY I created for uni project researchSURVEY I created for uni project research
SURVEY I created for uni project research
CaitlinCummins3
 
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文
中 央社
 

Último (20)

diagnosting testing bsc 2nd sem.pptx....
diagnosting testing bsc 2nd sem.pptx....diagnosting testing bsc 2nd sem.pptx....
diagnosting testing bsc 2nd sem.pptx....
 
Mattingly "AI & Prompt Design: Named Entity Recognition"
Mattingly "AI & Prompt Design: Named Entity Recognition"Mattingly "AI & Prompt Design: Named Entity Recognition"
Mattingly "AI & Prompt Design: Named Entity Recognition"
 
Championnat de France de Tennis de table/
Championnat de France de Tennis de table/Championnat de France de Tennis de table/
Championnat de France de Tennis de table/
 
“O BEIJO” EM ARTE .
“O BEIJO” EM ARTE                       .“O BEIJO” EM ARTE                       .
“O BEIJO” EM ARTE .
 
MOOD STABLIZERS DRUGS.pptx
MOOD     STABLIZERS           DRUGS.pptxMOOD     STABLIZERS           DRUGS.pptx
MOOD STABLIZERS DRUGS.pptx
 
demyelinated disorder: multiple sclerosis.pptx
demyelinated disorder: multiple sclerosis.pptxdemyelinated disorder: multiple sclerosis.pptx
demyelinated disorder: multiple sclerosis.pptx
 
會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽
會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽
會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽會考英聽
 
When Quality Assurance Meets Innovation in Higher Education - Report launch w...
When Quality Assurance Meets Innovation in Higher Education - Report launch w...When Quality Assurance Meets Innovation in Higher Education - Report launch w...
When Quality Assurance Meets Innovation in Higher Education - Report launch w...
 
The Story of Village Palampur Class 9 Free Study Material PDF
The Story of Village Palampur Class 9 Free Study Material PDFThe Story of Village Palampur Class 9 Free Study Material PDF
The Story of Village Palampur Class 9 Free Study Material PDF
 
IPL Online Quiz by Pragya; Question Set.
IPL Online Quiz by Pragya; Question Set.IPL Online Quiz by Pragya; Question Set.
IPL Online Quiz by Pragya; Question Set.
 
The Liver & Gallbladder (Anatomy & Physiology).pptx
The Liver &  Gallbladder (Anatomy & Physiology).pptxThe Liver &  Gallbladder (Anatomy & Physiology).pptx
The Liver & Gallbladder (Anatomy & Physiology).pptx
 
SURVEY I created for uni project research
SURVEY I created for uni project researchSURVEY I created for uni project research
SURVEY I created for uni project research
 
UChicago CMSC 23320 - The Best Commit Messages of 2024
UChicago CMSC 23320 - The Best Commit Messages of 2024UChicago CMSC 23320 - The Best Commit Messages of 2024
UChicago CMSC 23320 - The Best Commit Messages of 2024
 
PSYPACT- Practicing Over State Lines May 2024.pptx
PSYPACT- Practicing Over State Lines May 2024.pptxPSYPACT- Practicing Over State Lines May 2024.pptx
PSYPACT- Practicing Over State Lines May 2024.pptx
 
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文
 
Stl Algorithms in C++ jjjjjjjjjjjjjjjjjj
Stl Algorithms in C++ jjjjjjjjjjjjjjjjjjStl Algorithms in C++ jjjjjjjjjjjjjjjjjj
Stl Algorithms in C++ jjjjjjjjjjjjjjjjjj
 
Analyzing and resolving a communication crisis in Dhaka textiles LTD.pptx
Analyzing and resolving a communication crisis in Dhaka textiles LTD.pptxAnalyzing and resolving a communication crisis in Dhaka textiles LTD.pptx
Analyzing and resolving a communication crisis in Dhaka textiles LTD.pptx
 
philosophy and it's principles based on the life
philosophy and it's principles based on the lifephilosophy and it's principles based on the life
philosophy and it's principles based on the life
 
How to Manage Closest Location in Odoo 17 Inventory
How to Manage Closest Location in Odoo 17 InventoryHow to Manage Closest Location in Odoo 17 Inventory
How to Manage Closest Location in Odoo 17 Inventory
 
8 Tips for Effective Working Capital Management
8 Tips for Effective Working Capital Management8 Tips for Effective Working Capital Management
8 Tips for Effective Working Capital Management
 

Visual principles

  • 1. VISUAL PRINCIPLES Prepared By: Catherine T. Espinosa
  • 2. VISUAL PRINCIPLES play 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 Instruction To 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 Instruction Visuals can also motivate learners by attracting their attention, holding their attention, and generating emotional responses. Visuals can simplify information that is difficult to understand.
  • 5.
  • 6. VISUAL LITERACY It'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 LITERACY The 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 Literacy 2. 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 Visuals One 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 DESIGN Ensure legibility The 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 DESIGN Reduce 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 DESIGN Increase 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 DESIGN Focus 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 DESIGN Elements: 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 DESIGN Elements 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 Elements Realistic 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 Elements Organizational visual includes flowcharts, graphs, maps, schematics, and classification charts.
  • 23. Verbal Elements Letter 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 Elements Capitals 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 Elements Size 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 Elements Spacing 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 Appeal Surprise - Grabs attention Texture - 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 Appeal Interaction - 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