Presentation is loading. Please wait.

Presentation is loading. Please wait.

COM 205 Multimedia Applications St. Joseph’s College Fall 2004.

Similar presentations

Presentation on theme: "COM 205 Multimedia Applications St. Joseph’s College Fall 2004."— Presentation transcript:

1 COM 205 Multimedia Applications St. Joseph’s College Fall 2004

2 Chapter 4 Text

3 Overview Importance of text in a multimedia presentation. Understanding fonts and typefaces. Using text elements in a multimedia presentation. Computers and text. Font editing and design tools. Multimedia and hypertext.

4 Text came into use about 6,000 years ago Text in History

5 Revolution in Communication Using symbols for communication relatively recent - 6,0000 years old 15th Century- Johann Gutenburg printing press revolutionized information Recently - another revolution - the World Wide Web and its native language - HTML

6 The Power of Meaning and the Importance of Text  Titles  Menus  Navigational aids Words must be chosen carefully Words appear in: Test the words you plan to use Keep a thesaurus handy

7 Using Text in Multimedia Type terminology Typeface Arial Courier Times Fonts Points Styles Leading Kerning

8 Fonts and Faces A typeface is a family of graphic characters that includes many type sizes and styles (such as Times, Arial, Helvetica) A font is a collection of characters of a single size and style belonging to a typeface family (such as bold, italic) Font sizes are in points 1 point = 1/72 inch (measured from top to bottom of descenders in capital letter) X-height is the height of the lower case letter x

9 Character Metrics

10 Factors affecting legibility of text –Size. –Background and foreground color. –Style. –Leading (pronounced “ledding”).

11 Styles Examples of styles are boldface and italic Italic Bold Underlined

12 Leading and Kerning Computers can adjust the line spacing (called leading) leading and the space between pairs of letters, called kerning

13 Fonts and Faces PostScript, TrueType and Master fonts can be altered Bitmapped fonts cannot be altered The computer draws or rasterizes a letter on the screen with pixels or dots.

14 Cases When type was set by hand, the type for a font was kept in a drawer or case, The upper drawer held the capital letters, and the lower drawer held the smaller letters From this we get the terms uppercase and lowercase

15 Case Sensitive Password, and paths in a URL are case sensitive ( that is “home” is different from “HOME”) It is easier to read words that have a mixture of upper and lower case letters rather than all upper case Computer terms use an intercap for readability as in PageMaker, or LastName

16 Serif and Sans Serif Type either has a little decoration at the end of the letter - called a serif or it doesn’t - sans serif ( “sans” from the French meaning without) Examples ( Times - serif “ T ” ) ( Arial - sans serif “ T ”) Use what is appropriate to convey your message

17 Using Text In Multimedia WYSIWYG - What you see is what you get! Aim for a balance between too much text and too little Make web pages no more than 1 to 2 screenfuls of text Bring the user to the destination with as few actions as possible

18 Text Font Design Tips Use the most legible font available Use as few different faces as possible ( too many called “ransom-note” typography Use bold and italics to convey meaning Adjust line spacing ( leading) Adjust the spacing between letters in headings to remove gaps Use colors and background to make type stand out Use meaningful word for links and menus

19 More Text Font Design Tips Anti-aliasing or dithering blends colors along the edges of letters to create gentle effect. Experiment with shadows Surround headlines with white space T ry attention grabbing effect with color, word art or large drop letters at the beginning of text

20 Menus For Navigation A Multimedia project or web site should include: –content or information –navigation tools such as menus, mouse clicks, key presses or touch screen –some indication or map of where the user is in the presentation

21 Buttons for Interaction Buttons are objects that make things happen when they are clicked Use common button shapes and sizes Label them clearly BE SURE THEY WORK!