Multimedia
Systems
Explain the role of text in multimedia and its
Learnin 1
importance in supporting other elements.
g 2 Explain how computers process and display
text, including character encoding
Multimedia
Systems
Analyze text properties such as font size,
Learnin 3
weight, kerning, leading, and tracking, and
their effects on readability.
g 4
Differentiate between readability and legibility
and explain their significance in text
presentation.
Multimedia 1
Systems
Multimedia
Systems
WHAT IS
Text
Text in multimedia refers to
any written content used to
convey information, enhance
communication, and support
other media elements such as
images, audio, and video.
Multimedia
Systems
Text
Computers Representation
represent text
using character encoding,
in Computers
where each character is
assigned a unique numeric
code. This is done through
character sets
Multimedia
Systems
Character Set
A character set is a collection of
characters (letters, numbers,
symbols) used to represent text in a
computer system.
Multimedia
Systems
ASCII (American Standard Code for
Information Interchange)
ASCII is a character encoding standard that
assigns numeric codes to letters, digits,
symbols, and control characters. It uses 7 bits
to represent 128 characters
Multimedia
Systems
ASCII (American Standard Code for
Information Interchange)
ASCII is a character encoding standard that
assigns numeric codes to letters, digits,
symbols, and control characters. It uses 7 bits
to represent 128 characters
Multimedia
Systems
Multimedia
Systems
ASCII (American Standard Code for
Information Interchange)
01010011 01000011 01001000
01001111 01001111 01001100
Multimedia
Systems
Unicode
Unicode is a character encoding
standard that allows computers to
represent, store, and manipulate text
from multiple languages and scripts
Multimedia 1
Systems
Multimedia
Systems
What is Typography?
Typography in multimedia refers
to the design, arrangement, and
appearance of text within digital
and multimedia systems
(websites, apps, presentations,
videos, etc.).
Multimedia 1
Systems
Multimedia
Systems
Legibility
Refers to how easy it is to read individual
letters or characters. It's about whether
the text is clear and recognizable at a
glance.
Multimedia
Systems
Legibility
Refers to how easy it is to Refers to how easy it is to
read individual letters or read individual letters or
characters. It's about
whether the text is clear
characters. It's about
and recognizable at a whether the text is clear and
glance. recognizable at a glance.
Multimedia
Systems
https://vol.co/product/storytelling-architecture/
Multimedia
Systems
Inverted Text- refers to
text where the usual light
text on a dark background
or dark text on a light
background is flipped.
https://www.behance.net/gallery/8703401/New-Your-Winter-Jazz-Festival-Posters-Promotion
Multimedia
Systems
https://medium.com/writers-blokke/white-text-on-black-makes-me-want-to-gauge-my-eyes-out-like-oedipus-4ba9fa70318
Multimedia
Systems
Multimedia
Systems
readability
Refers to how engaging or enjoyable it is for
your viewer or reader to read the text. It
focuses on the overall experience and how
text flows and holds attention.
Multimedia
Systems
http://fieldworkfacility.com/projects/lowcarbonhub
Multimedia
Systems
https://www.behance.net/gallery/34601479/Illustrations-for-Sueddeutsche-Zeitung
Multimedia
Systems
Multimedia
Systems
Multimedia 1
Systems
Multimedia
Systems
Widow
Last line of a
paragraph that
appears alone at
the top of a
page/column.
Multimedia
Systems
orphans
First line of a
paragraph that
appears alone at
the bottom of a
page/column.
Multimedia
Systems
Widow and Orphans
Multimedia 1
Systems
Multimedia
Systems
Typeface
A group of related fonts that vary in weight, style,
width, or slant, but maintain the same basic design
principles.
Multimedia
Systems
Font
A font is a specific variant or weight of a typeface. It
is the individual style or appearance of a typeface in
terms of its size, weight, width, or slope.
Multimedia 1
Systems
Multimedia
Systems
Serif
Serif fonts have small
decorative strokes or lines at
the end of each character.
These decorative extensions,
called serifs, can give a more
traditional, formal, or elegant
appearance to text.
Multimedia
Systems
Serif
Multimedia
Systems
Serif
• Traditional
• Stability
• Enduring value
Multimedia
Systems
Serif
Multimedia
Systems
Sans Serif
Sans-serif fonts are clean
and simple, with no extra
decorative strokes at the end
of the characters. The word
sans is French for without, so
sans-serif literally means
without serifs.
Multimedia
Systems
Sans Serif
1. High versatility
2. Lots of Variability
3. More legible than Serif.
Multimedia
Systems
Display Type face
A display typeface is a
larger, more decorative
font typically used for
headlines, titles, or
logos.
Multimedia
Systems
Script typeface
A script typeface mimics
the flowing, connected
style of handwritten or
calligraphic text.
Multimedia 1
Systems
Multimedia 1
Systems
Multimedia
Systems
X Height
Refers to the height
of the lowercase
letters in a typeface..
Multimedia
Systems
Cap Height
Refers to the height
of the lowercase
letters in a typeface..
Multimedia
Systems
Ascenders
An ascender is a
vertical stroke that
extends upwards
over the x-height.
Multimedia
Systems
Descenders
A descender is the
part of a letter that
extends below the
baseline of a
typeface
Multimedia
Systems
Leg
refers to a diagonal
stroke that extends
from the stem or
main vertical stroke
of a letter.
Multimedia
Systems
Stem
The stem is the main
vertical stroke in upright
characters. When a letter
has no verticals like a
capital A or V, the first
diagonal stroke is
considered the stem.
Multimedia
Systems
Stroke
A stroke is the main vertical
diagonal line in a letter.
Multimedia
Systems
Stroke
A bar is a horizontal
stroke in letters like A,
H, e and f.
Multimedia
Systems
Serif
A serif is a short line at
the beginning and the
end of strokes.
Multimedia
Systems
Bowl
A bowl is a stroke that
creates an enclosed
curved space, as in the
letters d, b, o, D and B.
Multimedia
Systems
Counter
The counter is the
enclosed space in
letters like o, b, d, and a.
Counters are also
created by bowls.
Multimedia
Systems
Link and Loop
A link is a stroke
connecting the bowl
and loop of a two-
story lowercase g.
Multimedia
Systems
Swash
A swash is a fancy or
decorative replacement
to a terminal or serif in
any capital letter used
at the beginning of a
sentence.
Multimedia
Systems
Base
refers to the invisible
line upon which most
letters in a typeface sit.
Multimedia 1
Systems
Multimedia
Systems
1. Point vs Pixel 6. Kerning
2. Weight 7. Tracking
3. Baseline 8. Leading
4. Capline 9. Accessible
5. X-Height
Multimedia 1
Systems
Multimedia
Systems
1. Contrast
2. Limit the Number of Fonts
3. Maintain Readability
4. Complementary Fonts
5. Test Your Pairing
Multimedia
Systems
Multimedia
Systems
Multimedia
Systems
Multimedia
Systems
1. Contrast
2. Limit the Number of Fonts
3. Maintain Readability
4. Complementary Fonts
5. Test Your Pairing
