0% found this document useful (0 votes)
46 views19 pages

Working With Typography and Images

The document discusses typography and text usage in multimedia presentations. It defines typography as the art of arranging text to make it legible and appealing. It lists the attributes of blocks of text including tracking, kerning, leading, style, and describes the difference between typefaces and fonts. The importance of universal literacy and expressing abstract concepts with text are discussed. Guidelines for effective text usage in multimedia are provided, such as being selective, brief, readable, consistent, careful, and respectful.

Uploaded by

Maccc Ng
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
46 views19 pages

Working With Typography and Images

The document discusses typography and text usage in multimedia presentations. It defines typography as the art of arranging text to make it legible and appealing. It lists the attributes of blocks of text including tracking, kerning, leading, style, and describes the difference between typefaces and fonts. The importance of universal literacy and expressing abstract concepts with text are discussed. Guidelines for effective text usage in multimedia are provided, such as being selective, brief, readable, consistent, careful, and respectful.

Uploaded by

Maccc Ng
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 19

WORKING WITH

TYPOGRAPHY AND
IMAGES
Chapter 2
Lesson Learning Outcome

◈ Describe typography.
◈ Developing text based
objects/artifacts
◈ Discuss the importance of text in
a multimedia presentation.
Lesson Learning Outcome

◈ List the attributes of a block of text, font


tracking, kerning, leading, bold,
underline, colour.
◈ Describe the difference between a font
and a typeface.
◈ Describe the usage of typefaces.
◈ Explain the usage of text in multimedia.
Typography
Typography is the art and technique of arranging type to
make written language legible, readable, and appealing
when displayed.
https://en.wikipedia.org/wiki/Typography

The word "typography" in English comes
from the Greek roots τύπος typos =
"impression" and -γραφία -graphia =
"writing".
The importance of text in a multimedia presentation

Universality
◈ Use text for its clarity and efficiency
◈ Literacy - A few people can paint; nearly all can read
and write
◈ Text speaks to nearly everyone - Help screens

Power of Expressions
◈ Use text to express abstract concepts for example E =
mc²
The attributes of a block of text

Tracking
◈ The space of all characters.
◈ More space - looser track
◈ Less space - tighter track
The attributes of a block of text

Kerning
◈ The different shapes of letters sometimes result in
distracting variations in letter spacing.
◈ Kerning is the process of adjusting the space
The attributes of a block of text

Leading
◈ The space between lines can be adjusted by using
leading.
The attributes of a block of text

Style
◈ Styles are readily
recognized variations in
the appearance of
characters
◈ For specific purposes
such bold for titles etc.
Typeface VS Font

Typeface Font
Characters are grouped into A complete set of
families that share a characters of a particular
common design typeface, style and size
Example: Arial, italic, 12
Example: Arial points
The usage of Typefaces

Serif Sans serif


A fine line added to finish a Has a clean bold look
letter stroke Used for headings
Make letters flow into one
another
Often used as text body
The usage of Typefaces

serif Sans serif


A fine line added to finish a Has a clean bold look
letter stroke Used for headings
Make letters flow into one
another
Often used as text body
The usage of Typefaces

Serif Sans serif


A fine line added to finish a Has a clean bold look
letter stroke Used for headings
Make letters flow into one
another
Often used as text body
Text Usage in
multimedia
Text Usage in multimedia

The principles of good writing

Be selective Be brief Make text readable


Use when it conveys information more Reading large amount of text on a Preserve open space. Don't crowd the
effective than other media computer screen tires the user screen with too much text
◈ To present fact ◈ Eliminate unnecessary words ◈ Choose color carefully
◈ To label unfamiliar icons ◈ Short logical segments ◈ Avoid small fonts
◈ To respond to user input ◈ Use bullets ◈ Limit number of fonts

Be consistent Be careful Be respectful


Maintain a tone to match the purpose of Proofread. Avoid spelling and Avoid racist, sexist
the application (formal, casual, grammatical errors ◈ Use humor with care
professional) ◈ Avoid plagiarism. Credit your ◈ Limit the use of animated text
◈ Same fonts for same major sources
categories of text ◈ Check for font availability and
compatibility

Applying text in menus, buttons, symbols
and icons
Thanks!
Any questions?

You might also like