SlideShare uma empresa Scribd logo
1 de 13
Baixar para ler offline
TEXT

UG141 – Multimedia Design


                 Johny Hizkia Siringo Ringo
           BIT (Multimedia Tech.), MIMS (Soft. Dev.)
                            johny.hizkia@istb.ac.id
                     johny.hizkia.ringo@gmail.com
                                     www.istb.ac.id
Role of Text
• The text element is very important in
  multimedia title as it conveys descriptive
  information.

• In some cases, textual information are
  substitutes to audio.



johny.hizkia@istb.ac.id     www.istb.ac.id   2
Text In History
• Written text came into use about ~6000 years
  ago
      – Mesopotamia, Egypt, Sumeria, Babylonia


• Initially text were written in symbols




johny.hizkia@istb.ac.id      www.istb.ac.id      3
Terminology about Text
• Typeface
      – A family of similar characters that may include
        many sizes and styles

• Point: The font size is usually measured in
  point (1 point = 1/72 of an inch)

• Leading: The space between line of text
• Kerning: spaces between two character
johny.hizkia@istb.ac.id   www.istb.ac.id          4
johny.hizkia@istb.ac.id   www.istb.ac.id   5
johny.hizkia@istb.ac.id   www.istb.ac.id   6
johny.hizkia@istb.ac.id   www.istb.ac.id   7
Typeface
• Serif
      – Serif type has extra stroke at certain points on letters
      – Serif fonts are considered to be more readable on
        printed page
      – Example: Times, New Century Schoolbook
• Sans Serif
      – Sans serif type does not have those extra strokes
      – Sans serif fonts are usually more readable on
        computer
      – Example: Arial, Century Gothic

johny.hizkia@istb.ac.id    www.istb.ac.id              8
Font Face
• Monospace
      – Every character occupies the same amount of
        space horizontally regardless of its shape
• Propotional
      – The space each letter occupies depends on the
        width of the letter shape




johny.hizkia@istb.ac.id    www.istb.ac.id       9
Familiar Font Face
• Arial Font Face

• Times New Roman

• Courier

• Helvetica

• Tahoma
johny.hizkia@istb.ac.id         www.istb.ac.id   10
Guidelines for Text
• Avoid huge amount of text
• Use familiar fonts which can be supported by
  playback system
• Use font size 10 – 14 (recommended)
• Use serif and/or san serif
• Color of the font should contrast with
  background


johny.hizkia@istb.ac.id        www.istb.ac.id   11
Guidelines for Text
• Consider the use of scrollbar
• Consider the use of hyperlinks
• Segment it into small fragments




johny.hizkia@istb.ac.id        www.istb.ac.id   12
Tools
• Word Processor
      – MS Words, One Note, iWrite, …
• Authoring Tools
      – Adobe Illustrator, Corel Draw, …




johny.hizkia@istb.ac.id   www.istb.ac.id   13

Mais conteúdo relacionado

Destaque

Chapter 4 : SOUND
Chapter 4 : SOUNDChapter 4 : SOUND
Chapter 4 : SOUNDazira96
 
Chapter 7 : MAKING MULTIMEDIA
Chapter 7 : MAKING MULTIMEDIAChapter 7 : MAKING MULTIMEDIA
Chapter 7 : MAKING MULTIMEDIAazira96
 
Text-Elements of multimedia
Text-Elements of multimediaText-Elements of multimedia
Text-Elements of multimediaVanitha Chandru
 
Introduction to multimedia
Introduction to multimediaIntroduction to multimedia
Introduction to multimediaZurina Yasak
 
Chapter 1 : INTRODUCTION TO MULTIMEDIA
Chapter 1 : INTRODUCTION TO MULTIMEDIAChapter 1 : INTRODUCTION TO MULTIMEDIA
Chapter 1 : INTRODUCTION TO MULTIMEDIAazira96
 
