SlideShare uma empresa Scribd logo
1 de 12
TEXT
11 MULTIMEDIA
• Has been around for thousands of years
• Thanks to the Internet, text has become more important
than ever
• Meaning is key for all designs – text can create that
meaning
• Plan your words carefully when designing and using text

Text
• A typeface is a family of characters that includes many
type sizes and styles
• A font is a collection of characters of a single size and
style, belonging to a particular typeface family
• Typical font styles are bold and italic.

Fonts & Typefaces
• Typefaces and Fonts are like comparing Songs to MP3’s

• When you talk about how much you like a tune, you
don’t say: “That’s a great MP3”. You say: “That’s a great
song”. The MP3 is the delivery mechanism, not the
creative work; just as in type a font is the delivery
mechanism and a typeface is the creative work.
• Font is what you use, Typeface is what you see.

Songs vs MP3’s?
• The way I remember it is that referring to, say,
Helvetica as a nice font is like saying that my
wife wore a nice wardrobe today. I expect equal
punishment should be dished out in response to
either statement!
• Typeface is the style, font is the collection of
symbols using the same typeface.

Huh?
• Size is in Points (pt)
• 1pt = 0.35mm
• Point size measured from top of a capital to bottom of
descenders
• Font size doesn’t describe the height or width of all its
characters. The x-height can vary, even though the size is
the same.
• Leading (pronounced Ledding) is the space between
lines of text
• Kerning is the space between characters pairs (such as
AV)
• Tracking the space between all characters
• Case = capital letters is UPPER case, small letters is
LOWER case
• Does it have a Serif or not? Sans is French for “without”
• Serif is the little decoration at the end of the letter stroke
• Traditionally, Serif is used for blocks of text, whereas
Sans Serif is used for headings
• Not so relevant in the digital age due to the limitations of
screens (72dpi) which make the Serifs harder to read at
smaller sizes

Serif vs Sans Serif
• Different standards for how text is displayed on screen
and produced when printed.
• A 3 are based on mathematical equations to determine the
best possible output.
• The focus of PostScript was to keep text readable and
clean when scaling for printing (Adobe and Apple).
• TrueType was introduced as it could scale better on
screen with low resolutions (Microsoft and Apple).
• OpenType is a combination of them both and made
without any licencing limitations (Microsoft and Adobe).

PostScript vs TrueType vs
OpenType
• If your intent is digital only, then TrueType (.ttf) is what
you want. However, if you go with OpenType (.otf) you
can have the best of both worlds.
• Most software now days will simply apply either standard
to the finished product when you are in production.

• In a nutshell, it just means that all three will display
differently depending on their application so choose
wisely!

What does that mean?
• Multimedia presentations shouldn’t flood the viewer with
text
• Typeface, style, colour and size can have a major impact
on readability and getting your message across
• Decorative fonts should never be used for blocks of text
• Limit the number of typefaces in a piece of work
• Alignment and columns of text are important when
viewing large blocks – don’t make the viewer tired!
• Get people to evaluate your choice of text styles and
welcome the criticism

Text and Design
• Vaughan, T. (2010). Multimedia: Making It Work.
McGraw-Hill Publishing, USA.

Bibliography

Mais conteúdo relacionado

Mais procurados

Lecture6 text
Lecture6   textLecture6   text
Lecture6 text
Jay Patel
 
Lecture 4 text
Lecture 4   textLecture 4   text
Lecture 4 text
Mr SMAK
 
Typography presentation
Typography presentationTypography presentation
Typography presentation
Greg Sarles
 
The Elements of Design - Texture and Typography
The Elements of Design - Texture and TypographyThe Elements of Design - Texture and Typography
The Elements of Design - Texture and Typography
coachhahn
 

Mais procurados (18)

Ch04
Ch04Ch04
Ch04
 
Multimedia chapter 2
Multimedia chapter 2Multimedia chapter 2
Multimedia chapter 2
 
Unit 2 graphics
Unit 2 graphicsUnit 2 graphics
Unit 2 graphics
 
Chapter 5 Text
Chapter 5 TextChapter 5 Text
Chapter 5 Text
 
Chapter 2
Chapter 2Chapter 2
Chapter 2
 
CHAPTER – 3 Text
CHAPTER – 3    TextCHAPTER – 3    Text
CHAPTER – 3 Text
 
Lecture6 text
Lecture6   textLecture6   text
Lecture6 text
 
Lecture 4 text
Lecture 4   textLecture 4   text
Lecture 4 text
 
Typography presentation
Typography presentationTypography presentation
Typography presentation
 
Typography Essentials: Part 2
Typography Essentials: Part 2Typography Essentials: Part 2
Typography Essentials: Part 2
 
Typography and online communication
Typography and online communication Typography and online communication
Typography and online communication
 
The Elements of Design - Texture and Typography
The Elements of Design - Texture and TypographyThe Elements of Design - Texture and Typography
The Elements of Design - Texture and Typography
 
Practical Typography or Typography vs Design
Practical Typography or Typography vs DesignPractical Typography or Typography vs Design
Practical Typography or Typography vs Design
 
1.01 Typography Usability and Readability
1.01 Typography Usability and Readability1.01 Typography Usability and Readability
1.01 Typography Usability and Readability
 
Good practises in graphic design, typography and editing: “Clear Layout. Basi...
Good practises in graphic design, typography and editing: “Clear Layout. Basi...Good practises in graphic design, typography and editing: “Clear Layout. Basi...
Good practises in graphic design, typography and editing: “Clear Layout. Basi...
 
Texture and typography
Texture and typographyTexture and typography
Texture and typography
 
Basics of typography hierarchy
Basics of typography hierarchyBasics of typography hierarchy
Basics of typography hierarchy
 
