Text and Visual

Dimensions of
Information and Media
MIL Q2 L4
MOST ESSENTIAL LEARNING COMPETENCY

Describe the different dimensions of:

• text information and media
• visual information and media

• After going through this lesson, you are expected to:

• 1. Explain the principles in designing text and visual elements
• 2. Evaluate the impact of text and visual content and forms
• 3. Design a personal brand or logo using appropriate text and visuals
• 4. Spread positive and affirming information through visual media.
Text and Visual Dimensions of
Information and Media
• This lesson is the beginning of a series that would lead you
to creating an appropriate multi-media content. For this
part, we will focus on visuals, which is a broad aspect in
media. Remember that conveying valid and effective
content entails the use of the most suitable visual forms.
These two must work side by side to provide the correct
informative experience to your audience.
What Went Wrong?
Text and Visual Dimensions of Information and Media

• This lesson is the beginning of a series that would lead you to creating
an appropriate multi-media content. For this part, we will focus on
visuals, which is a broad aspect in media. Remember that conveying
valid and effective content entails the use of the most suitable visual
forms. These two must work side by side to provide the correct
informative experience to your audience.
Text and Visual Dimensions of Information and Media

• Text may be defined as a simple and flexible format of presenting

information or conveying ideas whether hand-written, printed or
displayed on-screen. It is very powerful in disseminating
information, providing direction and giving suggestions.
• Text is available in different sources, which may be categorized
into two:
• 1. Formal Example of these are news articles, published books,
newspapers, magazines, advertisements, research works, etc.
Formal text-based materials are created and distributed by
established institutions (such as publishing companies, news
agencies, etc.) and go through a rigorous process of editing or
evaluation and are usually governed by censorship of the state.
Text and Visual Dimensions of Information and Media

• 2. Informal Examples of these are blogs, personal e-mails,

SMS or text messages, online messengers, social media
platforms, etc. They come from personal opinions or views
on different issues, processes, etc.
• Text can be as short such as a single sentence or phrase, or
they can be as lengthy as news articles or investigative
reporting. No matter how brief or lengthy, however, a text
is always carefully written with the intent of sending a very
specific message to the target audience.
Text and Visual Dimensions of Information and Media

• As consumers of text media and information, we need to ask questions

regarding the text content to ensure its reliability:

•  Who or what institution is sending this message?

•  What techniques are used to attract and hold attention?
•  What is the language used by the writer?
•  What views are represented? Are they balanced?
•  How might the message be interpreted in different ways?
•  What is omitted (removed), slurred (unclear) or added in the
message?
Text and Visual Dimensions of Information and Media

• As producers of text media and information, we need

to review the media and information design
framework:
•  target audience,
•  author or sender,
•  key content,
•  purpose,
•  form/style, and
•  format.
Text as a Visual

• Typeface font, font type, or type) is the

representation or style of a text. A typeface is usually
composed of alphabets, numbers, punctuation
marks, symbols and other special characters. Fonts in
digital format are installed in forms such as True Type
Font (.ttf), Open Type Font (.otf), etc. Fonts convey
different emotions and meaning, and you must be
very careful in choosing the right font for your
content. The table below presents the different types
of fonts, their implications, uses, and examples.
Text as a Visual
Text as a Visual
Design Principles and Elements

• The principles in designing text elements are emphasis, appropriateness,

proximity, alignment, organization, repetition and contrast. Observe how these
elements are presented in each text frame
Design Principles and Elements
Design Principles and Elements
Design Principles and Elements
Design Principles and Elements
Design Principles and Elements
Design Principles and Elements
Visual information and media

• are 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. The following are types of visual media:
PHOTOGRAPHY
Visual information and media

• The following are types of visual media:

VIDEO
Visual information and media

• The following are types of visual media:

SCREENSHOT
Visual information and media

• The following are types of visual media:

INFOGRAPHIC
Visual information and media

• The following are types of visual media:

COMICS STRIPS
Visual information and media

• The following are types of visual media:

MEMES
Visual information and media

• The following are types of visual media:

Graphs / Charts
Visual information and media

• The following are types of visual media:

Visual Note Taking
VISUAL INFORMATION - DESIGN ELEMENTS

• The primary purpose

of visual information
is to gain attention,
create meaning, and
facilitate retention,
but how can you
create a striking
visual?
• First, you must
consider the visual
elements, or the basic
units in the
construction of a
visual image. The
Design Elements are:
VISUAL INFORMATION - DESIGN ELEMENTS

1. Line
• This 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.
• Take note that lines provide meaning
also. Horizontal lines are more static
and calm; vertical lines command
attention and stability; diagonal lines
may convey movement; and contoured
lines may evoke turbulence,
playfulness, and the likes.
•
VISUAL INFORMATION - DESIGN ELEMENTS

2. Shape
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
Three implied geometric shapes can be found in
the picture above: diamond, octagon and triangle.

• Organic shapes, like the eggplant

pictured above, are irregular and
asymmetrical in appearance and
tends to have curves, as in the case
of shapes found in nature.
VISUAL INFORMATION - DESIGN ELEMENTS

3. Value
The degree of light and dark in a
design. It is the contrast between black
and white and all the tones in between.
Value can be used with color as well as
black and white. Contrast is the
extreme changes between values.
VISUAL INFORMATION - DESIGN ELEMENTS