Introduction To Multimedia
Introduction To MultimediaIntroduction To Multimedia
Introduction To MultimediaJomel Penalba
 
Chapter 8 : MULTIMEDIA SKILLS
Chapter 8 : MULTIMEDIA SKILLSChapter 8 : MULTIMEDIA SKILLS
Chapter 8 : MULTIMEDIA SKILLSazira96
 
multimedia element
multimedia elementmultimedia element
multimedia elementAZMAN KADIR
 

Destaque (11)

Chapter 4 : SOUND
Chapter 4 : SOUNDChapter 4 : SOUND
Chapter 4 : SOUND
 
Chapter 7 : MAKING MULTIMEDIA
Chapter 7 : MAKING MULTIMEDIAChapter 7 : MAKING MULTIMEDIA
Chapter 7 : MAKING MULTIMEDIA
 
Text-Elements of multimedia
Text-Elements of multimediaText-Elements of multimedia
Text-Elements of multimedia
 
Introduction to multimedia
Introduction to multimediaIntroduction to multimedia
Introduction to multimedia
 
Introduction to multimedia
Introduction to multimediaIntroduction to multimedia
Introduction to multimedia
 
Multimedia ppt
Multimedia pptMultimedia ppt
Multimedia ppt
 
Chapter 1 : INTRODUCTION TO MULTIMEDIA
Chapter 1 : INTRODUCTION TO MULTIMEDIAChapter 1 : INTRODUCTION TO MULTIMEDIA
Chapter 1 : INTRODUCTION TO MULTIMEDIA
 
Introduction To Multimedia
Introduction To MultimediaIntroduction To Multimedia
Introduction To Multimedia
 
Chapter 8 : MULTIMEDIA SKILLS
Chapter 8 : MULTIMEDIA SKILLSChapter 8 : MULTIMEDIA SKILLS
Chapter 8 : MULTIMEDIA SKILLS
 
Multimedia
MultimediaMultimedia
Multimedia
 
multimedia element
multimedia elementmultimedia element
multimedia element
 

Semelhante a UG141 - Week 4 (Text)

Website tips & tricks
Website tips & tricksWebsite tips & tricks
Website tips & tricksindianheadfls
 
