Text Text. Multimedia Elements u Text u Graphics u Animation u Sound u Video

TextText

Multimedia ElementsMultimedia Elements

Text Graphics Animation Sound Video

TextText

vital content - headlines, subtitles, captions directions - menus, buttons variety - styles, sizes, colors, effects, three-

dimensions, animations, links and hypertext

TextText Fonts

True Type printer screen

Typefaces serif sans serif

Spacing kerning leading

Designing with TextDesigning with Text

choose TrueType fonts or use bitmapped graphics align text at the left use colors that contrast with the background use serif fonts for large bodies of text use sans serif fonts for titles, headings, & callouts make sure the text is a readable size

12-point font size and 18-point leading keep blocks of text shorter than 60 characters

Using Text in Multimedia

Typeface

•Type terminology:

Arial

Courier

Times

Using Text in Multimedia

Typeface

•Type terminology:

Italic

Bold

Underline

Font

Style

Using Text in Multimedia

Typeface

Font

Style

•Type terminology:

LeadingPoint

Leading

Using Text in Multimedia

Typeface

Font

Style

•Type terminology:

Point

Leading

Kerning

Using Text in Multimedia

Character metrics

•Type terminology:

Using Text in Multimedia

Character metrics

•Type terminology:

Case

Serif versus sans serif

serif

sans serif

Using Text in Multimedia•Designing with text

Strike a density balance

Consider legibility when choosing fonts

Avoid too many different faces

Adjust leading and kerning for readability

Explore colors and backgrounds

Use anti-aliasing

Using Text in Multimedia•Designing with text

Minimize lines of centered text

Use distorted layouts to grab attention

Surround headlines with white space

Distinguish text links with colors and underlining

Make efficient use of screen real estate

Use drop caps and initial caps

Using Text in Multimedia•Designing with text

•Menus for navigation

Using Text in Multimedia•Designing with text

•Menus for navigation

•Buttons for interaction

Using Text in Multimedia•Designing with text

•Menus for navigation

•Buttons for interaction

•Fields for reading

Portrait Landscape

Using Text in Multimedia•Designing with text

•Menus for navigation

•Buttons for interaction

•Fields for reading

•HTML documents

Using Text in Multimedia•Designing with text

•Menus for navigation

•Buttons for interaction

•Fields for reading

•HTML documents

•Symbols and icons

Using Text in Multimedia•Designing with text

•Menus for navigation

•Buttons for interaction

•Fields for reading

•HTML documents

•Symbols and icons

•Animating text

Computers and Text•Macintosh screen resolution = 72 pixels per inch

•The font wars

Adobe PostScript

Adobe Type Manager (ATM)

Computers and Text•Macintosh screen resolution = 72 pixels per inch

•The font wars

Adobe PostScript

Adobe Type Manager (ATM)

TrueType (TT)

Computers and Text•Macintosh screen resolution = 72 pixels per inch

•The font wars

•Font foundries

•Managing fonts

Computers and Text•Character sets

ASCII character set

Extended character set

Unicode

Computers and Text•Character sets

•Mapping text

Across platforms

Across languages

Special characters in HTML

©makes

©

SummarySummary

Text may seem simple and fairly insignificant, but it provides an important information-delivery medium in multimedia applications.

Example