1. reason why study spl
1. reason why study spl1. reason why study spl
1. reason why study spl
 

Semelhante a Text

11. Typography data visualization .pdf
11. Typography data visualization .pdf11. Typography data visualization .pdf
11. Typography data visualization .pdf
ssusercc3ff71
 
Lec14 15 16 text
Lec14 15 16 textLec14 15 16 text
Lec14 15 16 text
Dom Mike
 
Power Point Design Keys
Power Point Design KeysPower Point Design Keys
Power Point Design Keys
astridcarol09
 

Semelhante a Text (20)

Typography
TypographyTypography
Typography
 
Fonts!
Fonts!Fonts!
Fonts!
 
Chap7
Chap7Chap7
Chap7
 
11. Typography data visualization .pdf
11. Typography data visualization .pdf11. Typography data visualization .pdf
11. Typography data visualization .pdf
 
Lec14 15 16 text
Lec14 15 16 textLec14 15 16 text
Lec14 15 16 text
 
Font new edit
Font new editFont new edit
Font new edit
 
Day01 design final
Day01 design finalDay01 design final
Day01 design final
 
Neoito — Typography for the web
Neoito — Typography for the webNeoito — Typography for the web
Neoito — Typography for the web
 
Typography
TypographyTypography
Typography
 
Chapter 3 - Text.pptsdg
Chapter 3 - Text.pptsdgChapter 3 - Text.pptsdg
Chapter 3 - Text.pptsdg
 
Thomas Phinney, “Fonts. Everything is Changing. Again.”
Thomas Phinney, “Fonts. Everything is Changing. Again.”Thomas Phinney, “Fonts. Everything is Changing. Again.”
Thomas Phinney, “Fonts. Everything is Changing. Again.”
 
Typography3 bh
Typography3 bhTypography3 bh
Typography3 bh
 
prepress 1st chapter.pptx
prepress 1st chapter.pptxprepress 1st chapter.pptx
prepress 1st chapter.pptx
 
Type
TypeType
Type
 
11959189.ppt
11959189.ppt11959189.ppt
11959189.ppt
 
Course Content Considerations
Course Content ConsiderationsCourse Content Considerations
Course Content Considerations
 
Presentation 1 asgardia
Presentation 1 asgardiaPresentation 1 asgardia
Presentation 1 asgardia
 
Power Point Design Keys
Power Point Design KeysPower Point Design Keys
Power Point Design Keys
 
How Not to Piss off Your Printing Press
How Not to Piss off Your Printing PressHow Not to Piss off Your Printing Press
How Not to Piss off Your Printing Press
 
Type
TypeType
Type
 

Text

  • 2. • Has been around for thousands of years • Thanks to the Internet, text has become more important than ever • Meaning is key for all designs – text can create that meaning • Plan your words carefully when designing and using text Text
  • 3. • A typeface is a family of characters that includes many type sizes and styles • A font is a collection of characters of a single size and style, belonging to a particular typeface family • Typical font styles are bold and italic. Fonts & Typefaces
  • 4. • Typefaces and Fonts are like comparing Songs to MP3’s • When you talk about how much you like a tune, you don’t say: “That’s a great MP3”. You say: “That’s a great song”. The MP3 is the delivery mechanism, not the creative work; just as in type a font is the delivery mechanism and a typeface is the creative work. • Font is what you use, Typeface is what you see. Songs vs MP3’s?
  • 5. • The way I remember it is that referring to, say, Helvetica as a nice font is like saying that my wife wore a nice wardrobe today. I expect equal punishment should be dished out in response to either statement! • Typeface is the style, font is the collection of symbols using the same typeface. Huh?
  • 6. • Size is in Points (pt) • 1pt = 0.35mm • Point size measured from top of a capital to bottom of descenders • Font size doesn’t describe the height or width of all its characters. The x-height can vary, even though the size is the same.
  • 7. • Leading (pronounced Ledding) is the space between lines of text • Kerning is the space between characters pairs (such as AV) • Tracking the space between all characters • Case = capital letters is UPPER case, small letters is LOWER case
  • 8. • Does it have a Serif or not? Sans is French for “without” • Serif is the little decoration at the end of the letter stroke • Traditionally, Serif is used for blocks of text, whereas Sans Serif is used for headings • Not so relevant in the digital age due to the limitations of screens (72dpi) which make the Serifs harder to read at smaller sizes Serif vs Sans Serif
  • 9. • Different standards for how text is displayed on screen and produced when printed. • A 3 are based on mathematical equations to determine the best possible output. • The focus of PostScript was to keep text readable and clean when scaling for printing (Adobe and Apple). • TrueType was introduced as it could scale better on screen with low resolutions (Microsoft and Apple). • OpenType is a combination of them both and made without any licencing limitations (Microsoft and Adobe). PostScript vs TrueType vs OpenType
  • 10. • If your intent is digital only, then TrueType (.ttf) is what you want. However, if you go with OpenType (.otf) you can have the best of both worlds. • Most software now days will simply apply either standard to the finished product when you are in production. • In a nutshell, it just means that all three will display differently depending on their application so choose wisely! What does that mean?
  • 11. • Multimedia presentations shouldn’t flood the viewer with text • Typeface, style, colour and size can have a major impact on readability and getting your message across • Decorative fonts should never be used for blocks of text • Limit the number of typefaces in a piece of work • Alignment and columns of text are important when viewing large blocks – don’t make the viewer tired! • Get people to evaluate your choice of text styles and welcome the criticism Text and Design
  • 12. • Vaughan, T. (2010). Multimedia: Making It Work. McGraw-Hill Publishing, USA. Bibliography