Visual media refers to sources of information presented visually through representations that require interpretation. It includes things hosted online, in print, or through broadcast media. The document then discusses key elements of visual design like line, color, texture, shape, form, value, and size. It also categorizes types of visual media as non-projected (cartoons, charts, comics, flashcards, illustrations, maps, models, pictures, posters) and projected (films, overhead projectors, presentations, videos). The use of visual media in education is also covered, including infographics, educational television, presentations, and videos. Principles of compositional design like center of interest, balance, harmony, contrast, direction

1. Visual Media
EdTech 101 THW - Group 3
Alentajan, Cabañero, de Castro, Ramos, Senica

2. What is Visual
Media?

3. What is
Visual
Media?
 Sources of data or information in the form of visual
representations.
 Abstractions, analogues, rough illustrations, or
digital reproductions of the objects the data
pertains to.

4. What is
Visual
Media?
 Requires interpretation of the data gatherer
 Level of reliability compared to other sources may
vary considerably

5. What is
Visual
Media?
 May be hosted on the internet, printed in
publications, displayed through broadcast media,
or otherwise disseminated.
 Generally available or at least citable as stable and
traceable future references.

6. Elements of Visual
Design
de Castro

7. Line
Source: http://www.freeimages.co.uk/galleries/backdrops/fractal/slides/fractal_lines_inblue_2.htm

8.  A mark on a surface that describes a shape of
outline
Line
 Can create texture and can be thick or thin
 Types of line include actual, implied, vertical,
horizontal, diagonal and contour lines.

9. Color
Source: http://4images.in/2013/12/colors/

10. Color
 Refers to specific hues
 Has 3 properties: chroma, intensity, value

11. Texture
Source: http://commons.wikimedia.org/wiki/File:Brick_texture_-_Saint-Omer_(Pas-deCalais)_-_01.JPG

12.  Surface quality, either tactile of visual
Texture
 Degree of roughness or smoothness in objects
 Can be real or implied by different uses of media

13. Shape
Source: http://blog.lynda.com/2012/08/21/dekes-techniques-creating-tilepatterns-in-illustrator/

14. Shape
 2-dimensional, no thickness
 Can be grouped to geometric and organic

15. Form
Source:
http://swordandfern.blogspot.com/2009_11_01_archive.html

16.  3-dimensional; has volume and thickness
Form
 Illusion of 3D effect can be implied using light and
shading techniques
 Can be viewed from many angles

17. Value
Source: http://revolutionflame.com/2012/08/read/

18.  Degree of light and dark in a design
Value
 Can be used with color as well as black and white
 Contrast is the extreme changes between values

19. Size
Source:
http://www.illusionspoint.com/illusions/relative-sizes-optical-illusions/

20. Size
 Variations in the proportions of objects, lines, or
shapes
 Variations can either be real or imagined

21. Types of Visual
Media

22. Non –
Projected
Visual Media
 Requires no projection material or electric power

23. Cartoon

24. Cartoon
http://zamoracartoons.blogspot.com/2013/12/editorial-cartoons-on-partisan-politics.h

25. Chart

26. Chart
http://www.issue03.com/?p=121

27. Comic Strip

28. Comic Strip
http://www.fanpop.com/clubs/cyanide-and-happiness/images/12986936/title/new-comics-photo

29. Flash Cards

30. Flash Cards
http://www.mrprintables.com/printable-flash-cards.html

31. Illustration

32. Illustration
http://en.wikipedia.org/wiki/File:Mon

33. Illustration
http://en.wikipedia.org/wiki/Landscape_with_the_Fall_of_Icarus

34. Map

35. Map
http://ancientpotteryphotos.blogspot.com/2013/08/ancient-map-of-mesopotamia.html

36. Map
http://www.pinoyexchange.com/forums/showthread.php?t=391602

37. Models

38. Models
http://www.howardmodels.com/architectural-models-07/Beach-Villas/

39. Models
http://www.life123.com/hobbies/scale-models-and-model-making/science-models/how-tomake-a-dna-model.shtml

40. Pictures

41. Pictures
http://en.wikipedia.org/wiki/Afghan
_Girl

42. Pictures
http://deeplythinking.wordpress.com/2011/06/02/vulture-and-starving-child/

43. Poster

44. Cartoon
http://en.wikipedia.org/wiki/File:Unclesamwantyou.jpg

45. Projected
Visual Media
 Uses bright light to pass through a transparent
picture, by means of a lens, or electronic power

46. Cartoon
http://midfield.wordpress.com/2010/02/07/an-open-letter-to-candidate-benigno-noynoyaquino-iii/

47. Film Strip

48. Film Strip
http://en.wikipedia.org/wiki/National_Film_R
egistry

49. Overhead
Projector (OHP)

50. Ovehead
Projector
http://www.icanteachmychild.com/2012/09/overhead-projectorlearning/

51. Presentations

52. Presentation
s
http://freedesktopwallpapersite.com/7-Lessons-From-the-World%5C's-Most-CaptivatingPresenters-

53. Integration of
Visual Media in
Education

54.  Information graphics or infographics are graphic
visual representations of information, data or
knowledge. These graphics present complex
information quickly and clearly.
Infographic
 An infographic (information graphic) is a
representation of information in a graphic format
designed to make the data easily understandable
at a glance. People use infographics to quickly
communicate a message, to simplify the
presentation of large amounts of data, to see data
patterns and relationships, and to monitor changes
in variables over time.

56. Educational
Television
 the use of television programs in the field
of distance education. It may be in the form of
individual television programs or
dedicated specialty channels
 Enriches lessons through documentary-type
programs; or
 Teaches content directly.

58. Presentation
s
 Visual aids
 Powerpoint Presentations
 Prezi Presentations

60.  Video Cassettes
 Video Discs
Videos
 Interactive Video
 Video Conferencing
 Youtube

65. Principles of
Compositional
Design

66. Principles of
Design
The principles of
design are the
recipe for a good
work of art. The
principles
combine
the
elements to an
aesthetic
placement
of
things that will
produce a good
design.
•
•
•
•
•
•
Center of Interest
Balance
Harmony
Contrast
Directional Movement
Rhythm

67. Center of
Interest
It is 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.

68. It is a feeling of visual equality in shape, form, value,
color, etc. Balance can be symmetrical or evenly
balanced or asymmetrical and un-evenly balanced.
Balance

69. Harmony
It brings together a
composition with similar
units. If 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.

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

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

72. It is a movement in which some elements recurs
regularly. Like a dance it will have a flow of objects
that will seem to be like the beat of music.
Rhythm