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

La actualidad más candente

Basic visual design principles
Basic visual design principlesBasic visual design principles
Basic visual design principles
Ahmet Durmaz
 
E learning design principles
E learning design principlesE learning design principles
E learning design principles
Izaham
 
Basic layout principles
Basic layout principlesBasic layout principles
Basic layout principles
Sherwin Manual
 
Introduction to graphic design 3
Introduction to graphic design 3Introduction to graphic design 3
Introduction to graphic design 3
Sierra Siemer
 

La actualidad más candente (17)

Basic visual design principles
Basic visual design principlesBasic visual design principles
Basic visual design principles
 
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
 
E learning design principles
E learning design principlesE learning design principles
E learning design principles
 
Graphic Designing Presentation (Tips & Tricks)
Graphic Designing Presentation (Tips & Tricks)Graphic Designing Presentation (Tips & Tricks)
Graphic Designing Presentation (Tips & Tricks)
 
Visual Literacy
Visual LiteracyVisual Literacy
Visual Literacy
 
Basic layout principles
Basic layout principlesBasic layout principles
Basic layout principles
 
Visual Media (Part 2)
Visual Media (Part 2)Visual Media (Part 2)
Visual Media (Part 2)
 
Creative Workshop on Poster Design
Creative Workshop on Poster DesignCreative Workshop on Poster Design
Creative Workshop on Poster Design
 
Visual principles
Visual principlesVisual principles
Visual principles
 
Fundamental graphic design by rayn howayek
Fundamental graphic design by rayn howayekFundamental graphic design by rayn howayek
Fundamental graphic design by rayn howayek
 
Support Materials and Visualization for Distance Education
Support Materials and Visualization for Distance EducationSupport Materials and Visualization for Distance Education
Support Materials and Visualization for Distance Education
 
Design principles
Design principlesDesign principles
Design principles
 
Graphic design for marketing professionals
Graphic design for marketing professionalsGraphic design for marketing professionals
Graphic design for marketing professionals
 
Poster
PosterPoster
Poster
 
Introduction to graphic design 3
Introduction to graphic design 3Introduction to graphic design 3
Introduction to graphic design 3
 
Visual Media
Visual MediaVisual Media
Visual Media
 
MEDIA AND INFORMATION LITERACY (MIL)
MEDIA AND INFORMATION LITERACY (MIL)MEDIA AND INFORMATION LITERACY (MIL)
MEDIA AND INFORMATION LITERACY (MIL)
 

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
 
Role of visuals and graphics in communication
Role of visuals and graphics in communicationRole of visuals and graphics in communication
Role of visuals and graphics in communication
 
53.staticimage(3.6) 3
53.staticimage(3.6) 353.staticimage(3.6) 3
53.staticimage(3.6) 3
 
VDIS10015 Visual Communication Skills - Lecture 1
VDIS10015 Visual Communication Skills - Lecture 1VDIS10015 Visual Communication Skills - Lecture 1
VDIS10015 Visual Communication Skills - Lecture 1
 
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
 

Último

1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
QucHHunhnh
 
Gardella_PRCampaignConclusion Pitch Letter
Gardella_PRCampaignConclusion Pitch LetterGardella_PRCampaignConclusion Pitch Letter
Gardella_PRCampaignConclusion Pitch Letter
MateoGardella
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
ciinovamais
 
Making and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfMaking and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdf
Chris Hunter
 
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
heathfieldcps1
 
An Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdfAn Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdf
SanaAli374401
 
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
 

Último (20)

Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
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
 
Gardella_PRCampaignConclusion Pitch Letter
Gardella_PRCampaignConclusion Pitch LetterGardella_PRCampaignConclusion Pitch Letter
Gardella_PRCampaignConclusion Pitch Letter
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
Making and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfMaking and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdf
 
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
 
An Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdfAn Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdf
 
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 ...
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across Sectors
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
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
 
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
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 

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