MIL 12 | Q2L5

LESSON 5: Visual Information and Media | Media and Information Literacy

Visual Information

the artistic or creative representation or interpretation of an idea, concept, or emotion using different media.

Visual media and information

Materials, programs, applications, and the like that teachers and students use to formulate new information to aid learning through the use, analysis, evaluation, and production of visual images

Types of Visual Media

• Photography

• Video 

• Screenshot  

• Infographics  

• Data Visualization  (Charts and Graphs)

• Comic Strips/Cartoons

• Memes

• Visual Notetaking

Formally and informally produced visual media

visual media produced by formal organizations such as schools, government, and established media/publishing outfits

to gain attention, create meaning, and facilitate retention.

Purpose of visual information

Visual design elements

the building blocks or basic units in the construction of a visual image

• Line

• Shape

• Value

• Texture

• Color

• Form

Design Elements

Line

Describes a shape or outline

Line

Can create texture and can be thick or thin.

Line

May be actual, implied, vertical, horizontal, diagonal, or contour

Shape

Usually a geometric area that stands out from the space next to or around it, or because of differences in value, color, or texture

Shape

May also be organic

Value

The contrast between black and white and all the tones in between.

Value

The degree of light and dark in a design

Value

Can be used with color as well as black and white.

Contrast

The extreme changes between values

Texture

The way a surface feels or is perceived to feel

Texture

Can be added to attract or repel interest of a visual element

Visual Texture

The illusion of the surface's peaks and valleys, resulting in a feeling of smoothness or roughness in objects

Color

determined by its hue (name of color), intensity (purity of the hue), and value (lightness or darkness of hue).

Color

May be used for emphasis or to elicit emotions from viewers.

Color

May be warm, cool, or neutral.

Color

It plays a major role in our visual perception, as it influences our reactions to the world around us.

Form

A figure having volume and thickness.

Form

An illusion of a 3-dimensional object can be implied through the use of light and shading.

Form

Can be viewed from many angles

• Consistency 

• Center of Interest

• Balance

• Harmony

• Contrast

• Directional Movement

• Rhythm

• Perspective

Visual Design Principles

Consistency

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

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 achieved by contrast of values, more colors, and placement in the format.

Balance

• A feeling of visual equality in shape, form, value, color, etc. 

• 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

Harmony

Brings together a composition with similar units.

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. 

• Can also be used to create an area of emphasis.

Directional Movement

• 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 of placement and position. 

• Can be created with a value pattern. 

• With the placement of dark and light areas that you can move your attention through the format. 

Rhythm

• a movement in which some elements recur regularly. 

• Like a dance, it will have a flow of objects that will seem like the beat of music.

Perspective

• This is created through the arrangement of objects in two-dimensional space to look like what they appear in real life. 

• A learned meaning of the relationship between different objects seen in space.