Multimedia Chapter 3 - Lecture 03 Text.pdf

Multimedia Chapter 3 - Lecture 03 Text.pdf

1. 1
Introduction to
Multimedia
Chapter 3
TEXT

2. 2
Introduction
to
Multimedia
Where you will use text?
2

3. 3
What is TEXT?
•Basic media for many multimedia systems.
•Texts in the form of words, sentences and
paragraphs is used to communicate
thoughts, ideas and facts in nearly every
aspect of our lives.

4. 4
What is TEXT?
•Multimedia products depends on text
for many things:
•to explain how the application
work.
•to guide the user in navigating
through the application.
•deliver the information for which
the application was designed.

5. 5
What is TEXT?
Texts consists of two structures:
LinearNon-Linear
Minimize the texts in
multimedia application

6. 6
What is TEXT?
Linear
•A single way to progress
through the text, starting at
the beginning and reading
to the end.

7. 7
What is TEXT?
•Non-Linear
•Information is represented in a semantic network in which multiple related
sections of the text are connected to each other
•A user may then browse through the sections of the text, jumping from one text
section to another.
Kancil Page
Crocodile Case
Page
Belt Case Page Hungry Monkey
Page

8. 8
3.1 Why Text is Important in MM?
•Factors affecting legibility of text:
•Size.
•The size of the text
•Background and foreground color
•The color in which the text is written in / on.
•Style
•Also known as typeface and font
•Leading
•refers to the amount of added space between lines of type.
•Originally, when type was set by hand for printing presses, printers
placed slugs—strips of lead of various thicknesses—between lines
of type to add space.

9. 9
3.1 Why Text is Important in MM?
•Factors affecting legibility of text:
•Background and foreground color (BG –Light colored, FG –Dark)
•Size.
•Style
•Leading

10. 10
3.2 Text Technology
•Based on creating letters, numbers and special characters.
•Text elements can be categories into:
•Alphabet characters : A –Z
•Numbers : 0 –9
•Special characters : Punctuation[. , ; ‘ …] , Sign or Symbols[* & ^ % $
£ ! /\~ # @ .…]
•Also known Character Sets

11. 11
3.2 Text Technology
•May also include special icon or drawing symbols, mathematical
symbols, Greek Letter etc.

12. 12
Font VS Typefaces
•Is there a difference?
•How do we differentiate one with the other?

13. 13
Font
•A ‘font’ is a collection of characters of a particular size and style
belongingto a particular typeface family.
•Usually vary by type sizes and styles.
•The sizes are measured in points
•This includes the letter set, the number set, and all of the special
character and diacritical marks you get by pressing the shift, option, or
command/control keys.
Arial Fonts

14. 14
Typeface
•A ‘typeface’ is a familyof graphic characters that usually includes many
type sizes and styles.
•A typefacecontains a series of fonts. For instance, Arial, Arial Black Arial
Narrow and Arial Unicode MS are actually 4 fonts under the same family.
Arial Typefaces Family

15. 15
Font and Typefaces
•The technology of fonts and typefaces includes the following:
•Font styles-boldface, italic, underline, outline
•Font sizes-point, kerning, leading
•Cases–uppercase, lowercase, intercap
•Serif versus Sans Serif

16. 16
Font Effects
•The technology of font effects in bringing viewer’s
attention to content:
•Case: UPPER and lower cased letter
•Bold, Italic, Underline,
superscript
or
subscript
•Embossedor Shadow
•Colours
•b
Strikethrough

17. 17
Font Effects Example
The StoryThe PrisonThe Characters
TheFurtherAdventuresOfSangKancil
KancilpurposelylethimselfgotoprisontosavehiscousinPelanduk
thathasbeenwrongfullyaccusedofmurderingkura-kurausingCO
2
.
Kancilforgedthebuayacrossingseventandstealingtheprecious
rambutanacrosstheriverinordertobesentencedtoalifein
prison.
Theprison,ahighsecurityfacilityjungleprisonlocatedonnomans
landisimpossibletobreakintoandaplaceforhighprofilecriminals.
Nowthatheisin,it’suptohiscunningskillsandtechnicalknow
howtofindhiscousinandhelphimtoescapeandprovehis
innocence.
12345

18. 18
Text Characteristic
FD xhp
Descender
The down stroke below
the baseline of a character
Capital Height
Point size
Ascender
an upstroke on a character
Serif
x-Height
This example shows the Times New Roman font
p -Height

19. 19
Kerning of Text
Av vA
Unkerned
Kerned
Kerning
space between pairs of characters, usually as an overlap for
improvement appearance

20. 20
Leading of Text
Reading Line One
Reading Line Two
Leading
Leading
spacing above and below a font or Line spacing

21. 21
Types of Fonts
•Two classes of fonts
•Serif
•Sans Serif

22. 22
Serif Text
•Decorative strokes added to the end of a letter's
•Serifs improve readability by leading the eye along the line of
type.
•Serifs are the best suited for body text.
•Serif faces are more difficult to read in small scale (smaller
than 8pt) and in very large sizes.

23. 23
San Serif Text
•Sans serif faces doesn't have decorative strokes.
•A sans serif text has to be read letter by letter.
•Use sans serif faces for small (smaller than 8pt) and very
large sizes.
•Used for footnotes and headlines

24. 24
Serif vs Sans Serif Fonts
•For computer displays, Sans Seriffonts consideredbetter because of
the sharper contrast.
San Serif
Serif

25. 25
Types of Fonts: Examples
Times New Roman
Bookman
Rockwell Light
Courier New
Century
Examples of Serif fonts
Century Gothic
Arial
Comic Sans MS
Impact
Tahoma
Examples of San Serif
fonts

26. 26
Using Text in Multimedia
•The text elements used in multimedia are:
•Menus for navigation
•Interactive buttons
•Fields for reading
•HTML documents
•Symbols and icons

27. 27
Using Text in Multimedia
Text applying guidelines:
•Be concise
•Use appropriate fonts
•Make it readable
•Consider type styles and colors
•Use restraint and be consistent

28. 28
Text in Hypermedia

29. 29
Hypertext

30. 30
How Text Can Be Used Effectively
1.Communicating Data
•Customer names and address
•Pricing information of products

31. 31
How Text Can Be Used Effectively
2.Explaining concepts and ideas
•A company mission statement
•A comparison of medical procedures

32. 32
How Text Can Be Used Effectively
3.Clarifying other media
•Labels on button, icons and screens
•Captions and callouts for graphics

33. 33
Advantages & Disadvantages Using Text
•Advantages:
•Is relatively inexpensive to produce
•Present abstract ideas effectively
•Clarifies other media
•Provides confidentiality (password)
•Is easily changed or updated

34. 34
Advantages & Disadvantages Using Text
•Disadvantages:
•Is less memorable than other visual media
•Requires more attention from the user than other media
•Can be cumbersome –not elegant in expression

35. 35
Summary
•Multimedia applications and presentations invariably rely to
some extent on the use of text to convey their message to
users.
•Text has many characteristics that the developer can modify
to enhance the user expression.
•size, weight, typeface, style, colour, kerning, tracking, etc.
•Just like any other media, it requires careful planning and
creativity.