31

Chapter 8: Visuals and Visual Media

Embed Size (px)

Citation preview

Page 1: Chapter 8: Visuals and Visual Media
Page 2: Chapter 8: Visuals and Visual Media

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

VISUAL AND MEDIA and VISUAL LITERACY

PURPOSE OF VISUALS

CATEGORIES OF VISUAL

Page 4: Chapter 8: Visuals and Visual Media

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

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

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

BASIC ELEMENTS IN DESIGNING VISUALS

Lines ShapesColorsTextureTypographyForm

Page 8: Chapter 8: Visuals and Visual Media

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

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

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

Principles for Creating a Visual DesignGuidelines in Designing Visuals

Non-Projected Visuals

Page 12: Chapter 8: Visuals and Visual Media

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

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

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

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

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

6 TYPES OF STILL GRAPHICS ( According to Heinich 1993)

DRAWING INCLUDING SKETCHES DIAGRAMCHARTSGRAPHSPOSTERS

CARTOON MAPS

Page 18: Chapter 8: Visuals and Visual Media

Types of Charts

-Organizational Chart-Classification Chart-Timelines-Flowchart-Tabular Chart

Page 19: Chapter 8: Visuals and Visual Media

Types Of Graphs-Bar Graph-Pictorial Graph-Pie Graph-Line Graph

Page 20: Chapter 8: Visuals and Visual Media

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

Cartoon

Page 22: Chapter 8: Visuals and Visual Media

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

PHOTOGRPHY

Page 24: Chapter 8: Visuals and Visual Media

Selecting A Cameraa.Cellphones and Smart phonesb.Point and shootc.EVIL Camerasd.DSLR’s

Page 25: Chapter 8: Visuals and Visual Media

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

FIELD TRIP

Page 27: Chapter 8: Visuals and Visual Media

Conducting A Field TripPlanning PreparingConducting

Page 28: Chapter 8: Visuals and Visual Media

Non-projected Display MaterialsProjected Visuals

Page 29: Chapter 8: Visuals and Visual Media

1. Blackboards2. Multipurpose boards3. Bulletin boards4. Felt boards

4. Magnetic boards 5. Flipcharts6. Exhibits7. Dioramas

Page 30: Chapter 8: Visuals and Visual Media

1.Overhead Projector 2. Slide Projector3. Opaque Projector4. LCD 5. Document Cameras

Page 31: Chapter 8: Visuals and Visual Media

THANK YOU FOR LISTENING! :*