IAD1143 Introduction to Multimedia

1. IAD1143Introduction to Multimedia Part 4 - text

2. Part 4Text • Using text and symbols for communication is a very recent development to human being – about 6,000 years ago. • Started in the Mesopotamia, Egypt, Sumeria and Babylonia.

3. Part 4Text • Today, text and the ability to read it are doorways to power and knowledge. • Reading and writing – expected and necessary skills within modern cultures.

4. Part 4Text Typeface • Times New Roman • Helvetica • Brush Script • Bauhaus Font • Corbel (10pt) (normal) • Corbel (10pt) (bold) • Corbel (10pt) (italic) • About fonts and faces • Typeface – a family of graphic characters. • Includes many type size and styles. • Font – a collection of characters of a single size and style. • Belonging to a particular typeface family.

5. Part 4Text • Type sizes are usually measured in: • Points. • One point = .0138 inch. • Font’s size – distance from top of the capital letters to the bottom of the descenders in letters. • E.g. the letter g and y.

6. Part 4Text

7. Part 4Text ABCDEFGHIJKLMNOPQRSTWXYZ (uppercase) abcdefghijklmnopqrstuvwxyz (lowercase) • Cases • UPPERCASE– a capital letters. • lowercase – a small letter.

8. Part 4Text • Case sensitive • The text upper & lowercase letters must match. • Mostly used for passwords. • Case insensitive • Computers recognize both upper and lowercase forms.

9. Part 4Text A • Sans Serif • Letterforms without serif (no tail). • Usually having monoline strokes weights. • Sans (French word for “without”). • Examples: Futura, Helvetica & Universe.

10. Part 4Text • Serif • Little decoration at the end of a letter stroke. • Having a different line weight. • Examples: Times New Roman, Baskerville & Garamond. A

11. Part 4Text • Script • Design resembles handwriting • Slanting to the right and joined. • Examples: Script, Shelly, Allergo Script and Snell Roundhand Script. A

12. Part 4Text alignment • Leading– distance between 2 lines of type. • Kerning– adjusting the letter spacing (space between words/letters). • Left justify – all text is align on the left side (normal reading flow). • Right justify – all text is align on the right side (arabic). • Justify – all side are align. • Centered – text is centered.

13. Part 4Text alignment Justify– The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. Left justify – The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. Right justify – The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. Centered– The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog.

14. Part 4Text alignment • Leading Spaces between the top and the bottom row of a sentence. Spaces between the top and the bottom row of a sentence. • Kerning This is an example of kerning. T h i s i s a n e x a m p l e o f k e r n i n g .

15. Part 4Using text in multimedia • Experiment with drop shadow – especially for heading/title. • Bold or italic for important word(s). • Choosing text fonts • Here are a few design suggestions: • Use the most legible font. • Use few different faces as possible – with different sizes & style. • Adjust the leading & kerning. • Try different colors for title – to emphasize.

16. Part 4Menus for navigation • Use text for navigation. • Helpful to users to provide cues about their location. • Example: • Home>Online banking>Paying bills>Telephone bills

17. Part 4Fields of reading • Use only a few paragraph on the screen. • Try to fit all in one screen. • No one wants to read too many text on screen – people prefer to read print materials.

18. Part 4Fields of reading • Portrait versus landscape • Use scrolling text. • Put text into a single field. • Break text into fields that fit on monitor-sized pages – provide buttons to flip it. • Design the project for a special monitor – taller than wide. Scroll bar for scrolling text

19. Part 4Symbols & icons • Text – more efficient than imagery and pictures for delivering message. • However, pictures, icons, moving images and sounds – easily recalled and remembered. • With multimedia, we can blend both text and icons.

20. Part 4Animating text • Animating text can grab user’s attention. • Animating style: • Drop-in • Fly-in • Flashes/blinking • Moving from left to right Examples of animated text option in Power Point

21. Part 4Hypertext • Hypertext – we can click on the text/word to go to a link. • It is linked to the “word” that is highlighted. • We can electronically use it to search (information, documents, images, etc).

22. ANY QUESTIONS?