LESSON 13: VISUAL INFORMATION AND STATISTICAL VISUALIZATION

MEDIA
This refers to the study and creation of data
Visual media and information – materials, using visual representation. Charts
programs, applications, and the like that and graphs are examples of statistical
teachers and students use to formulate new visualization.
information to aid learning through the use,
analysis, evaluation, and production of visual PICTURE
images.
Photography, painting, drawing, and the like
Types of visual media – photography, video, all fall under pictures. People use it widely to
screenshots, infographics, data visualization express their ideas, opinions, and
(charts and graphs), sentiments.
comic strips/cartoons, memes, visual
note-taking, etc. GRAPHIC DESIGN
This refers to the art of combining text and
Formally and informally produced visual pictures to communicate information.
media – visual media produced by formal Infographics, posters, and graphic
organizations such as schools, government, advertisements are considered graphic
and established media/publishing outfits are designs.
considered formally produced. Other visual
media are considered informally produced. VIDEO
If graphic design is the combination of text
and pictures, video is the combination of
Purpose of visual information – the primary motion and picture; or of motion, picture,
purpose of visual information is to gain and audio.
attention, create meaning, and facilitate
retention. 3-D IMAGE
A three-dimensional visual medium can be a
sculpture, architecture, a real-life object, or a
EXAMPLES OF VISUAL MEDIA person. Information conveyed through sign
• Photography language is considered visual information.
• Video
• Screenshots
• Infographics PURPOSE OF VISUAL INFORMATION
• Data Visualization (charts
and graphs) ● gain attention
• Comic Strips/Cartoons ● create meaning
• Memes ● facilitate retention
• Visual Note-Taking
JPEG (Joint Photographic Experts Group)
Visual Media WEB GRAPHICS
- This is probably the most
Symbols, pictures, icons, signs, and web-friendly image format there.
other that communicate with one’s JPEg is great for images when you
sense of sight need to keep the size small, such as
when you need to upload it online. If
Types of Visual Media you don't mind compromising the
quality of the image a bit, use JPEG
IDEOGRAM
These are graphical symbols that represent GIF
ideas. Examples of such are signs, logos, and WEB GRAPHICS/ANIMATION/CLIP ART
symbols. - Out of the three formats (GIF, JPEG
& PNG), GIF is the worst choice for
web graphics, although file sizes are
 tiny, and they load very fast. Plus, if illusion of the surface peaks and valleys,
you want to add animation effects, resulting in a feeling of smoothness or
use GIF. Also great for clip art roughness in objects
-
TIFF COLOR
PRINT GRAPHICS determined by its hue (name of color),
- TIFF is the best and only choice for intensity (purity of the hue), and value
professionals when images are (lightness or darkness of hue)
intended for print. Its ability to read used for emphasis, or may elicit emotions
CMYK and YCbCr color, plus its from viewers
ability to store such high pixel
intensity makes it the only choice FORM
for designers, photographers, and a figure having volume and thickness
publishers. an illusion of a 3-dimensional object can be
implied with the use of light and shading
PNG can be viewed from many angles
WEB GRAPHICS / LOGOD & LINE ART
- PNGs are great for web graphics. If
you want to keep the size small but Visual Design Principles are:
still retain the image quality, use ● Consistency of margins, typeface,
PNG. Also if you want to use typestyle, and colors is necessary,
transparencies, the PNG is the especially in slide presentations or
format for you. documents that are more than one page.
BMP ● Center of interest – an area that first
PRINT GRAPHICS attracts attention in a composition. This
- These files are large and area is more important when compared
uncompressed, but the images are to the other objects or elements in a
rich in color, high in quality, simple, composition. This can be by contrast of
and compatible with all Windows values, more colors, and placement in
OS and programs. BMP files are the format.
also called raster or print images.
● Balance – a feeling of visual equality in
shape, form, value, color, etc. Balance
ELEMENTS OF VISUAL DESIGN can be symmetrical and evenly balanced,
or asymmetrical and un- evenly
LINE balanced. Objects, values, colors,
describes a shape or outline textures, shapes, forms, etc. can be used
create texture and can be thick or thin to create balance in a composition.
maybe actual, implied, vertical, horizontal,
diagonal, or contour lines ● Harmony – brings together a
composition with similar units. If for
SHAPE example, your composition was using
a geometric or organic area that stands out wavy lines and organic shapes, you
from the space next to or around it, or would stay
because of differences in value, color, or with those types of lines and not put in just
texture one geometric shape. (Notice how similar
Harmony is to Unity - some sources list both
VALUE terms).
the degree of light and dark in a design
contrast between black and white and all the ● Contrast – offers some change in value
tones in between creating a visual discord in a
composition. The contrast shows the
TEXTURE difference between shapes and can be
way a surface feels or is perceived to feel used as a background to bring objects
 out and forward in a design. It can also media platforms.
be used to create an area of emphasis.
Infographics and Data Visualization:
● Directional Movement – a visual flow Discuss the role of infographics and data
through the composition. It can be the visualization in making complex information
suggestion of motion in a design as you more accessible. Highlight examples of
move from object to object by way of effective visual communication.
placement and position. Directional
movement can be created with a value Print Media:
pattern. It is with the placement of dark Explore the history and impact of print
and light areas that you can move your media, including newspapers, magazines,
attention through the format. and posters.
● Rhythm – a movement in which some
elements recur regularly. Like a dance, it Ensure that your infographic is visually
will have a flow of objects that will seem engaging, using elements such as icons,
to be like the beat of music. images, and a cohesive color palette to
enhance the overall design. Use concise and
● Perspective – created through the compelling text to convey key information
arrangement of objects in two- effectively.
dimensional space to look like they
appear in real life. Perspective is a Rubric ratings
learned meaning of the relationship 20 % Content
between different objects seen in space. 20 % Presentation of Information
20 % Use of Visual Design
20 % Use of Visual Design Principles
PERFORMANCE TASK: 20 % Mechanics

INFOGRAPHIC POSTER
Group work!
4-5 members per group.
-Use CANVA or any open-source app you can
use to design.
Paper size: 12 inches x 18 inches (poster)
Printed output (look for a printing shop that
offers DIGITAL PRINT/ POSTER print)
Paper Material: C2S 180
TOPIC:
Digital Revolution:
Explore the impact of the digital revolution
on visual media, including the rise of the
internet, social media, and digital art.
Future Trends:
Provide insights into potential future trends
in visual information and media, such as
advancements in virtual reality, interactive
storytelling, and immersive experiences.
Rise of Social Media:
Explore the growth and popularity of social