ug141 - week 4 (text)
DESCRIPTION
TRANSCRIPT
![Page 1: UG141 - Week 4 (Text)](https://reader033.vdocument.in/reader033/viewer/2022051412/5495c46bb479594c4d8b4dc8/html5/thumbnails/1.jpg)
Johny Hizkia Siringo Ringo BIT (Multimedia Tech.), MIMS (Soft. Dev.)
[email protected] [email protected]
www.istb.ac.id
TEXT
UG141 – Multimedia Design
![Page 2: UG141 - Week 4 (Text)](https://reader033.vdocument.in/reader033/viewer/2022051412/5495c46bb479594c4d8b4dc8/html5/thumbnails/2.jpg)
[email protected] 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.
![Page 3: UG141 - Week 4 (Text)](https://reader033.vdocument.in/reader033/viewer/2022051412/5495c46bb479594c4d8b4dc8/html5/thumbnails/3.jpg)
[email protected] www.istb.ac.id 3
Text In History
• Written text came into use about ~6000 years ago
– Mesopotamia, Egypt, Sumeria, Babylonia
• Initially text were written in symbols
![Page 4: UG141 - Week 4 (Text)](https://reader033.vdocument.in/reader033/viewer/2022051412/5495c46bb479594c4d8b4dc8/html5/thumbnails/4.jpg)
[email protected] www.istb.ac.id 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
![Page 5: UG141 - Week 4 (Text)](https://reader033.vdocument.in/reader033/viewer/2022051412/5495c46bb479594c4d8b4dc8/html5/thumbnails/5.jpg)
[email protected] www.istb.ac.id 5
![Page 6: UG141 - Week 4 (Text)](https://reader033.vdocument.in/reader033/viewer/2022051412/5495c46bb479594c4d8b4dc8/html5/thumbnails/6.jpg)
[email protected] www.istb.ac.id 6
![Page 7: UG141 - Week 4 (Text)](https://reader033.vdocument.in/reader033/viewer/2022051412/5495c46bb479594c4d8b4dc8/html5/thumbnails/7.jpg)
[email protected] www.istb.ac.id 7
![Page 8: UG141 - Week 4 (Text)](https://reader033.vdocument.in/reader033/viewer/2022051412/5495c46bb479594c4d8b4dc8/html5/thumbnails/8.jpg)
[email protected] www.istb.ac.id 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
![Page 9: UG141 - Week 4 (Text)](https://reader033.vdocument.in/reader033/viewer/2022051412/5495c46bb479594c4d8b4dc8/html5/thumbnails/9.jpg)
[email protected] www.istb.ac.id 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
![Page 10: UG141 - Week 4 (Text)](https://reader033.vdocument.in/reader033/viewer/2022051412/5495c46bb479594c4d8b4dc8/html5/thumbnails/10.jpg)
[email protected] www.istb.ac.id 10
Familiar Font Face
• Arial Font Face
• Times New Roman
• Courier
• Helvetica
• Tahoma
![Page 11: UG141 - Week 4 (Text)](https://reader033.vdocument.in/reader033/viewer/2022051412/5495c46bb479594c4d8b4dc8/html5/thumbnails/11.jpg)
[email protected] www.istb.ac.id 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
![Page 12: UG141 - Week 4 (Text)](https://reader033.vdocument.in/reader033/viewer/2022051412/5495c46bb479594c4d8b4dc8/html5/thumbnails/12.jpg)
[email protected] www.istb.ac.id 12
Guidelines for Text
• Consider the use of scrollbar
• Consider the use of hyperlinks
• Segment it into small fragments
![Page 13: UG141 - Week 4 (Text)](https://reader033.vdocument.in/reader033/viewer/2022051412/5495c46bb479594c4d8b4dc8/html5/thumbnails/13.jpg)
[email protected] www.istb.ac.id 13
Tools
• Word Processor
– MS Words, One Note, iWrite, …
• Authoring Tools
– Adobe Illustrator, Corel Draw, …