text & typography - wcw.cs.ui.ac.idwcw.cs.ui.ac.id/teaching/imgs/bahan/pim/tt.pdf · typography...

16
Text & Typography

Upload: others

Post on 16-Oct-2020

6 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Text & Typography - wcw.cs.ui.ac.idwcw.cs.ui.ac.id/teaching/imgs/bahan/pim/tt.pdf · Typography Pt is font size. 1 Pt is 1/72 inch (0.3528 mm). 1 Pica (pc) is 12 Pt. 12 Pt Times Roman

Text &

Typography

Page 2: Text & Typography - wcw.cs.ui.ac.idwcw.cs.ui.ac.id/teaching/imgs/bahan/pim/tt.pdf · Typography Pt is font size. 1 Pt is 1/72 inch (0.3528 mm). 1 Pica (pc) is 12 Pt. 12 Pt Times Roman

Text

Text

Visual representation dari suatu bahasa

Element grafik

Pola bit yang disimpan dalam memory computer

ditampilkan sesuai dengan makna Bahasa

Terkait dengan typografi:

• Precise shape of a character

• Spacing

• layout

Page 3: Text & Typography - wcw.cs.ui.ac.idwcw.cs.ui.ac.id/teaching/imgs/bahan/pim/tt.pdf · Typography Pt is font size. 1 Pt is 1/72 inch (0.3528 mm). 1 Pica (pc) is 12 Pt. 12 Pt Times Roman

Character Sets

Perlu dibedakan Antara

Content dari suatu text

Penampilan fisik suatu text

Page 4: Text & Typography - wcw.cs.ui.ac.idwcw.cs.ui.ac.id/teaching/imgs/bahan/pim/tt.pdf · Typography Pt is font size. 1 Pt is 1/72 inch (0.3528 mm). 1 Pica (pc) is 12 Pt. 12 Pt Times Roman
Page 5: Text & Typography - wcw.cs.ui.ac.idwcw.cs.ui.ac.id/teaching/imgs/bahan/pim/tt.pdf · Typography Pt is font size. 1 Pt is 1/72 inch (0.3528 mm). 1 Pica (pc) is 12 Pt. 12 Pt Times Roman

IS)-10646

Page 6: Text & Typography - wcw.cs.ui.ac.idwcw.cs.ui.ac.id/teaching/imgs/bahan/pim/tt.pdf · Typography Pt is font size. 1 Pt is 1/72 inch (0.3528 mm). 1 Pica (pc) is 12 Pt. 12 Pt Times Roman
Page 7: Text & Typography - wcw.cs.ui.ac.idwcw.cs.ui.ac.id/teaching/imgs/bahan/pim/tt.pdf · Typography Pt is font size. 1 Pt is 1/72 inch (0.3528 mm). 1 Pica (pc) is 12 Pt. 12 Pt Times Roman

Monospaced vs Proportional

Page 8: Text & Typography - wcw.cs.ui.ac.idwcw.cs.ui.ac.id/teaching/imgs/bahan/pim/tt.pdf · Typography Pt is font size. 1 Pt is 1/72 inch (0.3528 mm). 1 Pica (pc) is 12 Pt. 12 Pt Times Roman

Serifs

Page 9: Text & Typography - wcw.cs.ui.ac.idwcw.cs.ui.ac.id/teaching/imgs/bahan/pim/tt.pdf · Typography Pt is font size. 1 Pt is 1/72 inch (0.3528 mm). 1 Pica (pc) is 12 Pt. 12 Pt Times Roman

Italics vs Slanting

Page 10: Text & Typography - wcw.cs.ui.ac.idwcw.cs.ui.ac.id/teaching/imgs/bahan/pim/tt.pdf · Typography Pt is font size. 1 Pt is 1/72 inch (0.3528 mm). 1 Pica (pc) is 12 Pt. 12 Pt Times Roman

Fantasy fonts

Page 11: Text & Typography - wcw.cs.ui.ac.idwcw.cs.ui.ac.id/teaching/imgs/bahan/pim/tt.pdf · Typography Pt is font size. 1 Pt is 1/72 inch (0.3528 mm). 1 Pica (pc) is 12 Pt. 12 Pt Times Roman

Combining

Page 12: Text & Typography - wcw.cs.ui.ac.idwcw.cs.ui.ac.id/teaching/imgs/bahan/pim/tt.pdf · Typography Pt is font size. 1 Pt is 1/72 inch (0.3528 mm). 1 Pica (pc) is 12 Pt. 12 Pt Times Roman

Typography

Pt is font size. 1 Pt is 1/72 inch (0.3528 mm).

1 Pica (pc) is 12 Pt.

12 Pt Times Roman means the body size is 12 Pt.

A font size can also be expressed in ex (x-height).

1 em is the size of an uppercase M.

Page 13: Text & Typography - wcw.cs.ui.ac.idwcw.cs.ui.ac.id/teaching/imgs/bahan/pim/tt.pdf · Typography Pt is font size. 1 Pt is 1/72 inch (0.3528 mm). 1 Pica (pc) is 12 Pt. 12 Pt Times Roman

Kerning

Page 14: Text & Typography - wcw.cs.ui.ac.idwcw.cs.ui.ac.id/teaching/imgs/bahan/pim/tt.pdf · Typography Pt is font size. 1 Pt is 1/72 inch (0.3528 mm). 1 Pica (pc) is 12 Pt. 12 Pt Times Roman

Ligatures

A ligature occurs where two or more graphemes or

letters are joined as a single glyph

æ as used in English, in which the letters a and e are

joined

The common ampersand (&) developed from a ligature in

which the handwritten Latin letters e and t (spelling et,

from the Latin for "and") were combined

Page 15: Text & Typography - wcw.cs.ui.ac.idwcw.cs.ui.ac.id/teaching/imgs/bahan/pim/tt.pdf · Typography Pt is font size. 1 Pt is 1/72 inch (0.3528 mm). 1 Pica (pc) is 12 Pt. 12 Pt Times Roman

Anti alias

(1) Smoothing the jagged appearance of diagonal lines

in a bitmapped image. The pixels that surround the

edges of the line are changed to varying shades of gray

or color in order to blend the sharp edge into the

background. This technique is also called "dithering,"

but is usually known as anti-aliasing when applied to

diagonal and curved lines.

(2) Smoothing a distorted signal by applying various

techniques that add data or filter out unwanted noise.

Page 16: Text & Typography - wcw.cs.ui.ac.idwcw.cs.ui.ac.id/teaching/imgs/bahan/pim/tt.pdf · Typography Pt is font size. 1 Pt is 1/72 inch (0.3528 mm). 1 Pica (pc) is 12 Pt. 12 Pt Times Roman

Layout & Formatting

Text as Bitmap Graphics

Text as Vector

WYSIWYG (text-based formatter)

Text as Vector Graphics