TEXT AND VISUAL IN

INFORMATION MEDIA
MEDIA AND INFORMATION LITERACY

GROUP 4
GROUP MEMBERS
Courtney Lorenzo
Joel Casantusan

Ashton Saquilayan
Jenny Marie Evangelista

Kobie Evangelista
Justin Faderanga
 TEXT
INFORMATION MEDIA
What is text?
A simple and flexible format of presenting
information or conveying ideas whether hand-
written, printed or displayed on screen.
CHARACTERISTICS OF TEXT INFORMATION

- Powerful (dissemination of information, direction and

suggestions

- Available in different sources (formal/informal)

- Short (single sentence or phrase)

HOW IS TEXT USED IN THE
FOLLOWING MEDIA?
 TYPES OF TEXT AND
COMMON FILE FORMATS
Hypertext
Serve to link different electronic documents and

TYPES OF TEXT
enable users to jump from one to other in a nonlinear
way.

UNFORMATTED TEXT (PLAINTEXT)

fixed sized characters having essentially the
same type of appearance

FORMATTED TEXT
appearance can be changed using font
parameters (bold, underline, italic, font size, font
color, etc.)
HYPERTEXT
- This Go to Page 1 is a hypertext that will bring you to the first slide
in this presentation.

You can insert links or documents inside your ppt, commonly known
as Hyperlink. Example: Man wrongly accused for viral road rage
incident plans to sue Top Gear Philippines.docx

document.docx
UNFORMATTED TEXT
FORMATTED TEXT
What is typeface?
- also called font, font type, or type.
- refers to the representation or style of a text in
the digital format.
- usually comprised of alphabets, numbers,
punctuation marks, symbols and other special
characters.
 SERIF

- connotes formality and readability in large amount

of texts
-usually used for the body text of books, newspapers,
magazines and research publication.
-give a classic or elegant look when used for title or
heading
Example: Times New Roman
Garamond
Baskerville
SANS SERIF
- brings a clean or minimalist look to the text
-used for clear and direct meaning of text such as
road signange, building directory or nutrition facts in
food packages.
-give a modern look and is used primarily in webpage
design
Example: Arial, helvetica, tahoma, verdana, calibri
SLAB SERIF

carries a solid or heavy look to the text

can be used for large advertising sign on
billboard

Example: Rockwell Playbill

 SCRIPT

draws much attention to itself likely because of

its brush-like strokes
must be used sparingly and not be used in large
body text
usually in wedding invitation cards or other
formal events

Example: Britanny Pinyon Script

DECORATIVE

caters to wide variety of emotions (such as

celebration, fear, horror, etc.) or themes (such as
cowboys, circus, holiday, summer, kiddie, etc.

Example: BRAKE, Blanka,,

COMMON FILE FORMATS
TXT (text)
unformatted text documented by and editor as
notepad on windows platform

COMMON FILE
FORMATS
DOC (document)
- a native format for storing documents created
by MS Word package
- contains a rich set of formatting capabilities

RTF (Rich Text Format)

Cross platform document exchange; default
format for Mac OS X's default editor TextEdit
PDF (Portable Document Format)

COMMON FILE
FORMATS
developed by Adobe systems for cross platform
exchange of documents, support images and graphics

PS (PostScript)
a page description language used mainly
for desktop publishing
DESIGN PRINCIPLES
AND ELEMENTS
EMPHASIS

importance or value given to a part of the

text-based content
Appropriateness

how fitting or suitable the text is used for a

specific audience, purpose or event
Proximity

how near or how far the text elements from

each other

when two things are closely related bring

them close together
Alignment

how the text is positioned in the page

left, center, right or justified

Organization

conscious effort to organize the different text

elements in a page

ensures that while some text elements are

separated from each other, they are still somehow
connected with the rest of the elements in the
page
Repetition

consistency of elements

unity of the entire design

repeating some typefaces within a page

Contrast

creates visual interest

two elements are different from each other

Denotation and Connotation
In deconstructing text information, denotation and
connotation matter.

These are two different approaches in understanding

given texts.
Denotation

The literal interpretation of ideas

Actual definition of a word provided by dictionary or

obvious interpretation of a phrase or a sentence.
 Connotation

refers to the ideas, associations or the feelings

that are connected to a certain word

Example: "black sheep of the family"

FORMAL AND INFORMAL TEXT INFORMATION

Formal Information

- Socially shared and the objective is formal

Example: birth certificate, government records, business

documents/contracts
FORMAL AND INFORMAL TEXT INFORMATION

Informal Information

- basically unsocial

- highly opinionated and subjective

- Notes, SMS text messages

 VISUAL MEDIA
AND INFORMATION
VISUAL MEDIA AND INFORMATION
materials, programs, applications and the
like that teachers and student use to
formulate new information to aid learning
through the use, analysis, evaluation and
production of visual images
TYPES OF
VISUAL
MEDIA
Photography
is the art, application, and practice of creating
durable images by recording light, either
electronically by means of an image sensor, or
chemically by means of a light-sensitive material
such as photographic film.
Videos

Videos convey useful visual information in a

matter of minutes, making them for viewers who
don't have time to read a long text or statements.
Screenshots
screenshots can illuminate the software user
experience by showing readers exactly what the
product has to offer. Screenshots are appropriate
for social media posts and ads, as well as landing
pages.
Infographics

infographics conveniently package important

information in a manner that is easy to digest
and share.
Data Visualization (Charts and Graphs)

Data Visualizations such as graphs and charts can

communicate complex information in a manner
that is intuitive and easy to understand.
Comic Strips/Cartoons
comic strip, series of adjacent drawn images,
usually arranged horizontally, that are designed to
be read as a narrative or a chronological sequence.
The story is usually original in this form.
Memes
Memes are fun because they allow internet
users around the world to share inside jokes
and quick messages.
PURPOSE
OF VISUAL
INFORMATION
Purpose of Visual Information
gain attention
create meaning
facilitate retention
VISUAL
DESIGN
ELEMENTS
Line - describe a shape or outline. It can create texture and
can be thick or thin.

Shape - usually a geometric or organic area that stands out

from the space next to or around it, or because of
differences in value, color, or texture

Value - the degree of light and dark in a design. It is the

contrast between black and white and all the tones in
between.
Texture - the way a surface feels or is perceived to feel.
Texture can be added to attract or repel interest to a
visual element.

Color - determined by its hue (name of color), intensity

(purity of the hue), and value (lightness or darkness of
hue)

Form - a figure having volume and thickness

VISUAL
DESIGN
PRINCIPLES
Consistency
- of margins, typeface, typestyle, and colors
is necessary especially in slide
presentations or documents that are more
that 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.
Balance
- a feeling of visual equality in shape, form,
value, and color
- can be symmetrical and evenly balanced,
or asymmetrical and unevenly balanced.
Harmony
- focuses on how all visual elements are
held together
- 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
Directional Movement
- A visual flow through the composition
- Can be the suggestion of motion in a
design as you move from object to object
by way of placement and position
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
Perspective
- created through the arrangement of
objects in two-dimensional space to
look like they appear in real life
THANK YOU !!