Write-ING Workshop (Bootcamp #1)
Write-ING Workshop (Bootcamp #1)Write-ING Workshop (Bootcamp #1)
Write-ING Workshop (Bootcamp #1)Alex Cruz
 
11. Typography data visualization .pdf
11. Typography data visualization .pdf11. Typography data visualization .pdf
11. Typography data visualization .pdfssusercc3ff71
 
Practical Typography or Typography vs Design
Practical Typography or Typography vs DesignPractical Typography or Typography vs Design
Practical Typography or Typography vs DesignRavi Bhadauria
 

Semelhante a UG141 - Week 4 (Text) (8)

Text
TextText
Text
 
Chapter 2
Chapter 2Chapter 2
Chapter 2
 
Website tips & tricks
Website tips & tricksWebsite tips & tricks
Website tips & tricks
 
Day01 design final
Day01 design finalDay01 design final
Day01 design final
 
Write-ING Workshop (Bootcamp #1)
Write-ING Workshop (Bootcamp #1)Write-ING Workshop (Bootcamp #1)
Write-ING Workshop (Bootcamp #1)
 
Typography
TypographyTypography
Typography
 
11. Typography data visualization .pdf
11. Typography data visualization .pdf11. Typography data visualization .pdf
11. Typography data visualization .pdf
 
Practical Typography or Typography vs Design
Practical Typography or Typography vs DesignPractical Typography or Typography vs Design
Practical Typography or Typography vs Design
 

Mais de Indonesia School of Technology and Business (ISTB) (15)

IS341 - Week01 the world wide web architecture
IS341 - Week01  the world wide web architectureIS341 - Week01  the world wide web architecture
IS341 - Week01 the world wide web architecture
 
IS341 - Course introduction
IS341 - Course introductionIS341 - Course introduction
IS341 - Course introduction
 
Lab 8
Lab 8Lab 8
Lab 8
 
Lab 7
Lab 7Lab 7
Lab 7
 
Lab 6
Lab 6Lab 6
Lab 6
 
Lab 5 - Week 7
Lab 5 - Week 7Lab 5 - Week 7
Lab 5 - Week 7
 
UG141 - Week 7 (Video)
UG141 - Week 7 (Video)UG141 - Week 7 (Video)
UG141 - Week 7 (Video)
 
Lab 4 - Week 5a
Lab 4 - Week 5aLab 4 - Week 5a
Lab 4 - Week 5a
 
UG141 - Week 6 (Sound)
UG141 - Week 6 (Sound)UG141 - Week 6 (Sound)
UG141 - Week 6 (Sound)
 
UG141 - Week 5 (Graphics)
UG141 - Week 5 (Graphics)UG141 - Week 5 (Graphics)
UG141 - Week 5 (Graphics)
 
Lab 3 - Week 4
Lab 3 - Week 4Lab 3 - Week 4
Lab 3 - Week 4
 
UG141 - Week 3 (Multimedia Methodology)
UG141 - Week 3 (Multimedia Methodology)UG141 - Week 3 (Multimedia Methodology)
UG141 - Week 3 (Multimedia Methodology)
 
Lab 1 - Week 2
Lab 1 - Week 2Lab 1 - Week 2
Lab 1 - Week 2
 
UG141 - Week 2 (Defining Multimedia)
UG141 - Week 2 (Defining Multimedia)UG141 - Week 2 (Defining Multimedia)
UG141 - Week 2 (Defining Multimedia)
 
UG141 - Week 1 (Course Introduction)
UG141 - Week 1 (Course Introduction)UG141 - Week 1 (Course Introduction)
UG141 - Week 1 (Course Introduction)
 

Último

Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfsanyamsingh5019
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphThiyagu K
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13Steve Thomason
 
Russian Call Girls in Andheri Airport Mumbai WhatsApp 9167673311 💞 Full Nigh...
Russian Call Girls in Andheri Airport Mumbai WhatsApp  9167673311 💞 Full Nigh...Russian Call Girls in Andheri Airport Mumbai WhatsApp  9167673311 💞 Full Nigh...
Russian Call Girls in Andheri Airport Mumbai WhatsApp 9167673311 💞 Full Nigh...Pooja Nehwal
 
Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Disha Kariya
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingTechSoup
 
JAPAN: ORGANISATION OF PMDA, PHARMACEUTICAL LAWS & REGULATIONS, TYPES OF REGI...
JAPAN: ORGANISATION OF PMDA, PHARMACEUTICAL LAWS & REGULATIONS, TYPES OF REGI...JAPAN: ORGANISATION OF PMDA, PHARMACEUTICAL LAWS & REGULATIONS, TYPES OF REGI...
JAPAN: ORGANISATION OF PMDA, PHARMACEUTICAL LAWS & REGULATIONS, TYPES OF REGI...anjaliyadav012327
 
Separation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesSeparation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesFatimaKhan178732
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfJayanti Pande
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactPECB
 
Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDMeasures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDThiyagu K
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformChameera Dedduwage
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Krashi Coaching
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdfQucHHunhnh
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Sapana Sha
 
mini mental status format.docx
mini    mental       status     format.docxmini    mental       status     format.docx
mini mental status format.docxPoojaSen20
 
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...Sapna Thakur
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxiammrhaywood
 

Último (20)

Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdf
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot Graph
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13
 
Russian Call Girls in Andheri Airport Mumbai WhatsApp 9167673311 💞 Full Nigh...
Russian Call Girls in Andheri Airport Mumbai WhatsApp  9167673311 💞 Full Nigh...Russian Call Girls in Andheri Airport Mumbai WhatsApp  9167673311 💞 Full Nigh...
Russian Call Girls in Andheri Airport Mumbai WhatsApp 9167673311 💞 Full Nigh...
 
Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
JAPAN: ORGANISATION OF PMDA, PHARMACEUTICAL LAWS & REGULATIONS, TYPES OF REGI...
JAPAN: ORGANISATION OF PMDA, PHARMACEUTICAL LAWS & REGULATIONS, TYPES OF REGI...JAPAN: ORGANISATION OF PMDA, PHARMACEUTICAL LAWS & REGULATIONS, TYPES OF REGI...
JAPAN: ORGANISATION OF PMDA, PHARMACEUTICAL LAWS & REGULATIONS, TYPES OF REGI...
 
Separation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesSeparation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and Actinides
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
 
Advance Mobile Application Development class 07
Advance Mobile Application Development class 07Advance Mobile Application Development class 07
Advance Mobile Application Development class 07
 
Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDMeasures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SD
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy Reform
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
 
Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
 
mini mental status format.docx
mini    mental       status     format.docxmini    mental       status     format.docx
mini mental status format.docx
 
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 

UG141 - Week 4 (Text)

  • 1. TEXT UG141 – Multimedia Design Johny Hizkia Siringo Ringo BIT (Multimedia Tech.), MIMS (Soft. Dev.) johny.hizkia@istb.ac.id johny.hizkia.ringo@gmail.com www.istb.ac.id
  • 2. Role of Text • The text element is very important in multimedia title as it conveys descriptive information. • In some cases, textual information are substitutes to audio. johny.hizkia@istb.ac.id www.istb.ac.id 2
  • 3. Text In History • Written text came into use about ~6000 years ago – Mesopotamia, Egypt, Sumeria, Babylonia • Initially text were written in symbols johny.hizkia@istb.ac.id www.istb.ac.id 3
  • 4. Terminology about Text • Typeface – A family of similar characters that may include many sizes and styles • Point: The font size is usually measured in point (1 point = 1/72 of an inch) • Leading: The space between line of text • Kerning: spaces between two character johny.hizkia@istb.ac.id www.istb.ac.id 4
  • 5. johny.hizkia@istb.ac.id www.istb.ac.id 5
  • 6. johny.hizkia@istb.ac.id www.istb.ac.id 6
  • 7. johny.hizkia@istb.ac.id www.istb.ac.id 7
  • 8. Typeface • Serif – Serif type has extra stroke at certain points on letters – Serif fonts are considered to be more readable on printed page – Example: Times, New Century Schoolbook • Sans Serif – Sans serif type does not have those extra strokes – Sans serif fonts are usually more readable on computer – Example: Arial, Century Gothic johny.hizkia@istb.ac.id www.istb.ac.id 8
  • 9. Font Face • Monospace – Every character occupies the same amount of space horizontally regardless of its shape • Propotional – The space each letter occupies depends on the width of the letter shape johny.hizkia@istb.ac.id www.istb.ac.id 9
  • 10. Familiar Font Face • Arial Font Face • Times New Roman • Courier • Helvetica • Tahoma johny.hizkia@istb.ac.id www.istb.ac.id 10
  • 11. Guidelines for Text • Avoid huge amount of text • Use familiar fonts which can be supported by playback system • Use font size 10 – 14 (recommended) • Use serif and/or san serif • Color of the font should contrast with background johny.hizkia@istb.ac.id www.istb.ac.id 11
  • 12. Guidelines for Text • Consider the use of scrollbar • Consider the use of hyperlinks • Segment it into small fragments johny.hizkia@istb.ac.id www.istb.ac.id 12
  • 13. Tools • Word Processor – MS Words, One Note, iWrite, … • Authoring Tools – Adobe Illustrator, Corel Draw, … johny.hizkia@istb.ac.id www.istb.ac.id 13