VISUAL

INFORMATION
AND
MEDIA
What is visual media and
information?
 CHARACTERISTICS OF VISUAL
MEDIA
• Minimize text
Since information is depicted directly as images or
diagrams, the need for text has been removed.

• Delivers the message quickly

Unlike text media, visual media does not require the
user to invest large amounts of time to perceive,
understand, and process the information it is trying to
send
 CHARACTERISTICS OF VISUAL
• Highly MEDIA
customizable and varied
With the rise of new media, visual information has
become a large preference for many users. Aside from
simple pictures, illustrations, and diagrams, visual
media is also portrayed as simulations, games, movies,
and other interactive or engaging tools that transfer
information.

• Updated to be relevant
Relevance and staying updated on trends are easy for
visual media since it is directly linked to observations
 CHARACTERISTICS OF VISUAL
MEDIA
• Accessible and recognizable
Since the format and modes of using visual media is
highly varied, it becomes highly accessible as well.
Additionally, individuals can immediately recognize
visual media and its message.
 ADVANTAGES
Quick to transfer
Information DISADVANTAGES

Retained in the memory Higher priced than text

better media
Requires time and effort
Has a high level to
of engagement develop
Can’t be used effectively
Wide audience to supply large amounts of
reach information
 Selection
criteria
refer to key aspects that individuals must take note of
in order to determine the best use of text media in a
scenario. Using selection criteria allows text media to be
used effectively in
Disseminating
information
Common Visual Media File
Types
TIFF - a very flexible format that can be lossless or lossy.
(Tagged - details of the image storage algorithm are included
Image File as part of the file.
Format) - used almost exclusively as a lossless image storage
format that uses no compression at all.
- Sometimes a lossless compression algorithm called
LZW is used, but it is not universally supported.
PNG - Is also a lossless storage format. However, in
(Portable contrast with common TIFF usage, it looks for
Network patterns in the image that it can use to compress file
Graphics) size. The compression is exactly reversible, so the
image is recovered exactly.
Common Visual Media File
Types
RAW - RAW is an image output option available on
better digital cameras.
- Though lossless, it is a factor of three of four
smaller than TIFF files of the same image. The
disadvantage is that there is a different RAW
format for each manufacturer, and so you may
have to use the manufacturer's software to view
the images. (Some graphics applications can read
some manufacturer's RAW formats.)
BMP - BMP is an uncompressed proprietary format
(Bitmap) invented by Microsoft.
- There is really no reason to ever use this format.
Types
GIF It is a raster file format designed for relatively basic images
(Graphic that appear mainly on the internet.
Interchange also allow images or frames to be combined, creating basic
Format) animations.
GIF achieves compression in two ways. First, it reduces the
number of colors of color-rich images, thereby reducing the
number of bits needed per pixel, as just
described.
Second, it replaces commonly occurring
patterns (especially large areas of uniform
color) with a short abbreviation: instead of
storing "white, white, white, white, white,”
it stores "5 white."
Types
JPG is a raster image file format with “lossy”
(Joint compression that makes it suitable for sharing
Photographi images. JPEGs are “lossy” meaning they reduce file
c
size, but also the quality of the images when you
Experts
Group) use the format.

PSD files - PSD extension, Paint Shop Pro files - PSP

(Photoshop These are the preferred working formats as you
Document)
edit images in the software, because only the
or PSP
(Paint Shop proprietary formats retain all the editing power of
Pro) the programs. These packages use layers, for
example, to build complex images, and layer
information may be lost in the nonproprietary
formats such as TIFF and JPG.
 The Design Elements are:
describes a shape or outline. It
can create texture and can be
thick or thin. Lines may be
actual, implied, vertical,
horizontal, diagonal, or contour
lines.
 The Design Elements are:
usually a geometric area that stands out
from the space next to or around
it, or be cause of differences in value,
color, or texture. Shape may also be
organic.
 The Design Elements are:
the degree of light and dark in a design
It is the contrast between black and
white and all the tones in
between.
 The Design Elements are:
the way a surface feels or is perceived
to feel. Texture can be added to attract or
repel interest to a visual element. Visual
texture is the illusion of the surfaces
peaks and valleys, resulting in a
feeling of smoothness or roughness
in objects.
 The Design Elements are:
determined by its hue (name of color),
intensity (purity of the hue), and value
(lightness or darkness of hue). Color and
color combination can play a large
role in The design. Color may be used
for emphasis, or may elicit emotions
from viewers. Color maybe warm,
cool, or neutral. Color combination also
plays a major role in creating aesthetic
appeal.
RGB is used for colored lights like images on a
monitor screen and has the colors red, green,
and blue as its primary colors.
CMYK is used for colored inks like images
printed on paper and has the colors cyan,
magenta, yellow, and black as the primary
colors
HSB Model
▪ Hue - specific tone of color),
▪ Saturation - the intensity of a hue from gray
tone to pure, vivid color, and
▪ Brightness - the relative lightness or
darkness of a particular color.
 vibrant
The color wheel – or color and full of
circle – energy

is a basic but completely

essential tool for
combining colors
and is designed
in such a way
that virtually any
colors you pick from
it will look beautiful
together.
offer calm
and
tranquility
 https://www.color-meanings.com/wp-content/uploads/color-harmony-7-color-schemes.png

lie opposite evenly

lie next to to each spaced out
each other other

use four colors takes a base color all four colors

arranged into two and then uses the evenly spaced
complementary two adjacent colors around the color
as its complement. wheel
FORM

a figure having volume and thickness. An

illusion of a 3-dimensional object can be
implied with the use of light and shading. Form
can be viewed from many angles.
 Consistency Center of interest
Consistency of an area that first
margins, typeface, attracts attention in
type style, and a composition. This
colors is necessary, area is more
especially in slide important when
presentations or compared to the
documents that are other objects or
more than one elements in a
page. composition.
SLIDESMANIA.
 Balance Harmony
a feeling of visual brings together a
equality in shape, composition with
form, value, color, similar units.
etc. Balance can be
symmetrical and
evenly balanced, or
asymmetrical and
unevenly balanced.
SLIDESMANIA.
 Contrast Directional
Movement
offers some change
a visual flow through
in value creating a
the composition. It
visual discord in a
can be the suggestion
composition. of motion in a design
 shows the
as you move from
difference between object to object by
shapes and can be way of placement and
used to create an position.
area of emphasis
SLIDESMANIA.
 Rhythm Perspective
created through the
a movement in
arrangement of
which some objects in two
elements recur dimensional space to
regularly. Like a look like they appear
dance, it will have a in real life.
flow of objects that Perspective is a
will seem to be like learned meaning of
the beat of music the relationship
between different
SLIDESMANIA. objects seen in space