This document discusses visual media and information literacy. It provides examples of common visual media like photographs, videos, infographics, and comics. The purpose of visual information is to gain attention, create meaning, and facilitate retention. Common file types for visual media are discussed, including JPEG, GIF, and PNG. Visual design principles are also outlined, such as consistency, center of interest, balance, harmony, contrast, directional movement, rhythm, and perspective.

1. Visual
Media and Information
Media and Information Literacy (MIL)
By: jmngoho 2019

2. CLASS ACTIVITY
•Write the story of the graphic novel in your
notebook.
•You are not allowed to talk to your
classmates. (5 minutes)

3. Visual Storytelling
THE HYBRID GRAPHIC NOVEL

4. Visual Storytelling
THE HYBRID GRAPHIC NOVEL

5. Visual Storytelling

6. Visual Storytelling

7. Visual Storytelling

8. Visual Storytelling

9. Visual Storytelling

10. Visual Storytelling

11. Visual Storytelling

12. Visual Storytelling

13. Visual Storytelling

14. Visual Storytelling

15. Visual Storytelling

16. CLASS DISCUSSION
• What is the story in this graphic novel?
• Who is the main character in the story?
• How did you know?
• What do you know about the main character?
• How did you know it?

17. Examples of VISUAL MEDIA
• Photography
• Video
• Screenshots
• Infographics
• Data Visualization (charts and graphs)
• Comic Strips/Cartoons
• Memes
• Visual Note-Taking

18. Purpose of VISUAL INFORMATION
•gain attention
•create meaning
•facilitate retention

19. Purpose of VISUAL INFORMATION

20. The Power Of Visual Content
by DemandGen Report (2014)

22. The Power Of Visual Content

23. Common VISUAL MEDIA File Types

24. Common VISUAL MEDIA File Types
The JPEG format is virtually synonymous with digital
photography. Virtually all modern cameras offer it
as a default setting.
• Best for: Photographs and graphics that involve gradients or
other broad color ranges.
• Avoid it for: Logos and line drawings.

25. Common VISUAL MEDIA File Types
GIF supports animation.
• Sports blogs and websites have started to
use GIF images to show highlights.
• Unlike a video, a GIF can play directly in a
mobile browser
Best for: Logos, simple graphics, animations and video
clips where image quality isn’t a high priority.
Avoid it for: Saving photos, printed documents or
graphics that need a large color palette.

26. Common VISUAL MEDIA File Types
PNG acts as a more modern version of the GIF standard.
Its lossless format and color palette match what is found
in a GIF. However, a PNG image will result in a smaller file
than a GIF with the same data.
• Best for: (PNG-24) High-resolution or high-contrast images that will ultimately
make their way to print, or similar images for web use that require
transparency.
• Avoid it for: (PNG-24) Photos that will be hosted on the web.

27. Visual Design Principles
• Consistency of margins, typeface, typestyle, and
colors is necessary, especially in slide
presentations or documents that are more than
one page.

28. Visual Design Principles
• Center of interest
an area that first attracts attention in a composition.
This area is more important when compared to the
other objects or elements in a composition.
 This can be by contrast of values, more colors, and
placement in the format.

29. Visual Design Principles
• Balance
a feeling of visual equality in shape, form, value,
color, etc. Balance can be symmetrical and evenly
balanced, or asymmetrical and unevenly balanced.
 Objects, values, colors, textures, shapes, forms, etc.
can be used in creating balance in a composition.

30. Visual Design Principles
• Harmony
 brings together a composition with similar units.
 If for example your composition was using wavy lines
and organic shapes, you would stay with those types
of lines and not put in just one geometric shape.

31. Visual Design Principles
• Contrast
offers some change in value creating a visual discord
in a composition.
shows the difference between shapes and can be used
as a background to bring objects out and forward in a
design.
It can also be used to create an area of emphasis.

32. Visual Design Principles
• Directional Movement
a visual flow through the composition.
suggestion of motion in a design as you move from
object to object by way of placement and position.
directional movement can be created with a value
pattern. It is with the placement of dark and light
areas that you can move your attention.

33. Visual Design Principles
• Rhythm
a movement in which some elements recur regularly.
it will have a flow of objects that will seem to be like
the beat of music.

34. Visual Design Principles
• Perspective
 created through the arrangement of objects in two
dimensional space to look like they appear in real life.
 is a learned meaning of the relationship between
different objects seen in space.

35. Visual Design Principles

36. Visual Design Principles

37. Visual Design Principles