4. Texture
The way a surface feels or is perceived to feel. Texture can be added to
attract or repel interest to a visual element. Two contrasting visual
textures are presented in this picture taken in Bolinao, Pangasinan: the
smoothness of the sea and the roughness of the contorted branches.
VISUAL INFORMATION - DESIGN ELEMENTS

5. Color
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 may be warm, cool, or
neutral. It plays a major role in our visual
perception, as it influences our reactions
about the world around us. It is therefore
important to create color palettes that
evoke the appropriate audience reactions.
VISUAL INFORMATION - DESIGN ELEMENTS

• 6. Form
• A figure having volume and thickness. An
illusion of a 3-dimensional object can be
implied with the use of light and shading.

On the other hand, thick Through digital means,

pen strokes are used to shadows are placed in
achieve volume and the drawing above in
thickness on the sketch in order to provide a three-
this sketch.
dimensional effect.
Principles in Visual Design

• The visual appeal of artworks depends on its adherence to principles of

design. However, there is no strict commandment in designing. The
personal preferences of the artist remain a prime contributing factor in
designing visuals.
• Let me share with you some of their work as we discuss the designing
principles. Like what I have previously said, these are my personal take
on designing. There are many other styles that can also influence you
in your works.
Principles in Visual Design - Consistency

• 1. Consistency of margins, typeface, When designing posters, they tend

typestyle, and colors is necessary, to be minimalist. They highlight
important points by lessening the
especially in slide presentations or
other accessorial designs, like in
documents that are more than one page.
the case of this poster for my
school, wherein I used slight
geometrical gradient in. They used
only two dominant colors to go with
the white – blue and gold, our
school’s the school colors. They
gave variation in the text by using
only two fonts, Impact and Arial,
and aside from the DepEd logo at
the bottom, I placed only a
derivation of the caring emoji, with
the schools logo replacing the
heart.
Principles in Visual Design – Center of Interest

• 2. Center of interest – an area that first • In a picture, the center of

attracts attention in a composition. This area is interest should not actually be in
the center. In fact, you must
more important when compared to the other avoid the “dead center in
objects or elements in a composition. This can placing the portion that you wish
to highlight. The basic rule in
be by contrast of values, more colors, and “The Rule of Thirds.” Divide the
placement in the format frame into three portions
horizontally and vertically using
imaginary lines, and place the
point you wish to highlight at
any of the four intersecting
points. Putting the lines on the
picture above, the girl’s face,
which is the center of interest, is
right on an intersection point.
Hence, the picture has an
interesting composition.
Principles in Visual Design - Balance

• 3. Balance – a feeling of visual equality in shape, form, value, color, etc.

Balance 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.
Principles in Visual Design - Harmony

• 4. Harmony – brings together a composition with similar units. If for

example 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. (Notice how similar Harmony is to Unity - some sources list both
terms)
Principles in Visual Design – Directional Movement

• 5. 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. Directional movement can be created
with a value pattern. It is with the placement of dark and light areas that
you can move your attention through the format.
Principles in Visual Design – Rhythm

• 6. Rhythm – a movement in which some elements recur regularly. Like a

dance, it will have a flow of objects that will seem to be like the beat of
music. You can find rhythmic patterns everywhere, for a simple cup of
cappuccino prepared by a barista, to a festive street dance
Principles in Visual Design – Perspective

• 7. Perspective – created through the arrangement of objects in two-

dimensional space to look like they appear in real life. Perspective is a
learned meaning of the relationship between different objects seen in
space

Lines disappearing in the horizon and objects getting

smaller conveys a perspective of distance. In this still
images you will see how it is moving far beyond, and
the viewer gets the hint that he still has a long way to
go before him.
• he visual appeal of artworks depends on its adherence to principles of
design. However, there is no strict commandment in designing. The
personal preferences of the artist remain a prime contributing factor in
designing visuals. Let me share with you some of my work as we
discuss the designing principles. Like what I have previously said, these
are my personal take on designing. There are many other styles that
can also influence you in your works.
Multiple Choice. Write the letter corresponding to the correct answer.

___1. the meaning of “.ttf” ___ 4. a visual design principle that brings together a
a. tapered type font composition with similar units

b. text type font a. balance

c. true type font b. contrast

___ 2. typeface that carries a solid or heavy look c. harmony

to text
___ 5. the visual flow of a composition
a. sans serif
a. directional movement
b. serif
b. perspective
c. slab serif
c. rhythmic pattern
___ 3. the basic rule in emphasizing a subject in
a composition
a. golden ratio
b. rule of odds
c. rule of thirds
 Multiple Choice. Write the letter corresponding to the correct answer.

___ 6. a shot where the subject is framed from ___ 9. a camera angle that makes a subject look
shoulders up powerful and imposing
a. close up a. eye level
b. extreme close up b. high angle
c. medium close up c. low angle
___ 7. a shot perfect to show the world where the
___ 10. a shot taken from an elevated point
story takes place
a. bird’s eye view
a. extreme wide shot
b. Dutch angle
b. full shot
c. long shot c. eye level

___ 8. another term for Dutch angle

a. canted shot
b. over the shoulder shot
c. worm’s eye view