Good Day everyone!

Group 3
LEADER:

Gween Clemente
MEMBERS:
Frytziel Anne Reyes
Anderson Avenido
Jemuel C. Faustino
Ghenoh Jay Racho
Hanna Mae Dano
Judy Shine Telleros
Charles Cabanez
Jan Alex Pamugas
Rycille John Malikse
Richel May Ganacias
Angelyn Bona
Francis Dangate
Text & Visual Dimensions
Of information and Media
 TEXT

Defined as a simple and flexible format of presenting

Information or conveying ideas whether hand written,
Printed or displayed on screen.
 TEXT

Formal Informal

• Blogs
• news articles
• SMS or text
• news papers
• Messages
• advertisements
• Social media platforms
• published books • personal e-mails
• magazines • online
• research works • messengers
 As consumers of media and information.

1. Who or what institution is sending this message?

2. What techniques are used to attract and hold attention?

3. What is the language used by the writer?

4. What views are represented? Are they balanced?
5. How might the message be interpreted in different ways?
6. What is omitted (removed), slurred (unclear) or added in the message?
As producers of media and information.

1. Target audience,
2. Author or sender,
3. Key content,
4. Purpose
5. Form/style, and
6. format.
 TEXT as
Visuals

Typeface
font

True type Open type

Font (.ttf) font (.otf)

SERIF Sans serif Slab serif Script Decorative

Typeface

Types Implications Uses EXAMPLES

cannotes
formality and Times new
For the body text
readability in roman
of books,
large amount of Garamond
newspapers,
Serif texts gives a Baskerville
magazines and
classic or elegant Bookman
research
look when used antiqua
publication.
for tittle or
heading.
Typeface

Types Implications Uses Examples

Brings a clean or For clear and

Arial
minimalist look direct meaning of
Century
to the text text such as road
Sans Gothic
Gives a modern signage, building
Serif Tahoma
look and used directory or
Verdana
primarily in nutrition facts in
Calibri
webpage design. food packages.
Typeface

Types Implications Uses Examples

Carries a solid or For large Rockwell

Slab Playbill
heavy look to advertising sign
Serif
text. on billboards. Black Oak
Typeface

Types Implications Uses Examples

Ewardia
n
Must be used
sparingly and not Vladimi
Draws much to be used in r
attention to itself large body text.
Script because of its Usually for
Brush
brush-like wedding Script
strokes. invitation cards or French
other formal
events. Script
Freestyl
Typeface

Types Implications Uses Examples

Caters to a wide
variety of
emotions (such as
celebration, fear,
Curlz
Must be used Chiller
horror, etc.) or
Display/ sparingly and not
Decorative
themes ( such as
to be used in
Jokerman
cowboys, circus, Bauhaus
large body text.
holidays,
summer, kiddie, 93
etc.)
 Design Principles and Elements

EMPHASIS

This refers to the importance or value given to a part of the text –based
content. When trying to make a point or highlighting a message, you can make
The text bold, italicized, have a Heavier weight, darkened or lightened
(depending on your background color ) or enlarged.
 Design Principles and Elements

APPROPRIATENESS This refers to how fitting or suitable the text

is used for a specific audience, purpose or event.
In the creation of text-based content, make sure
APPROPRIATENESS
That the selection criteria (tone, style, purpose,
clarity) is followed.
APPROPRIATENESS

APPROPRIATENESS Which of the following headings on left best suits

this module?
APPROPRIATENESS
 Design Principles and Elements

PROXIMITY

This refers to how near or how far are the text elements from each other.
When two things are closely related, we bring them close together.
Otherwise, we put text elements far from each other. For example,
The main title and subtitle are usually placed closed to each other.
 Design Principles and Elements

ALIGNMENT
Refers to how the text is positioned in the page,
This can be left, right, center or justified.

We are oriented Text aligned to the Justified text gives

This may look
right way look a formal clean,
to read from left appealing for
decorative, but not organized and
To right, that headers, titles or
to the extent of formal look, and is
poems, but long
Is why text using it for long a choice in
centered text must
aligned to the texts. Personally, I technical writing
be avoided because
left is the most usually use it for such as research
it doesn’t go with
one or two lines at papers. However,
readable text the usual reading
the end of a main left aligned text is
Orientation. orientation.
text. more readable.
 Design Principles and Elements
ORGANIZATION

This refers to a conscious effort TIP: when there are many elements needed to fit in a
to organize the different text page, start by creating a framework or a compartment for
the elements. Divide the space by creating lines across the
elements in a page. page, making it look like a cabinet with a various sizes.
Organization ensures that while Once you are done compartmentalizing, you can place the
some text elements are different text elements on the boxes.
separated from each other
(based on the principle of
proximity), they are still SOMETHING TO DO: Read a news paper and
somehow connected with the observed how a large amount of text is organized columns,
rest of the elements in the page. consistent main text, varying headers all contribute to this.
 Design Principles and Elements
REPETITION

Concerns consistency of elements and the unity of the entire design.

Repetition encourages the use of repeating some typefaces are used on a page,
it might distract the audience and fail to communicate what you want them to
get from the content. To strike a balance, do not also use just single typeface
for a visual design product.
 Design Principles and Elements

CONTRAST Contrast is achieved when two

-Creates visual interest
To text elements.
elements are different from
each other. When you place a
white text on a very light
background, contrast is not
achieved and the text will be
difficult to read, with the right
mix of light and darkness. Try
using large font with a small
font, serif with sans serif, thick
lines with thin, and cool color
or warm color.
 Quiz Time

Listen to the Reporter that will read the Questions and Choose your answers below.

Choices

 Slab Serif  Display/Decorative

 Contrast  Serif

 Text  Text and Visual Dimension of Information

Ang Media.
 Script
 True Type Font
 Formal ang Informal
 Open Type Font
THAT’S ALL THANKYOU!!!