SlideShare a Scribd company logo
MMGD0203
MULTIMEDIA DESIGN
Chapter 2
Text
2
 Text is words and symbols in any form, spoken or
written, are the most common system of
communication.
 Text is used in most Multimedia applications.
 With multimedia technology, text can be combined
with other media in a powerful and meaningful way
to present information and express moods.
 Text is the easiest to manipulate.
Chapter 2: Text
Introduction
3
 Text elements can be categories into:
 Alphabets characters: A – Z
 Number: 0 – 9
 Special characters: . , ; : ‘ “
 Symbols: @ # $ & *
Chapter 2: Text
Categories of Text
4
 Heading / Title
 Paragraph
 Bullet / list
 Navigation (Menu)
 Text as graphics
Chapter 2: Text
The Use of Text
5
Chapter 2: Text
The Use of Text
Heading
Paragraph
Text as
graphic
Navigation
6
 A design for a set of characters.
 A collection of characters of a single size and style
belonging to a particular typeface family.
 There is some basic consistency of look that makes
the individual characters, regardless of size and style
variations, part of the same family.
Chapter 2: Text
Font
7
 Font
Chapter 2: Text
Font
8
 The size of a font, typically represented in points (pt).
 The font size is the distance from the top of the
capital letters to the bottom of the "descenders" in
letters such as "g" and "y."
Chapter 2: Text
Font Size
9
Chapter 2: Text
Font Size
Font Size Example
8 point
Text
12 point Text
24 point Text
72 point
Text
10
 Users may have difficulty reading small text, seeing
small objects or targeting small icons and controls
with a mouse.
 Small fonts can cause eye-strain and make reading
difficult or impossible for many users.
 Screen elements with fixed sizes may be too small on
high-resolution displays or exceed the screen size on
small, hand-held devices.
Chapter 2: Text
Font Size
11
 Refers to whether text is bold, italicized, underlined,
or any combination of the three
 The term font style refers to the particular style of
textual characters.
 Styles are usually standard.
Chapter 2: Text
Font Style
Bold
italic
Underline
12
 Bold, bold face, or bold font is any text that is darkened to
help emphasize a remark or comment.
 Use bold fonts for emphasis, to highlight important points.
 Whole paragraphs of text set in bold type are hard to read.
 In some instances it is useful to readers to have titles,
proper names, or key terms in a manual within a block of
copy highlighted with bold for ease in scanning.
Chapter 2: Text
Font Style
13
 Italic is a style of font that slants the letters evenly to
the right.
 Use italics to emphasize small amounts of text within
a block of text.
 Avoid long passages in italics. It is harder to read than
normal roman faces.
Chapter 2: Text
Font Style
14
 An underline is where the words have a line running
beneath them.
 Underlines are appropriate for section headings and
some bibliographical notations.
 In web browsers, default settings typically distinguish
hyperlinks by underlining them.
Chapter 2: Text
Font Style
15
 There are two types of font:
 Serif
 Sans serif
Chapter 2: Text
Types of Font
16
 Serif characters have a little "flag" or decoration at
the end of the letter stroke.
 Serif fonts are usually easier to read in printed works
than sans-serif fonts.
Chapter 2: Text
Types of Font
17
 Sans Serif (sans is French for "without") characters
don't have these decorations.
 Sans-serif fonts are usually easier to read on screen
than serif fonts.
Chapter 2: Text
Types of Font
18
 Used to decorate, embellish, and beautify a text.
 With the help of decorative fonts any informal
passage can become more reader-friendly: it will
quickly capture attention of the readers and make a
text easier to perceive, unusual, and fascinating.
 Not suitable for paragraph.
Chapter 2: Text
Types of Font
19
 The following are some considerations and guidelines
to keep in mind when working with text :
 Be Concise
 Use Appropriate Fonts
 Make it Readable
 Consider Type Styles and Colors
 Use Restraint and be Consistent
Chapter 2: Text
Working with Text
20
Be Concise
 Text should be kept to a minimum unless the
application includes a great deal of reference
material.
 Reading volumes of text on a computer screen is
difficult and tiring.
 From a design standpoint, text should fill less than
half the screen
Chapter 2: Text
Working with Text
21
Use Appropriate Fonts
 Fonts are useful in focusing attention on certain test
on the screen, enhancing readability, setting a tone
(serious, lighthearted), and projecting an image
(progressive, conservative).
 When choosing a font, always consider the objectives
and the audience.
Chapter 2: Text
Working with Text
22
 Use Appropriate Fonts
Chapter 2: Text
Working with Text
This may be appealing to a
younger audience because
their childlike or whimsical
look.
This are more appropriate
for a formal look.
23
Make it Readable
 Although a decorative font maybe attractive but it
