Contoh Presentasi Tipografi Dasar Bahan Kuliah

1. PENGERTIAN
TIPOGRAFI
MK:
TIPOGRAFI
DASAR

2. 1. PENGERTIAN TIPOGRAFI
2. FUNGSI UTAMA TIPOGRAFI
3. CONTOH TIPOGRAFI
4. BENTUK HURUF
5. PENGUKURAN HURUF
6. KLASIFIKASI HURUF
7. KARAKTERISTIK HURUF
8. PEDOMAN PENGGUNAAN
HURUF

3. DREAM BIG
LEARN BEYOND
Etimologi berasal dari bahasa Yunani :
Typos = Bentuk
Graphein = Menulis.
Tipografi adalah ilmu yang mempelajari tentang seni dan desain huruf dan
termasuk simbol, dalam aplikasinya untuk media komunikasi visual
dengan metode penataan layout, bentuk, ukuran dan sifatnya sehingga
nanti pesan yang akan disampaikan sesuai dengan harapan..

4. DREAM BIG
LEARN BEYOND
Modern :
Berkaitan dengan penataan huruf pada media elektronik, baik dari segi tampilan
maupun output ke berbagai media cetak.
Tradisional :
Berkaitan dengan penataan huruf melalui media manual berupa lempeng baja yang
timbul atau karet (stempel) yang timbul yang berkenaan dengan tinta dan akan
dituangkan ke permukaan kertas, dan ilmunya banyak digunakan pada berbagai
bidang diantaranya desain grafis, desain web, percetakan, majalah, desain produk
dan sebagainya.

5. DREAM BIG
LEARN BEYOND
Membuat teks menjadi berguna dan mudah digunakan.
Tipografi = READABILITY & LEGIBILITY
• Readability : Kemudahan membaca teks
• Legibility : Kemudahan mengenali setiap huruf dan kata.

6. DREAM BIG
LEARN BEYOND
Dipengaruhi oleh :
• Jenis huruf
• Ukuran
• Pengaturan,
• Termasuk di dalamnya alur, spasi, perataan dan sebagainya.
• Kontras warna terhadap latar belakang.

7. DREAM BIG
LEARN BEYOND
Ditentukan oleh :
• Kerumitan desain huruf,
• Seperti penggunaan serif, kontras, stroke, dan sebagainya.
• Penggunaan warna
• Frekuensi pengamat menemui huruf dalam kehidupan sehari-hari.

8. DREAM BIG
LEARN BEYOND
Danton Sihombing (2001),
Terminologi umum yang digunakan dalam penamaan setiap komponen visual yang
terstruktur dalam fisik huruf adalah :
• Capline
• Meanline
• Baseline Descender
• Ascender
• X-Height

10. DREAM BIG
LEARN BEYOND
• Capline : garis maya lurus horisontal yang menjadi batas bagian
teratas dari setiap huruf besar
• Meanline : garis maya lurus horisontal yang menjadi batas
bagian teratas dari badan setiap huruf kecil
• Baseline : garis maya lurus horisontal yang menjadi batas bagian
terbawah dari setiap huruf besar
• Descender : bagian dari huruf kecil yang posisinya tepat berada
di bawah baseline
• Ascender : bagian dari huruf kecil yang posisinya tepat berada
diantara meanline dan capline
• X-Height : jarak ketinggian dari baseline ke meanline

11. DREAM BIG
LEARN BEYOND
Jika ditinjau dari sudut geometri, maka garis dasar yang
mendominasi struktur huruf dalam alphabet dapat dibagi menjadi 4
kelompok besar, yaitu:
• Kelompok garis tegak-datar
• Kelompok garis tegak-miring
• Kelompok garis tegak-lengkung
• Kelompok garis lengkung

12. DREAM BIG
LEARN BEYOND
• E
• F
• H
• I
• L
• T

13. DREAM BIG
LEARN BEYOND
• A
• K
• M
• N
• V
• W
• X
• Y
• Z

14. DREAM BIG
LEARN BEYOND
• B
• D
• G
• J
• P
• R
• U

15. DREAM BIG
LEARN BEYOND
• C
• O
• Q
• S

16. DREAM BIG
LEARN BEYOND
Penyusunan beberapa huruf pada naskah,
buku, majalah dan sebagainya memiliki disiplin
dalam pengukuran dan proporsinya.

17. DREAM BIG
LEARN BEYOND
Berupa :
a. Relative Measurement :
: pengukuran tinggi huruf dan panjang
baris huruf

18. DREAM BIG
LEARN BEYOND
b. Spacing Measurement :
• Kerning : jarak antara huruf yang satu
dengan yang lain
• Leading : jarak antar baris
• Word spacing/Tracking : jarak antar kata

19. DREAM BIG
LEARN BEYOND
Sistem pengukuran dalam tipografi ada tiga dasar, yaitu :
• point (biasa disingkat dengan pt)
• pica (dibaca : paika),
• unit.

