Embed Size (px)
Citation preview
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
