EdTech101 THW - Visual Media

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

Transcript of EdTech101 THW - Visual Media

Page 1: EdTech101 THW - Visual Media

Visual MediaEdTech 101 THW - Group 3Alentajan, Cabañero, de Castro, Ramos, Senica

Page 2: EdTech101 THW - Visual Media

What is Visual Media?

Page 3: EdTech101 THW - Visual Media

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.

Page 4: EdTech101 THW - Visual Media

What is Visual Media?

Requires interpretation of the data gatherer

Level of reliability compared to other sources may vary considerably

Page 5: EdTech101 THW - Visual Media

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.

Page 6: EdTech101 THW - Visual Media

Elements of Visual Designde Castro

Page 7: EdTech101 THW - Visual Media

Line

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

Page 8: EdTech101 THW - Visual Media

Line

A mark on a surface that describes a shape of outline

Can create texture and can be thick or thin

Types of line include actual, implied, vertical, horizontal, diagonal and contour lines.

Page 9: EdTech101 THW - Visual Media

Color

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

Page 10: EdTech101 THW - Visual Media

Color Refers to specific hues

Has 3 properties: chroma, intensity, value

Page 11: EdTech101 THW - Visual Media

Texture

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

Page 12: EdTech101 THW - Visual Media

Texture

Surface quality, either tactile of visual

Degree of roughness or smoothness in objects

Can be real or implied by different uses of media

Page 13: EdTech101 THW - Visual Media

Shape

Source: http://blog.lynda.com/2012/08/21/dekes-techniques-creating-tile-patterns-in-illustrator/

Page 14: EdTech101 THW - Visual Media

Shape 2-dimensional, no thickness

Can be grouped to geometric and organic

Page 15: EdTech101 THW - Visual Media

Form

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

Page 16: EdTech101 THW - Visual Media

Form

3-dimensional; has volume and thickness

Illusion of 3D effect can be implied using light and shading techniques

Can be viewed from many angles

Page 17: EdTech101 THW - Visual Media

Value

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

Page 18: EdTech101 THW - Visual Media

Value

Degree of light and dark in a design

Can be used with color as well as black and white

Contrast is the extreme changes between values

Page 19: EdTech101 THW - Visual Media

Size

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

Page 20: EdTech101 THW - Visual Media

Size Variations in the proportions of objects,

lines, or shapes

Variations can either be real or imagined

Page 21: EdTech101 THW - Visual Media

Types of Visual Media

Page 22: EdTech101 THW - Visual Media

Non – Projected Visual Media

Requires no projection material or electric power

Page 23: EdTech101 THW - Visual Media

Cartoon

Page 24: EdTech101 THW - Visual Media

Cartoon

http://zamoracartoons.blogspot.com/2013/12/editorial-cartoons-on-partisan-politics.html

Page 25: EdTech101 THW - Visual Media

Chart

Page 26: EdTech101 THW - Visual Media

Chart

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

Page 27: EdTech101 THW - Visual Media

Comic Strip

Page 28: EdTech101 THW - Visual Media

Comic Strip

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

Page 29: EdTech101 THW - Visual Media

Flash Cards

Page 30: EdTech101 THW - Visual Media

Flash Cards

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

Page 31: EdTech101 THW - Visual Media

Illustration

Page 32: EdTech101 THW - Visual Media

Illustration

http://en.wikipedia.org/wiki/File:Mona_Lisa.jpg

Page 33: EdTech101 THW - Visual Media

Illustration

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

Page 34: EdTech101 THW - Visual Media

Map

Page 35: EdTech101 THW - Visual Media

Map

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

Page 36: EdTech101 THW - Visual Media

Map

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

Page 37: EdTech101 THW - Visual Media

Models

Page 38: EdTech101 THW - Visual Media

Models

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

Page 39: EdTech101 THW - Visual Media

Models

http://www.life123.com/hobbies/scale-models-and-model-making/science-models/how-to-make-a-dna-model.shtml

Page 40: EdTech101 THW - Visual Media

Pictures

Page 41: EdTech101 THW - Visual Media

Pictures

http://en.wikipedia.org/wiki/Afghan_Girl

Page 42: EdTech101 THW - Visual Media

Pictures

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

Page 43: EdTech101 THW - Visual Media

Poster

Page 44: EdTech101 THW - Visual Media

Cartoon

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

Page 45: EdTech101 THW - Visual Media

Projected Visual Media

Uses bright light to pass through a transparent picture, by means of a lens, or electronic power

Page 46: EdTech101 THW - Visual Media

Cartoon

http://midfield.wordpress.com/2010/02/07/an-open-letter-to-candidate-benigno-noynoy-aquino-iii/

Page 47: EdTech101 THW - Visual Media

Film Strip

Page 48: EdTech101 THW - Visual Media

Film Strip

http://en.wikipedia.org/wiki/National_Film_Registry

Page 49: EdTech101 THW - Visual Media

Overhead Projector (OHP)

Page 50: EdTech101 THW - Visual Media

Ovehead Projector

http://www.icanteachmychild.com/2012/09/overhead-projector-learning/

Page 51: EdTech101 THW - Visual Media

Presentations

Page 52: EdTech101 THW - Visual Media

Presentations

http://freedesktopwallpapersite.com/7-Lessons-From-the-World%5C's-Most-Captivating-Presenters-

Page 53: EdTech101 THW - Visual Media

Integration of Visual Media in Education

Page 54: EdTech101 THW - Visual Media

Infographic

Information graphics or infographics are graphic visual representations of information, data or knowledge. These graphics present complex information quickly and clearly.

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. 

Page 55: EdTech101 THW - Visual Media
Page 56: EdTech101 THW - Visual Media

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.

Page 57: EdTech101 THW - Visual Media
Page 58: EdTech101 THW - Visual Media

Presentations

Visual aids

Powerpoint Presentations

Prezi Presentations

Page 59: EdTech101 THW - Visual Media
Page 60: EdTech101 THW - Visual Media

Videos

Video Cassettes

Video Discs

Interactive Video

Video Conferencing

Youtube

Page 61: EdTech101 THW - Visual Media
Page 62: EdTech101 THW - Visual Media
Page 63: EdTech101 THW - Visual Media
Page 64: EdTech101 THW - Visual Media
Page 65: EdTech101 THW - Visual Media

Principles of Compositional Design

Page 66: EdTech101 THW - Visual Media

Principles of DesignThe 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

Page 67: EdTech101 THW - Visual Media

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.

Page 68: EdTech101 THW - Visual Media

Balance

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.

Page 69: EdTech101 THW - Visual Media

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.

Page 70: EdTech101 THW - Visual Media

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.

Page 71: EdTech101 THW - Visual Media

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.

Page 72: EdTech101 THW - Visual Media

Rhythm

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.