may also hard to read.
 The size of text depends on the application.
 Heading and subheadings are used to attract
attention and provide the user with quick
identification of the screen contents, while text
blocks provide the substance.
Chapter 2: Text
Working with Text
24
Chapter 2: Text
Working with Text
Headings 14 to 48 point
Subheadings Half the heading size
Text blocks 10 to 12 point
This example of size of lettering shows the effect size has on readability
This example of size of lettering shows the effect size has on readability
This example of size of lettering shows the effect size has on readability
This example of size of lettering shows the effect size has on readability
This example of size of lettering shows the effect size has on
readability
25
Consider Type Styles and Colors
 Three common type styles are bold, italic, and underline.
 These styles are often used for emphasis in print materials.
 In multimedia applications, however, there are more often
used to indicate hypertext, or hot words.
 Contrast between the lettering and background also is a
very important factor in legibility and readability.
Chapter 2: Text
Working with Text
26
Chapter 2: Text
Working with Text
How easy is it to read this written information
How easy is it to read this written information
How easy is it to read this written information
How easy is it to read this written information
27
Use Restraint and be Consistent
 Although it may be tempting and certainly easy to use
various typefaces, sizes, and styles, it is important to
exercise restraint.
 Be careful to avoid a busy and difficult to read design
resulting from too many fonts and type styles on one
screen.
 In addition, try to maintain consistency in the use of text.
Chapter 2: Text
Working with Text

More Related Content

PPTX
Dig imag unit 4 module 1 learning about type fonts and properties[2]
PPTX
Wd133 unit 4 module 1 learning about type fonts and properties[2]
PPTX
text in multimedia
PPT
Introduction to Email
PPT
Chapter 3 - Text.pptsdg
PPT
Lecture6 text
PPT
Lecture6 text
Dig imag unit 4 module 1 learning about type fonts and properties[2]
Wd133 unit 4 module 1 learning about type fonts and properties[2]
text in multimedia
Introduction to Email
Chapter 3 - Text.pptsdg
Lecture6 text
Lecture6 text

Similar to Multimedia Design Chapter 2 (20)

PPT
Lecture 4 text
PPT
Lecture 4 text
PPTX
Typography
PPT
Multimedia: Making it Happen - Text
PPTX
Unit 2 graphics
PPT
ntroduction to Office package, MS Word, MS Excel & MS Powerpoint. Specially d...
PPTX
Saw13 ch02-ppt
PPTX
TypographyTypography ? Is the art and technique of arranging letters and text...
PPT
Document and PPT training preparation in documents
PPT
Chapter 2 : TEXT
PPT
Chapter 2
PPTX
Elem of design unit 4 module 1 structure of type
PPTX
Multimedia chapter 2
PPTX
Multimedia chapter 2
PPTX
PDF
Typography Essentials: Part 2
PPT
ABCs of Technical Writing in business ABCs of Technical Writing in business
PPTX
the concept of typography and its anatomy
PDF
Multilingual Typesetting Services: Enhancing Global Communication
PPT
chapter2 multimedia and other program.ppt
Lecture 4 text
Lecture 4 text
Typography
Multimedia: Making it Happen - Text
Unit 2 graphics
ntroduction to Office package, MS Word, MS Excel & MS Powerpoint. Specially d...
Saw13 ch02-ppt
TypographyTypography ? Is the art and technique of arranging letters and text...
Document and PPT training preparation in documents
Chapter 2 : TEXT
Chapter 2
Elem of design unit 4 module 1 structure of type
Multimedia chapter 2
Multimedia chapter 2
Typography Essentials: Part 2
ABCs of Technical Writing in business ABCs of Technical Writing in business
the concept of typography and its anatomy
Multilingual Typesetting Services: Enhancing Global Communication
chapter2 multimedia and other program.ppt
Ad

More from Mohd Harris Ahmad Jaal (20)

