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!!!
