SlideShare une entreprise Scribd logo
1  sur  13
Télécharger pour lire hors ligne
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

Contenu connexe

En vedette

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
 

En vedette (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
 

Similaire à 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
 

Similaire à 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
 

Plus 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)
 

Dernier

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
 
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
 
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
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationnomboosow
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactdawncurless
 
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
 
9548086042 for call girls in Indira Nagar with room service
9548086042  for call girls in Indira Nagar  with room service9548086042  for call girls in Indira Nagar  with room service
9548086042 for call girls in Indira Nagar with room servicediscovermytutordmt
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdfQucHHunhnh
 
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...fonyou31
 
fourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingfourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingTeacherCyreneCayanan
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...EduSkills OECD
 
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
 
General AI for Medical Educators April 2024
General AI for Medical Educators April 2024General AI for Medical Educators April 2024
General AI for Medical Educators April 2024Janet Corral
 
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
 
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
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfsanyamsingh5019
 
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...PsychoTech Services
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAssociation for Project Management
 
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
 

Dernier (20)

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
 
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
 
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
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communication
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
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...
 
9548086042 for call girls in Indira Nagar with room service
9548086042  for call girls in Indira Nagar  with room service9548086042  for call girls in Indira Nagar  with room service
9548086042 for call girls in Indira Nagar with room service
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
 
fourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingfourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writing
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
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...
 
General AI for Medical Educators April 2024
General AI for Medical Educators April 2024General AI for Medical Educators April 2024
General AI for Medical Educators April 2024
 
Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..
 
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
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdf
 
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across Sectors
 
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
 
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
 

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