PPT
Fundamentals of Programming Chapter 7
PPT
Fundamentals of Programming Chapter 6
PPT
Fundamentals of Programming Chapter 4
PPT
Fundamentals of Programming Chapter 3
PPT
Fundamentals of Programming Chapter 2
PPT
Fundamentals of Programming Chapter 1
PPT
Fundamentals of Programming Chapter 5
PPTX
Web Application Development using PHP Chapter 8
PPTX
Web Application Development using PHP Chapter 7
PPTX
Web Application Development using PHP Chapter 6
PPTX
Web Application Development using PHP Chapter 5
PPTX
Web Application Development using PHP Chapter 4
PPTX
Web Application Development using PHP Chapter 3
PPTX
Web Application Development using PHP Chapter 2
PPTX
Web Application Development using PHP Chapter 1
PPT
Fundamentals of Computing Chapter 10
PPT
Fundamentals of Computing Chapter 9
PPT
Fundamentals of Computing Chapter 8
PPT
Fundamentals of Computing Chapter 7
PPT
Fundamentals of Computing Chapter 6
Fundamentals of Programming Chapter 7
Fundamentals of Programming Chapter 6
Fundamentals of Programming Chapter 4
Fundamentals of Programming Chapter 3
Fundamentals of Programming Chapter 2
Fundamentals of Programming Chapter 1
Fundamentals of Programming Chapter 5
Web Application Development using PHP Chapter 8
Web Application Development using PHP Chapter 7
Web Application Development using PHP Chapter 6
Web Application Development using PHP Chapter 5
Web Application Development using PHP Chapter 4
Web Application Development using PHP Chapter 3
Web Application Development using PHP Chapter 2
Web Application Development using PHP Chapter 1
Fundamentals of Computing Chapter 10
Fundamentals of Computing Chapter 9
Fundamentals of Computing Chapter 8
Fundamentals of Computing Chapter 7
Fundamentals of Computing Chapter 6
Ad

Recently uploaded (20)

PPT
Package Design Design Kit 20100009 PWM IC by Bee Technologies
PPT
unit 1 ppt.ppthhhhhhhhhhhhhhhhhhhhhhhhhh
PPTX
Wisp Textiles: Where Comfort Meets Everyday Style
PDF
Urban Design Final Project-Context
PPTX
HPE Aruba-master-icon-library_052722.pptx
PDF
Wio LTE JP Version v1.3b- 4G, Cat.1, Espruino Compatible\202001935, PCBA;Wio ...
PPTX
ANATOMY OF ANTERIOR CHAMBER ANGLE AND GONIOSCOPY.pptx
PDF
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
PDF
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
PDF
GREEN BUILDING MATERIALS FOR SUISTAINABLE ARCHITECTURE AND BUILDING STUDY
PDF
Urban Design Final Project-Site Analysis
PDF
Quality Control Management for RMG, Level- 4, Certificate
PDF
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
PPTX
building Planning Overview for step wise design.pptx
PPTX
An introduction to AI in research and reference management
PPTX
mahatma gandhi bus terminal in india Case Study.pptx
PPTX
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
PDF
BRANDBOOK-Presidential Award Scheme-Kenya-2023
PPTX
Causes of Flooding by Slidesgo sdnl;asnjdl;asj.pptx
PDF
Africa 2025 - Prospects and Challenges first edition.pdf
Package Design Design Kit 20100009 PWM IC by Bee Technologies
unit 1 ppt.ppthhhhhhhhhhhhhhhhhhhhhhhhhh
Wisp Textiles: Where Comfort Meets Everyday Style
Urban Design Final Project-Context
HPE Aruba-master-icon-library_052722.pptx
Wio LTE JP Version v1.3b- 4G, Cat.1, Espruino Compatible\202001935, PCBA;Wio ...
ANATOMY OF ANTERIOR CHAMBER ANGLE AND GONIOSCOPY.pptx
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
GREEN BUILDING MATERIALS FOR SUISTAINABLE ARCHITECTURE AND BUILDING STUDY
Urban Design Final Project-Site Analysis
Quality Control Management for RMG, Level- 4, Certificate
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
building Planning Overview for step wise design.pptx
An introduction to AI in research and reference management
mahatma gandhi bus terminal in india Case Study.pptx
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
BRANDBOOK-Presidential Award Scheme-Kenya-2023
Causes of Flooding by Slidesgo sdnl;asnjdl;asj.pptx
Africa 2025 - Prospects and Challenges first edition.pdf

