SlideShare une entreprise Scribd logo
1  sur  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

Contenu connexe

Similaire à 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
 

Similaire à 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 ...
 

Plus de Catherine Espinosa (6)

basic-parts-of-computer-system.pptx
basic-parts-of-computer-system.pptxbasic-parts-of-computer-system.pptx
basic-parts-of-computer-system.pptx
 
Visual principles
Visual principlesVisual principles
Visual principles
 
Visual principles
Visual principlesVisual principles
Visual principles
 
Visual principles
Visual principlesVisual principles
Visual principles
 
Visual principles
Visual principlesVisual principles
Visual principles
 
Visual principles
Visual principlesVisual principles
Visual principles
 

Dernier

1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
QucHHunhnh
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
negromaestrong
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
ZurliaSoop
 

Dernier (20)

Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POS
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
 
Magic bus Group work1and 2 (Team 3).pptx
Magic bus Group work1and 2 (Team 3).pptxMagic bus Group work1and 2 (Team 3).pptx
Magic bus Group work1and 2 (Team 3).pptx
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptx
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and Modifications
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
PROCESS RECORDING FORMAT.docx
PROCESS      RECORDING        FORMAT.docxPROCESS      RECORDING        FORMAT.docx
PROCESS RECORDING FORMAT.docx
 

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