Computer Graphics & Design 1Faculty of Information and Communication TechnologySilpakorn University, Thailand

Dr.Surapong Lertsithichai, Ph.D.

Faculty of Architecture, Silpakorn University

Pongpan Suriyapat

IT University of Göteborg, Sweden

Typography I21st June 2005

4

Type + Graphic

Typography

4

Typography is the craft of endowing humanlanguage with a durable visual form, and thuswith an independent existence.—Robert Bringhurst, The Elements of Typographic Style

“Typography is the art of printing.It has as its first object not ornamentbut utility. The printer must never distract, evenwith beauty, the reader from his text.” --- School of Communication and Creative Arts, Deakin University, Australia

History of Typography

4

����������� ����������⌦���������������������� �������� ����⌫ � ������������!�" �#���� �����$%������&⌫'�� ()*+,-./012*34 ��5#� �⌫�����6��7 ��8����8�6 9::: �⌫&� 5��;&� �����<⌫��⌫&���7���=���>&���7����;��������⌫� ��6�����!�"��5�⌫�����6��7 �8������&��� (?@A+*B-,C4 ��5#� ������⌫�� ;&���� &�<⌫�$�����5��������� ��< ⌫����#⌫� �⌫� �=�⌫����������� ������⌦���#�

Printing from moveable type was first inventedin China in the 1040s. The earliest surviving worksbelonging to Bi Sheng. The earliest surviving Europeanletterforms are Greek (scratched in stone). In time, thesethin, primarily straight lined forms with open apertures,developed thicker strokes, their apeture lessened, andserifs were created. These forms were the basis for thethe formal lettering of the Roman Empire.

4

4

4

4

4

A B C D E F G H I J K L M N

O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p

q r s t u v w x y z

4

The quick brown fox jumps over the lazy dog.

Jackdaws love my big sphinx of quartz.

The Anatomy of Type

4

Typography xCap height

Serif Counter Ascender

Bowl Loop

Uppercase Letter

Lowercase Letter

Descender

Baseline

X height

The Anatomy of Type

4

The Anatomy of Type

4

T R G t r g

4

4

4

4

4

4

4

4

to be Continue...

More about Font...

TypefaceType Style Type FamilyType FontLetter Form Alignment ans Spacing

4

Homework

44

Font and Feelings + Create Compositions by Using Fonts4 x A4 Paper, 4 Compositions for each Paper = 16 Compositions

- Compositions 1 Page- Feelings 3 pages

4

OO LOO LOO LOO LOO LOO LOO

OOK

LOOK

LOOK

LOOK

LOOK

LOOK

LOOK

OOK

LOOK

LOOK

LOOK

LOOK

LOOK

LOOK

OOK

LOOK

LOOK

LOOK

LOOK

LOOK

LOOK

OOK

LOOK

LOOK

LOOK

LOOK

LOOK

LOOK

OOK

LOOK

LOOK

LOOK

LOOK

LOOK

LOOK

OOK

LOOK

LOOK

LOOK

LOOK

LOOK

LOOK

OOK

LOOK

LOOK

LOOK

LOOK

LOOK

LOOK

OOK

LOOK

LOOK

LOOK

LOOK

LOOK

LOOK

OOK

LOOK

LOOK

LOOK

LOOK

LOOK

LOOK

OOK

LOOK

LOOK

LOOK

LOOK

LOOK

LOOK

OOK

LOOK

LOOK

LOOK

LOOK

LOOK

LOOK

OOK

LOOK

LOOK

LOOK

LOOK

LOOK

LOOK

���� � ��

LOOK

�� � ��