Multimedia Design Chapter 2

  • 2. 2  Text is words and symbols in any form, spoken or written, are the most common system of communication.  Text is used in most Multimedia applications.  With multimedia technology, text can be combined with other media in a powerful and meaningful way to present information and express moods.  Text is the easiest to manipulate. Chapter 2: Text Introduction
  • 3. 3  Text elements can be categories into:  Alphabets characters: A – Z  Number: 0 – 9  Special characters: . , ; : ‘ “  Symbols: @ # $ & * Chapter 2: Text Categories of Text
  • 4. 4  Heading / Title  Paragraph  Bullet / list  Navigation (Menu)  Text as graphics Chapter 2: Text The Use of Text
  • 5. 5 Chapter 2: Text The Use of Text Heading Paragraph Text as graphic Navigation
  • 6. 6  A design for a set of characters.  A collection of characters of a single size and style belonging to a particular typeface family.  There is some basic consistency of look that makes the individual characters, regardless of size and style variations, part of the same family. Chapter 2: Text Font
  • 8. 8  The size of a font, typically represented in points (pt).  The font size is the distance from the top of the capital letters to the bottom of the "descenders" in letters such as "g" and "y." Chapter 2: Text Font Size
  • 9. 9 Chapter 2: Text Font Size Font Size Example 8 point Text 12 point Text 24 point Text 72 point Text
  • 10. 10  Users may have difficulty reading small text, seeing small objects or targeting small icons and controls with a mouse.  Small fonts can cause eye-strain and make reading difficult or impossible for many users.  Screen elements with fixed sizes may be too small on high-resolution displays or exceed the screen size on small, hand-held devices. Chapter 2: Text Font Size
  • 11. 11  Refers to whether text is bold, italicized, underlined, or any combination of the three  The term font style refers to the particular style of textual characters.  Styles are usually standard. Chapter 2: Text Font Style Bold italic Underline
  • 12. 12  Bold, bold face, or bold font is any text that is darkened to help emphasize a remark or comment.  Use bold fonts for emphasis, to highlight important points.  Whole paragraphs of text set in bold type are hard to read.  In some instances it is useful to readers to have titles, proper names, or key terms in a manual within a block of copy highlighted with bold for ease in scanning. Chapter 2: Text Font Style
  • 13. 13  Italic is a style of font that slants the letters evenly to the right.  Use italics to emphasize small amounts of text within a block of text.  Avoid long passages in italics. It is harder to read than normal roman faces. Chapter 2: Text Font Style
  • 14. 14  An underline is where the words have a line running beneath them.  Underlines are appropriate for section headings and some bibliographical notations.  In web browsers, default settings typically distinguish hyperlinks by underlining them. Chapter 2: Text Font Style
  • 15. 15  There are two types of font:  Serif  Sans serif Chapter 2: Text Types of Font
  • 16. 16  Serif characters have a little "flag" or decoration at the end of the letter stroke.  Serif fonts are usually easier to read in printed works than sans-serif fonts. Chapter 2: Text Types of Font
  • 17. 17  Sans Serif (sans is French for "without") characters don't have these decorations.  Sans-serif fonts are usually easier to read on screen than serif fonts. Chapter 2: Text Types of Font
  • 18. 18  Used to decorate, embellish, and beautify a text.  With the help of decorative fonts any informal passage can become more reader-friendly: it will quickly capture attention of the readers and make a text easier to perceive, unusual, and fascinating.  Not suitable for paragraph. Chapter 2: Text Types of Font
  • 19. 19  The following are some considerations and guidelines to keep in mind when working with text :  Be Concise  Use Appropriate Fonts  Make it Readable  Consider Type Styles and Colors  Use Restraint and be Consistent Chapter 2: Text Working with Text
  • 20. 20 Be Concise  Text should be kept to a minimum unless the application includes a great deal of reference material.  Reading volumes of text on a computer screen is difficult and tiring.  From a design standpoint, text should fill less than half the screen Chapter 2: Text Working with Text
  • 21. 21 Use Appropriate Fonts  Fonts are useful in focusing attention on certain test on the screen, enhancing readability, setting a tone (serious, lighthearted), and projecting an image (progressive, conservative).  When choosing a font, always consider the objectives and the audience. Chapter 2: Text Working with Text
  • 22. 22  Use Appropriate Fonts Chapter 2: Text Working with Text This may be appealing to a younger audience because their childlike or whimsical look. This are more appropriate for a formal look.
  • 23. 23 Make it Readable  Although a decorative font maybe attractive but it may also hard to read.  The size of text depends on the application.  Heading and subheadings are used to attract attention and provide the user with quick identification of the screen contents, while text blocks provide the substance. Chapter 2: Text Working with Text
  • 24. 24 Chapter 2: Text Working with Text Headings 14 to 48 point Subheadings Half the heading size Text blocks 10 to 12 point This example of size of lettering shows the effect size has on readability This example of size of lettering shows the effect size has on readability This example of size of lettering shows the effect size has on readability This example of size of lettering shows the effect size has on readability This example of size of lettering shows the effect size has on readability
  • 25. 25 Consider Type Styles and Colors  Three common type styles are bold, italic, and underline.  These styles are often used for emphasis in print materials.  In multimedia applications, however, there are more often used to indicate hypertext, or hot words.  Contrast between the lettering and background also is a very important factor in legibility and readability. Chapter 2: Text Working with Text
  • 26. 26 Chapter 2: Text Working with Text How easy is it to read this written information How easy is it to read this written information How easy is it to read this written information How easy is it to read this written information
  • 27. 27 Use Restraint and be Consistent  Although it may be tempting and certainly easy to use various typefaces, sizes, and styles, it is important to exercise restraint.  Be careful to avoid a busy and difficult to read design resulting from too many fonts and type styles on one screen.  In addition, try to maintain consistency in the use of text. Chapter 2: Text Working with Text