20. DREAM BIG
LEARN BEYOND
• Point digunakan untuk mengukur tinggi huruf.
• Pica digunakan untuk mengukur panjang baris.
• Unit adalah pengukuran dari lebar per satuan huruf
serta jarak antar huruf.

21. DREAM BIG
LEARN BEYOND
Istilah spasi sering digunakan dalam
pekerjaan pengetikan naskah yang berarti
interval antar elemen tipografi yang
mencakup: kerning, leading dan word
spacing.

22. DREAM BIG
LEARN BEYOND
• Kerning : jarak antar huruf
• Leading : jarak antar baris
• Word Spacing : jarak antar kata

23. DREAM BIG
LEARN BEYOND
• Roman/Serif
• Sans Serif
• Script
• Monospace
• Dekoratif/Miscellaneous

24. DREAM BIG
LEARN BEYOND
• memiliki sirip/kaki/serif yang berbentuk lancip pada
ujungnya.
• memiliki ketebalan dan ketitipisan yang kontras pada garis-
garis hurufnya.
• Menimbukan kesan adalah klasik, anggun, lemah gemulai
dan feminin.

25. DREAM BIG
LEARN BEYOND
Contoh :
Times New Roman
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

26. DREAM BIG
LEARN BEYOND
• tanpa sirip/serif pada ujung hurufnya
• memiliki ketebalan huruf yang sama atau
mirip
• menimbulkan kesan modern, kontemporer,
dan efisien.

27. DREAM BIG
LEARN BEYOND
Contoh :
Helvetica dan Arial
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

28. DREAM BIG
LEARN BEYOND
• menyerupai goresan tangan yang
dikerjakan dengan pena, kuas atau
pensil tajam
• biasanya arahnya miring ke kanan
• kesan yang ditimbulkan adalah sifat
pribadi dan akrab

29. DREAM BIG
LEARN BEYOND
Contoh :
Lucida Calligraphy
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

30. DREAM BIG
LEARN BEYOND
• Jenis huruf yang mempunyai jarak atau lebar yang sama
setiap hurufnya.
• Seperti huruf W dan I akan mempunyai ruang yang sama.
• Huruf pada mesin ketik juga termasuk huruf Monospace.

31. DREAM BIG
LEARN BEYOND
Contoh :
Courier
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

32. DREAM BIG
LEARN BEYOND
• Merupakan pengembangan dari bentuk huruf yang sudah
ada.
• Biasanya berisikan hiasan dan ornamen atau garis-garis
dekoratif.
• Memiliki kesan dekoratif dan ornamental.

33. DREAM BIG
LEARN BEYOND
Contoh :
Harrington
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

34. DREAM BIG
LEARN BEYOND
• merupakan sifat atau ciri khasan huruf dari A
sampai Z.
• karakteristik huruf yang berbeda dapat
menimbulkan kekontrasan dan efek visual
tersendiri.
• huruf dapat dikembangkan, berakar pada
bentuk dasarnya (regular) tetapi tetap
memiliki kesinambungan bentuk

35. DREAM BIG
LEARN BEYOND
Perbedaan tampilan yang paling terlihat
dalam huruf dibagi menjadi tiga bentuk
pengembangan, yaitu :
• Berat
• Proporsi
• Kemiringan

36. DREAM BIG
LEARN BEYOND
Perubahan berat dari struktur
bentuk dasar huruf terletak pada
perbandingan antara tinggi dari
huruf yang tercetak dengan lebar
stroke.

37. DREAM BIG
LEARN BEYOND
Ditinjau dari beratnya, huruf dikelompokkan
menjadi tiga, yaitu :
• Light
• Regular
• Bold

38. DREAM BIG
LEARN BEYOND
Proporsi merupakan perbandingan
antara tinggi huruf yang tercetak
dengan lebar huruf itu sendiri.

39. DREAM BIG
LEARN BEYOND
Ditinjau dari proporsi, huruf dibagi menjadi :
• Condensed
• Regular
• Extended.

40. DREAM BIG
LEARN BEYOND
Huruf yang tercetak miring dalam
terminologi tipografi disebut italic,
biasanya digunakan untuk
memberikan penekanan pada
sebuah kata.

41. DREAM BIG
LEARN BEYOND
Huruf-huruf ini juga dipakai untuk
menunjukkan istilah atau kata yang
berasal dari bahasa asing.

42. DREAM BIG
LEARN BEYOND
Umumnya, huruf italic digunakan untuk teks
dalam jumlah yang tidak terlalu panjang, seperti
:
• Keterangan gambar (caption)
• Highlight dari naskah (copy blurb)
• Headline atau sub-head

43. Any question?
THANK YOU

44. See You Guys
NEXT WEEK

45. DREAM BIG
LEARN BEYOND