260 likes | 565 Views
Text Multimedia Elements Text Graphics Animation Sound Video Text vital content - headlines, subtitles, captions directions - menus, buttons variety - styles, sizes, colors, effects, three-dimensions, animations, links and hypertext Text Fonts True Type printer screen Typefaces
E N D
Multimedia Elements • Text • Graphics • Animation • Sound • Video
Text • vital • content - headlines, subtitles, captions • directions - menus, buttons • variety - styles, sizes, colors, effects, three-dimensions, animations, links and hypertext
Text • Fonts • True Type • printer • screen • Typefaces • serif • sans serif • Spacing • kerning • leading
Designing 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 • Type terminology: • Typeface Arial Courier Times
Using Text in Multimedia • Type terminology: • Typeface • Font • Style Italic Bold Underline
Using Text in Multimedia • Type terminology: • Typeface • Font • Style • Point Leading • Leading
Using Text in Multimedia • Type terminology: • Typeface • Font • Style • Point • Leading • Kerning
Using Text in Multimedia • Type terminology: • Character metrics
Using Text in Multimedia • Type terminology: • Character metrics • 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 • Use drop caps and initial caps • 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
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 ©
Summary • Text may seem simple and fairly insignificant, but it provides an important information-delivery medium in multimedia applications. Example