chapter 8: visuals and visual media
TRANSCRIPT
![Page 1: Chapter 8: Visuals and Visual Media](https://reader036.vdocuments.site/reader036/viewer/2022081418/58ce71d61a28abdc578b59bf/html5/thumbnails/1.jpg)
![Page 2: Chapter 8: Visuals and Visual Media](https://reader036.vdocuments.site/reader036/viewer/2022081418/58ce71d61a28abdc578b59bf/html5/thumbnails/2.jpg)
EDUC 58
Chapter 8VISUALS AND VISUAL MEDIA
PREPARED BY:DAQUIO, ANGIELET D.PEDREGOSA , JHON DENVER
INSTRUCTOR: DR. JAMES L. PAGLINAWAN
![Page 3: Chapter 8: Visuals and Visual Media](https://reader036.vdocuments.site/reader036/viewer/2022081418/58ce71d61a28abdc578b59bf/html5/thumbnails/3.jpg)
VISUAL AND MEDIA and VISUAL LITERACY
PURPOSE OF VISUALS
CATEGORIES OF VISUAL
![Page 4: Chapter 8: Visuals and Visual Media](https://reader036.vdocuments.site/reader036/viewer/2022081418/58ce71d61a28abdc578b59bf/html5/thumbnails/4.jpg)
VISUALS - pictures or images that are appealing to understand.
VISUAL MEDIA - refers to pictures ,images and graphic organizers that is used in the classroom
VISUAL LITERACY - ability to interpret images.- insist that it is essential that visual literacy skills be added to growing list of new capabilities (Roblyer and Bennet 2001).
![Page 5: Chapter 8: Visuals and Visual Media](https://reader036.vdocuments.site/reader036/viewer/2022081418/58ce71d61a28abdc578b59bf/html5/thumbnails/5.jpg)
PURPOSE OF VISUAL( Smaldo 2012)#1. Provide a concrete referent ideas.
#2. Make abstract ideas concrete.
#3. Motivate learners
#4. Direct attention to important ideas points.
#5. Repeat information.
#6. Recall prior learning.
#7. Reduce learning effort.
![Page 6: Chapter 8: Visuals and Visual Media](https://reader036.vdocuments.site/reader036/viewer/2022081418/58ce71d61a28abdc578b59bf/html5/thumbnails/6.jpg)
Categories of of visual 1. Realistic visual – actual object2. Mnemonic visual – patterns3. Analogical visual – convey a concept4. Organizational visual – show qualitative
relationship5. Relational visual – communicate
quantitative6. Transformation visual – illustrates
movements7. Interpretative visuals – illustrates theotrical8. Decorative visuals – things added to spice
up messsage.
![Page 7: Chapter 8: Visuals and Visual Media](https://reader036.vdocuments.site/reader036/viewer/2022081418/58ce71d61a28abdc578b59bf/html5/thumbnails/7.jpg)
BASIC ELEMENTS IN DESIGNING VISUALS
Lines ShapesColorsTextureTypographyForm
![Page 8: Chapter 8: Visuals and Visual Media](https://reader036.vdocuments.site/reader036/viewer/2022081418/58ce71d61a28abdc578b59bf/html5/thumbnails/8.jpg)
BASIC ELEMENTS IN DESIGNING VISUALS
1. LINES – connect two points and can help to define shapes, etc.
* ( Hatcher 1985) a. Straight line
b. Horizontal linec. Vertical line
d. Diagonal linee. Curved lines
![Page 9: Chapter 8: Visuals and Visual Media](https://reader036.vdocuments.site/reader036/viewer/2022081418/58ce71d61a28abdc578b59bf/html5/thumbnails/9.jpg)
2. SHAPES – two dimensional and can form the outline of objects
* ( Illian ; Best- practices in instructional graphic design.)
a. Squareb. Rectanglec. Circle d. Triangle
![Page 10: Chapter 8: Visuals and Visual Media](https://reader036.vdocuments.site/reader036/viewer/2022081418/58ce71d61a28abdc578b59bf/html5/thumbnails/10.jpg)
3. COLORS * Cool Colors - blue, green , and violet *Warm colors – red and orange
4. TEXTURES - refers how the surface feels.
5. TYPOGRAPHY – refers to which font are chosen , the size to be use, alignment of elements color and spacing.
6. FORM - this mainly applies to all objects in the three dimensions.
![Page 11: Chapter 8: Visuals and Visual Media](https://reader036.vdocuments.site/reader036/viewer/2022081418/58ce71d61a28abdc578b59bf/html5/thumbnails/11.jpg)
Principles for Creating a Visual DesignGuidelines in Designing Visuals
Non-Projected Visuals
![Page 12: Chapter 8: Visuals and Visual Media](https://reader036.vdocuments.site/reader036/viewer/2022081418/58ce71d61a28abdc578b59bf/html5/thumbnails/12.jpg)
PRINCIPLES FOR CREATING VISUAL DESIGN
1. UNITY – relationship of elements wether verbal and visual so that it functions tpgether.
2. GESTALT – Overall design
3. SPACE – define as when something place in it.
4. HEIRARCHY – shows the difference in terms of significance between the items.
5. BALANCE – equal distribution of elements on each side.
![Page 13: Chapter 8: Visuals and Visual Media](https://reader036.vdocuments.site/reader036/viewer/2022081418/58ce71d61a28abdc578b59bf/html5/thumbnails/13.jpg)
6. CONTRAST - makes some elements stand out on the page .
7.SCALE – specifies the range of sizes.
8. DOMINANCE – single element is the main focus to catch the viewers attention.
9. SIMILARITY - creating continuity throughout the design.
10. ARRANGEMENT – the arrangement of visual and verbal elements layout captures the attention of the viewer.
![Page 14: Chapter 8: Visuals and Visual Media](https://reader036.vdocuments.site/reader036/viewer/2022081418/58ce71d61a28abdc578b59bf/html5/thumbnails/14.jpg)
GUIDELINES IN DESIGNING VISUALS
1. Information / Instructional purposes
2. Graphic / Picture elements3. Text / Lettering Elements 4. COLOR5. LAYOUT
![Page 15: Chapter 8: Visuals and Visual Media](https://reader036.vdocuments.site/reader036/viewer/2022081418/58ce71d61a28abdc578b59bf/html5/thumbnails/15.jpg)
NON – PROJECTED VISUALS - are visuals that do not required the use of
equipment for projection .• ADVANTAGES
- can easily out acquired or obtained.- used without electricity.-appropriate for those without budget- without much artistic ability.- used different levels of instruction and discipline .
• DISADVANTAGES- can be damage easily with regular use.- hard to store- maybe too small for group viewing.
![Page 16: Chapter 8: Visuals and Visual Media](https://reader036.vdocuments.site/reader036/viewer/2022081418/58ce71d61a28abdc578b59bf/html5/thumbnails/16.jpg)
I . REAL OBJECT OR REALIA - accessible materials for educational use.
II. MODEL- three dimensional representation of a person or a
thing.
III. MOBILE - is a three dimensional materials that are hung
independently from the roof using the fine threads.
IV. STILL PICTURES AND GRAPHICS- photographic like representation of people , places and
things.
![Page 17: Chapter 8: Visuals and Visual Media](https://reader036.vdocuments.site/reader036/viewer/2022081418/58ce71d61a28abdc578b59bf/html5/thumbnails/17.jpg)
6 TYPES OF STILL GRAPHICS ( According to Heinich 1993)
DRAWING INCLUDING SKETCHES DIAGRAMCHARTSGRAPHSPOSTERS
CARTOON MAPS
![Page 18: Chapter 8: Visuals and Visual Media](https://reader036.vdocuments.site/reader036/viewer/2022081418/58ce71d61a28abdc578b59bf/html5/thumbnails/18.jpg)
Types of Charts
-Organizational Chart-Classification Chart-Timelines-Flowchart-Tabular Chart
![Page 19: Chapter 8: Visuals and Visual Media](https://reader036.vdocuments.site/reader036/viewer/2022081418/58ce71d61a28abdc578b59bf/html5/thumbnails/19.jpg)
Types Of Graphs-Bar Graph-Pictorial Graph-Pie Graph-Line Graph
![Page 20: Chapter 8: Visuals and Visual Media](https://reader036.vdocuments.site/reader036/viewer/2022081418/58ce71d61a28abdc578b59bf/html5/thumbnails/20.jpg)
Characteristics of Posters:•Words are minimal•Color and text are efficient•Poster are attractive
Uses:•Motivate students•Single idea•Captures attention•Publicize
![Page 21: Chapter 8: Visuals and Visual Media](https://reader036.vdocuments.site/reader036/viewer/2022081418/58ce71d61a28abdc578b59bf/html5/thumbnails/21.jpg)
Cartoon
![Page 22: Chapter 8: Visuals and Visual Media](https://reader036.vdocuments.site/reader036/viewer/2022081418/58ce71d61a28abdc578b59bf/html5/thumbnails/22.jpg)
Types of Maps
Road Map – for navigation.
Physical Map – shows landscapes of an area.
Topographic Map –same as physical map but it uses lines.
Political Map – shows names & location of important cities.
![Page 23: Chapter 8: Visuals and Visual Media](https://reader036.vdocuments.site/reader036/viewer/2022081418/58ce71d61a28abdc578b59bf/html5/thumbnails/23.jpg)
PHOTOGRPHY
![Page 24: Chapter 8: Visuals and Visual Media](https://reader036.vdocuments.site/reader036/viewer/2022081418/58ce71d61a28abdc578b59bf/html5/thumbnails/24.jpg)
Selecting A Cameraa.Cellphones and Smart phonesb.Point and shootc.EVIL Camerasd.DSLR’s
![Page 25: Chapter 8: Visuals and Visual Media](https://reader036.vdocuments.site/reader036/viewer/2022081418/58ce71d61a28abdc578b59bf/html5/thumbnails/25.jpg)
How to Compose Better Pictures
a. Rule of Thirds b. Balancing Elementsc. Leading Linesd. Symmetry and Patternse. Viewpoint f. Backgroundg. Depth
h. Framing i. Cropping
j. Experimentation
![Page 26: Chapter 8: Visuals and Visual Media](https://reader036.vdocuments.site/reader036/viewer/2022081418/58ce71d61a28abdc578b59bf/html5/thumbnails/26.jpg)
FIELD TRIP
![Page 27: Chapter 8: Visuals and Visual Media](https://reader036.vdocuments.site/reader036/viewer/2022081418/58ce71d61a28abdc578b59bf/html5/thumbnails/27.jpg)
Conducting A Field TripPlanning PreparingConducting
![Page 28: Chapter 8: Visuals and Visual Media](https://reader036.vdocuments.site/reader036/viewer/2022081418/58ce71d61a28abdc578b59bf/html5/thumbnails/28.jpg)
Non-projected Display MaterialsProjected Visuals
![Page 29: Chapter 8: Visuals and Visual Media](https://reader036.vdocuments.site/reader036/viewer/2022081418/58ce71d61a28abdc578b59bf/html5/thumbnails/29.jpg)
1. Blackboards2. Multipurpose boards3. Bulletin boards4. Felt boards
4. Magnetic boards 5. Flipcharts6. Exhibits7. Dioramas
![Page 30: Chapter 8: Visuals and Visual Media](https://reader036.vdocuments.site/reader036/viewer/2022081418/58ce71d61a28abdc578b59bf/html5/thumbnails/30.jpg)
1.Overhead Projector 2. Slide Projector3. Opaque Projector4. LCD 5. Document Cameras
![Page 31: Chapter 8: Visuals and Visual Media](https://reader036.vdocuments.site/reader036/viewer/2022081418/58ce71d61a28abdc578b59bf/html5/thumbnails/31.jpg)
THANK YOU FOR LISTENING! :*