ug141 - week 4 (text)

13
Johny Hizkia Siringo Ringo BIT (Multimedia Tech.), MIMS (Soft. Dev.) [email protected] [email protected] www.istb.ac.id TEXT UG141 – Multimedia Design

Upload: indonesia-school-of-technology-and-business-istb

Post on 18-Dec-2014

217 views

Category:

Education


1 download

DESCRIPTION

 

TRANSCRIPT

Page 1: UG141 - Week 4 (Text)

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)

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

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

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

[email protected] www.istb.ac.id 5

Page 6: UG141 - Week 4 (Text)

[email protected] www.istb.ac.id 6

Page 7: UG141 - Week 4 (Text)

[email protected] www.istb.ac.id 7

Page 8: UG141 - Week 4 (Text)

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

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

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

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

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

[email protected] www.istb.ac.id 13

Tools

• Word Processor

– MS Words, One Note, iWrite, …

• Authoring Tools

– Adobe Illustrator, Corel Draw, …