SlideShare a Scribd company logo
1 of 26
Tipografi
Desain grafis percetakan kelas XI
Kompetensi dasar
3.2 Menerapkan Tipografi sesuai media
4.2 Membuat desain menggunakan tipografi yang
tepat
Tujuan pembelajaran
Siswa mampu menjelaskan tentang
tipografi
Siswa mampu membuat desain tipografi
sesuai media
Apa itu tipografi
Tipografi merupakan unsur tata letak yang berfungsi untuk
menyampaikan pesan tertentu dan menciptakan kesan tertentu,
sehingga susunan tata letak dapat terlihat menarik serta pesan
yang disampaikan juga bisa diterima dengan jelas bagi yang
melihatnya.
Pengertian tipografi
Tipografi adalah suatu ilmu dalam memilih dan menata huruf dengan pengaturan
pernyebarannya pada ruang – ruang yang tersedia.
Jadi dalam penyusunan tata
letak sebaiknya tipografi
dipahami tidak sebatas
memilih jenis huruf saja
melainkan mengarah ke
mengorganisasikan huruf.
Mengorganisasikan huruf
meliputi pengaturan jarak
antar huruf, baris, kata, spasi,
termasuk menentukan
anatomi huruf sesuai dengan
tema pesan
Sejarah tipografi
Sejarah penggunakan tipografi dimulai dari penggunakan
piktogram. Bentuk Bahasa ini digunakan oleh bangsa viking
dan indian.
Piktogram merupakan suatu pesan yang menyampaikan suatu
makna melalui penampakan gambar yang menyerupai keadaan
fisik objek yang sebenarnya.
Tanda atau gambar yang termasuk piktogram disebut piktograf
 Di mesir berkembang dengan huruf hieratic, yang dikenal dengan huruf hieroglyphics sekitar abad 1300
sebelum masehi.
 Bentuk tipografi ini merupakan akar dari huruf demotia atau demotic yang mulai ditulis dengan pena
khusus.
 Bentuk tipografi tersebut akhirnya berkembang sampai ke kreta lalu menjalar ke yunani dan akhirnya
menyebar ke seluruh eropa.
 Puncak perkembangan tipografi terjadi kurang lebih pada abad 8 sebelum masehi di roma saat orang
romawi membentuk kekuasaannya.
 Karena bangsa romawi tidak memiliki sitem penulisan sendiri, mereka membelajari tulisan eproria yang
merupakan penduduk asli dari italia. Serta menyerpunakannya sehingga membe.tuk huruf – huruf romawi
Fungsi tipografi
 Tipografi merupakan elemen desain grafis yang sangan penting. Peran tipografi
sendiri untuk menyampaikan ide atau informasi ke pembaca.
 Terkadang kita secara tidak sengaja berhubungan langsung dengan tipografi
seperti membaca koran atau majalah, papan iklan, website, sampul buku, dll.
Legibility ( Kejelasan Huruf )
 Legibility merupakan kemudahan mengenali dan mebedakan
masing – masing huruf / karakter.
 Legibility menyangkut desain / bentuk huruf yang digunakan
 Suatu huruf dikatan “legible” apabila masing – masing huruf
mudah dikenali dan dibedakan dengan jelas satu sama lain.
Readability ( keterbacaan )
Readability merupakan tingkat keterbacaan suatu
teks.
Teks yang “Readability” berarti keseluruhan mudah
dibaca.
Readability membahas keseluruhan teks yang telah
disusun dalam suatu komposisi.
Jenis dan karakter typografi
Serif, dengan ciri memiliki sirip/kaki/serif yang berbentuk lancip pada ujungnya. Persis
mendekati ujung kaki-kaki hurufnya, baik di bagian atas maupun bawah, terdapat
pelebaran yang menyerupai penopang atau tangkai. Kesan yang ditimbulkan adalah
klasik, anggun, lemah gemulai dan feminin. Menurut sejarah, asal-usul bentuk huruf ini
adalah mengikuti bentuk pilar-pilar bangunan di Yunani Kuno.
Kegunaan tangkai serif. Pada ukuran teks kecil, seperti seukuran tulisan teks di surat
kabar atau buku, umumnya tangkai pada kaki-kaki font serif membantu agar tulisan
mudah dibaca.
WHY? Karena tangkai font serif membantu membentuk garis tak tampak yang
memandu kita mengikuti sebuah baris teks. Karena itulah banyak buku-buku di-layout
dengan serif.
Times New Roman Bodoni MT Georgia
 Sans Serif, dengan ciri tanpa sirip/serif, dan memiliki ketebalan huruf yang sama atau hampir sama.
Kesan yang ditimbulkan oleh huruf jenis ini adalah modern, kontemporer dan efisien.
 Pada kondisi-kondisi berikut ini:
a) huruf amat kecil (seperti tulisan bahan-bahan di label makanan)
b) huruf amat besar (seperti di plang-plang merek) yang harus dilihat dari jauh
c) di layar monitor
 Huruf sans serif kadang lebih mudah dibaca.
 WHY? Karena justru kaki-kaki font serif memperumit bentuk huruf sehingga sedikit lebih lama
dibaca.
 Jika huruf kecil sekali atau pada resolusi rendah seperti di layar monitor, kaki serif bisa tampak
bertindihan dan menghalangi pandangan
Arial Century Gothic Comic Sans
 Script,
 Huruf sambung atau script bisa juga Anda sebut “huruf tulis tangan” (handwriting) karena
menyerupai tulisan tangan orang. Atau bisa juga disebut “huruf undangan” karena hampir selalu
hadir di kartu-kartu undangan karena dipandang indah dan anggun. Ada berbagai macam huruf
script dan handwriting, mulai dari yang kuno hingga modern, dari yang agak lurus hingga miring
dan amat “melingkar-lingkar”. Kesan yang ditimbulkannya adalah sifat pribadi dan akrab.
 Miscellaneous/Decorative, merupakan pengembangan dari bentuk-bentuk yang sudah ada.
Ditambah hiasan dan ornamen, atau garis-garis dekoratif. Kesan yang dimiliki adalah dekoratif dan
ornamental.
French Script MT Brush Script Edward
Script ITC
Jokerman Magneto Snap ITC
Ruang negatif huruf
Ruang negatif pada huruf dibagi menjadi 3 kelompok:
1. Ruang negatif sudut lengkung, diantaranya: B, C, D, G, O, P, Q, R, S, U
2. Ruang negatif segi empat: E, F, H, I, L, T
3. Ruang negatif segi TIGA: A, K, M, N, V, W, X, Y , Z
Garis bantu huruf
1. Capline : garis maya lurus bagian teratas huruf besar
2. Meanline : garis lurus bagian teratas huruf kecil
3. Baseline : garis maya lurus bagian terbawah huruf
4. Descender : bagian huruf kecil yang berada di bawah baseline
5. Ascender : bagian huruf kecil yang berada diantara meanling dan capline
6. X-Height : jarak baseline ke meanline
Perbandingan Besar Huruf
Bagian-bagian Jenis Huruf
Apex : ujung segitiga uppercase A
Hairline : stroke tertipis
Crossbar : garis horisontal yang
menghubungkan 2 sisi huruf
Fillet : garis lengkung yang
menghubungkan serif dan
stem
Spine : garis melengkung ditengah
huruf S
Bowl : stroke yang melengkung
menutup counter huruf
Ear : stroke kecil yang keluar dari
kanan bowl huruf g
Link : stroke yang menghubungkan
bowl dan loop pada huruf g
Loop : bowl yang ada di bagian
bawah huruf g
Counter : negative space
tertutup/terbuka
Serif : stroke pendek keluar dari
stroke utama
Spur : stroke kecil (lebih kecil dari
Serif)
Arm : garis horisontal yang keluar,
baik yang menempel
stroke/tidak
Eye : counter huruf lowercase
Leg : diagonal stroke bawah pada
huruf K
Shoulder : stroke melengkung yang
keluar dari stem
Tail : stroke bawah yang
melengkung pada huruf R & J
Sistem Pengukuran Huruf
Dalam Tipografi
Meliputi;
1. Tinggi huruf
2. Panjang baris huruf
3. Jarak antar huruf (kerning)
4. Jarak antar baris (leading)
Unit ukur tipografi;
1. Point : tinggi huruf
2. Pica : panjang huruf
3. Unit : jarak antar huruf
1 pica : 12 pt
1 inch : 8 pica (1 inch = 2,359 cm)
1 inch : 72 pt
Karakteristik Huruf
Proporsi huruf
italic
Merupakan bentuk kemiringan dari sebuah huruf.

More Related Content

What's hot

Lembar/Gambar Kerja untuk Pembuatan Prototype Produk Barang/Jasa
Lembar/Gambar Kerja untuk Pembuatan Prototype Produk Barang/Jasa Lembar/Gambar Kerja untuk Pembuatan Prototype Produk Barang/Jasa
Lembar/Gambar Kerja untuk Pembuatan Prototype Produk Barang/Jasa Aisyah Safitri Hayati
 
Kisi-kisi TIK Ujian Sekolah Kabupaten Klaten
Kisi-kisi TIK Ujian Sekolah Kabupaten KlatenKisi-kisi TIK Ujian Sekolah Kabupaten Klaten
Kisi-kisi TIK Ujian Sekolah Kabupaten KlatenUniversitas Diponegoro
 
DASAR-DASAR DESAIN GRAFIS - dewifitriyani__
DASAR-DASAR DESAIN GRAFIS - dewifitriyani__DASAR-DASAR DESAIN GRAFIS - dewifitriyani__
DASAR-DASAR DESAIN GRAFIS - dewifitriyani__Dewi Fitriyani
 
Pengertian dan Unsur-unsur Desain Grafis
Pengertian dan Unsur-unsur Desain GrafisPengertian dan Unsur-unsur Desain Grafis
Pengertian dan Unsur-unsur Desain Grafisbarinix
 
DASAR DASAR DESAIN KOMUNIKASI VISUAL (1).pptx
DASAR DASAR DESAIN KOMUNIKASI VISUAL (1).pptxDASAR DASAR DESAIN KOMUNIKASI VISUAL (1).pptx
DASAR DASAR DESAIN KOMUNIKASI VISUAL (1).pptxHaryoSumantri
 
Materi ajar fotografi.pptx
Materi ajar fotografi.pptxMateri ajar fotografi.pptx
Materi ajar fotografi.pptxhudriyah1
 
Logo Design DKV Ilmu Komunikasi Universitas Semarang
Logo Design DKV Ilmu Komunikasi Universitas SemarangLogo Design DKV Ilmu Komunikasi Universitas Semarang
Logo Design DKV Ilmu Komunikasi Universitas SemarangFirdaus Azwar Ersyad
 
Ppt unsur tata letak
Ppt unsur tata letakPpt unsur tata letak
Ppt unsur tata letakemri3
 
Manipulasi gambar vektor dengan fitur efek
Manipulasi gambar vektor dengan fitur efekManipulasi gambar vektor dengan fitur efek
Manipulasi gambar vektor dengan fitur efekBasirSyabani
 

What's hot (20)

Foto jurnalistik
Foto jurnalistikFoto jurnalistik
Foto jurnalistik
 
Typografi
TypografiTypografi
Typografi
 
Teknik Dasar Fotografi
Teknik Dasar FotografiTeknik Dasar Fotografi
Teknik Dasar Fotografi
 
Lembar/Gambar Kerja untuk Pembuatan Prototype Produk Barang/Jasa
Lembar/Gambar Kerja untuk Pembuatan Prototype Produk Barang/Jasa Lembar/Gambar Kerja untuk Pembuatan Prototype Produk Barang/Jasa
Lembar/Gambar Kerja untuk Pembuatan Prototype Produk Barang/Jasa
 
Desain grafis
Desain grafisDesain grafis
Desain grafis
 
Desain Grafis Percetakan menerapkan typografi sesuai media
Desain Grafis Percetakan menerapkan typografi sesuai mediaDesain Grafis Percetakan menerapkan typografi sesuai media
Desain Grafis Percetakan menerapkan typografi sesuai media
 
Kisi-kisi TIK Ujian Sekolah Kabupaten Klaten
Kisi-kisi TIK Ujian Sekolah Kabupaten KlatenKisi-kisi TIK Ujian Sekolah Kabupaten Klaten
Kisi-kisi TIK Ujian Sekolah Kabupaten Klaten
 
Desain Grafis.ppt
Desain Grafis.pptDesain Grafis.ppt
Desain Grafis.ppt
 
DASAR-DASAR DESAIN GRAFIS - dewifitriyani__
DASAR-DASAR DESAIN GRAFIS - dewifitriyani__DASAR-DASAR DESAIN GRAFIS - dewifitriyani__
DASAR-DASAR DESAIN GRAFIS - dewifitriyani__
 
Desain grafis percetakan
Desain grafis percetakanDesain grafis percetakan
Desain grafis percetakan
 
POSTER
POSTERPOSTER
POSTER
 
Analisis 5 poster
Analisis 5 posterAnalisis 5 poster
Analisis 5 poster
 
Pengertian dan Unsur-unsur Desain Grafis
Pengertian dan Unsur-unsur Desain GrafisPengertian dan Unsur-unsur Desain Grafis
Pengertian dan Unsur-unsur Desain Grafis
 
DASAR DASAR DESAIN KOMUNIKASI VISUAL (1).pptx
DASAR DASAR DESAIN KOMUNIKASI VISUAL (1).pptxDASAR DASAR DESAIN KOMUNIKASI VISUAL (1).pptx
DASAR DASAR DESAIN KOMUNIKASI VISUAL (1).pptx
 
Komposisi desain grafis
Komposisi desain grafisKomposisi desain grafis
Komposisi desain grafis
 
Materi ajar fotografi.pptx
Materi ajar fotografi.pptxMateri ajar fotografi.pptx
Materi ajar fotografi.pptx
 
Desain Grafis
Desain GrafisDesain Grafis
Desain Grafis
 
Logo Design DKV Ilmu Komunikasi Universitas Semarang
Logo Design DKV Ilmu Komunikasi Universitas SemarangLogo Design DKV Ilmu Komunikasi Universitas Semarang
Logo Design DKV Ilmu Komunikasi Universitas Semarang
 
Ppt unsur tata letak
Ppt unsur tata letakPpt unsur tata letak
Ppt unsur tata letak
 
Manipulasi gambar vektor dengan fitur efek
Manipulasi gambar vektor dengan fitur efekManipulasi gambar vektor dengan fitur efek
Manipulasi gambar vektor dengan fitur efek
 

Similar to tipografi.pptx

Materi_Pengenalan Typografi X DKV 1 .ppt
Materi_Pengenalan Typografi X DKV 1 .pptMateri_Pengenalan Typografi X DKV 1 .ppt
Materi_Pengenalan Typografi X DKV 1 .ppternisuardani2
 
Tipografi - KK 10. Menggabungkan Teks dalam Sajian Multimedia
Tipografi - KK 10. Menggabungkan Teks dalam Sajian MultimediaTipografi - KK 10. Menggabungkan Teks dalam Sajian Multimedia
Tipografi - KK 10. Menggabungkan Teks dalam Sajian MultimediaPermana Marvel
 
Basic Typography by Suryo
Basic Typography by SuryoBasic Typography by Suryo
Basic Typography by SuryoAgate Studio
 
Tipografi i pertemuan 02
Tipografi i pertemuan 02Tipografi i pertemuan 02
Tipografi i pertemuan 02YogaTsumadeva
 
Typografi Huruf dan Kata Dasar dan Pemahaman.ppt
Typografi Huruf dan Kata Dasar dan Pemahaman.pptTypografi Huruf dan Kata Dasar dan Pemahaman.ppt
Typografi Huruf dan Kata Dasar dan Pemahaman.pptadi saskara
 
Pengenalan TIPOGRAFI Desain Grafis Percetakan
Pengenalan TIPOGRAFI Desain Grafis PercetakanPengenalan TIPOGRAFI Desain Grafis Percetakan
Pengenalan TIPOGRAFI Desain Grafis Percetakanikhsyansyaputra
 
Contoh Presentasi Tipografi Dasar Bahan Kuliah
Contoh Presentasi Tipografi Dasar Bahan KuliahContoh Presentasi Tipografi Dasar Bahan Kuliah
Contoh Presentasi Tipografi Dasar Bahan Kuliahutari65
 
PERANAN TIPOGRAFI YANG MERUPAKAN KURIR YANG SANGAT PENTING DALAM KOMUNIKASI V...
PERANAN TIPOGRAFI YANG MERUPAKAN KURIR YANG SANGAT PENTING DALAM KOMUNIKASI V...PERANAN TIPOGRAFI YANG MERUPAKAN KURIR YANG SANGAT PENTING DALAM KOMUNIKASI V...
PERANAN TIPOGRAFI YANG MERUPAKAN KURIR YANG SANGAT PENTING DALAM KOMUNIKASI V...Ranto Revan
 
Penggunaan teks dan hypertext pada aplikasi multimedia
Penggunaan teks dan hypertext pada aplikasi multimediaPenggunaan teks dan hypertext pada aplikasi multimedia
Penggunaan teks dan hypertext pada aplikasi multimediaAkmal Fajar
 
Pengantar Tipografi - Memilih Jenis Huruf
Pengantar Tipografi - Memilih Jenis HurufPengantar Tipografi - Memilih Jenis Huruf
Pengantar Tipografi - Memilih Jenis HurufMuhadi Tri
 

Similar to tipografi.pptx (20)

Typografi.ppt
Typografi.pptTypografi.ppt
Typografi.ppt
 
Kd 3.1 ppt
Kd 3.1 pptKd 3.1 ppt
Kd 3.1 ppt
 
Materi_Pengenalan Typografi X DKV 1 .ppt
Materi_Pengenalan Typografi X DKV 1 .pptMateri_Pengenalan Typografi X DKV 1 .ppt
Materi_Pengenalan Typografi X DKV 1 .ppt
 
Tipografi - KK 10. Menggabungkan Teks dalam Sajian Multimedia
Tipografi - KK 10. Menggabungkan Teks dalam Sajian MultimediaTipografi - KK 10. Menggabungkan Teks dalam Sajian Multimedia
Tipografi - KK 10. Menggabungkan Teks dalam Sajian Multimedia
 
Basic Typography by Suryo
Basic Typography by SuryoBasic Typography by Suryo
Basic Typography by Suryo
 
Tipografi
TipografiTipografi
Tipografi
 
Tipografi i pertemuan 02
Tipografi i pertemuan 02Tipografi i pertemuan 02
Tipografi i pertemuan 02
 
PRINSIP DASAR TIPOGRAFI PADA DESAIN
PRINSIP DASAR TIPOGRAFI PADA DESAINPRINSIP DASAR TIPOGRAFI PADA DESAIN
PRINSIP DASAR TIPOGRAFI PADA DESAIN
 
Typografi Huruf dan Kata Dasar dan Pemahaman.ppt
Typografi Huruf dan Kata Dasar dan Pemahaman.pptTypografi Huruf dan Kata Dasar dan Pemahaman.ppt
Typografi Huruf dan Kata Dasar dan Pemahaman.ppt
 
Pengenalan TIPOGRAFI Desain Grafis Percetakan
Pengenalan TIPOGRAFI Desain Grafis PercetakanPengenalan TIPOGRAFI Desain Grafis Percetakan
Pengenalan TIPOGRAFI Desain Grafis Percetakan
 
TIPOGRAFI.pdf
TIPOGRAFI.pdfTIPOGRAFI.pdf
TIPOGRAFI.pdf
 
Tipografi.pptx
Tipografi.pptxTipografi.pptx
Tipografi.pptx
 
Menerapkan tipografi
Menerapkan tipografiMenerapkan tipografi
Menerapkan tipografi
 
TIPOGRAFI.pptx
TIPOGRAFI.pptxTIPOGRAFI.pptx
TIPOGRAFI.pptx
 
Contoh Presentasi Tipografi Dasar Bahan Kuliah
Contoh Presentasi Tipografi Dasar Bahan KuliahContoh Presentasi Tipografi Dasar Bahan Kuliah
Contoh Presentasi Tipografi Dasar Bahan Kuliah
 
PERANAN TIPOGRAFI YANG MERUPAKAN KURIR YANG SANGAT PENTING DALAM KOMUNIKASI V...
PERANAN TIPOGRAFI YANG MERUPAKAN KURIR YANG SANGAT PENTING DALAM KOMUNIKASI V...PERANAN TIPOGRAFI YANG MERUPAKAN KURIR YANG SANGAT PENTING DALAM KOMUNIKASI V...
PERANAN TIPOGRAFI YANG MERUPAKAN KURIR YANG SANGAT PENTING DALAM KOMUNIKASI V...
 
Anatomi furuf
Anatomi furufAnatomi furuf
Anatomi furuf
 
TIPOGRAFI.pptx
TIPOGRAFI.pptxTIPOGRAFI.pptx
TIPOGRAFI.pptx
 
Penggunaan teks dan hypertext pada aplikasi multimedia
Penggunaan teks dan hypertext pada aplikasi multimediaPenggunaan teks dan hypertext pada aplikasi multimedia
Penggunaan teks dan hypertext pada aplikasi multimedia
 
Pengantar Tipografi - Memilih Jenis Huruf
Pengantar Tipografi - Memilih Jenis HurufPengantar Tipografi - Memilih Jenis Huruf
Pengantar Tipografi - Memilih Jenis Huruf
 

More from ssuser89d628

materi 1 dasar desain grafis.pptx
materi 1 dasar desain grafis.pptxmateri 1 dasar desain grafis.pptx
materi 1 dasar desain grafis.pptxssuser89d628
 
2-Pengenalan kamera.ppt
2-Pengenalan kamera.ppt2-Pengenalan kamera.ppt
2-Pengenalan kamera.pptssuser89d628
 
1-PENGENALAN FOTOGRAFI.ppt
1-PENGENALAN FOTOGRAFI.ppt1-PENGENALAN FOTOGRAFI.ppt
1-PENGENALAN FOTOGRAFI.pptssuser89d628
 
grafis-berbasis-vektor-dan-berbasis-bitmap.ppt
grafis-berbasis-vektor-dan-berbasis-bitmap.pptgrafis-berbasis-vektor-dan-berbasis-bitmap.ppt
grafis-berbasis-vektor-dan-berbasis-bitmap.pptssuser89d628
 
Growth mindset change.pptx
Growth mindset change.pptxGrowth mindset change.pptx
Growth mindset change.pptxssuser89d628
 
28953310desaingrafiskelasx.ppt
28953310desaingrafiskelasx.ppt28953310desaingrafiskelasx.ppt
28953310desaingrafiskelasx.pptssuser89d628
 

More from ssuser89d628 (6)

materi 1 dasar desain grafis.pptx
materi 1 dasar desain grafis.pptxmateri 1 dasar desain grafis.pptx
materi 1 dasar desain grafis.pptx
 
2-Pengenalan kamera.ppt
2-Pengenalan kamera.ppt2-Pengenalan kamera.ppt
2-Pengenalan kamera.ppt
 
1-PENGENALAN FOTOGRAFI.ppt
1-PENGENALAN FOTOGRAFI.ppt1-PENGENALAN FOTOGRAFI.ppt
1-PENGENALAN FOTOGRAFI.ppt
 
grafis-berbasis-vektor-dan-berbasis-bitmap.ppt
grafis-berbasis-vektor-dan-berbasis-bitmap.pptgrafis-berbasis-vektor-dan-berbasis-bitmap.ppt
grafis-berbasis-vektor-dan-berbasis-bitmap.ppt
 
Growth mindset change.pptx
Growth mindset change.pptxGrowth mindset change.pptx
Growth mindset change.pptx
 
28953310desaingrafiskelasx.ppt
28953310desaingrafiskelasx.ppt28953310desaingrafiskelasx.ppt
28953310desaingrafiskelasx.ppt
 

Recently uploaded

tugas 1 anak berkebutihan khusus pelajaran semester 6 jawaban tuton 1.docx
tugas 1 anak berkebutihan khusus pelajaran semester 6 jawaban tuton 1.docxtugas 1 anak berkebutihan khusus pelajaran semester 6 jawaban tuton 1.docx
tugas 1 anak berkebutihan khusus pelajaran semester 6 jawaban tuton 1.docxmawan5982
 
Paparan Refleksi Lokakarya program sekolah penggerak.pptx
Paparan Refleksi Lokakarya program sekolah penggerak.pptxPaparan Refleksi Lokakarya program sekolah penggerak.pptx
Paparan Refleksi Lokakarya program sekolah penggerak.pptxIgitNuryana13
 
PELAKSANAAN + Link2 Materi Pelatihan "Teknik Perhitungan & Verifikasi TKDN & ...
PELAKSANAAN + Link2 Materi Pelatihan "Teknik Perhitungan & Verifikasi TKDN & ...PELAKSANAAN + Link2 Materi Pelatihan "Teknik Perhitungan & Verifikasi TKDN & ...
PELAKSANAAN + Link2 Materi Pelatihan "Teknik Perhitungan & Verifikasi TKDN & ...Kanaidi ken
 
Kelompok 2 Karakteristik Negara Nigeria.pdf
Kelompok 2 Karakteristik Negara Nigeria.pdfKelompok 2 Karakteristik Negara Nigeria.pdf
Kelompok 2 Karakteristik Negara Nigeria.pdftsaniasalftn18
 
Kesebangunan Segitiga matematika kelas 7 kurikulum merdeka.pptx
Kesebangunan Segitiga matematika kelas 7 kurikulum merdeka.pptxKesebangunan Segitiga matematika kelas 7 kurikulum merdeka.pptx
Kesebangunan Segitiga matematika kelas 7 kurikulum merdeka.pptxDwiYuniarti14
 
Dampak Pendudukan Jepang.pptx indonesia1
Dampak Pendudukan Jepang.pptx indonesia1Dampak Pendudukan Jepang.pptx indonesia1
Dampak Pendudukan Jepang.pptx indonesia1udin100
 
Materi Pertemuan 6 Materi Pertemuan 6.pptx
Materi Pertemuan 6 Materi Pertemuan 6.pptxMateri Pertemuan 6 Materi Pertemuan 6.pptx
Materi Pertemuan 6 Materi Pertemuan 6.pptxRezaWahyuni6
 
Materi Pertemuan Materi Pertemuan 7.pptx
Materi Pertemuan Materi Pertemuan 7.pptxMateri Pertemuan Materi Pertemuan 7.pptx
Materi Pertemuan Materi Pertemuan 7.pptxRezaWahyuni6
 
DESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptx
DESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptxDESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptx
DESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptxFuzaAnggriana
 
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATAS
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATASMATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATAS
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATASKurniawan Dirham
 
AKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptx
AKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptxAKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptx
AKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptxWirionSembiring2
 
Kelompok 1_Karakteristik negara jepang.pdf
Kelompok 1_Karakteristik negara jepang.pdfKelompok 1_Karakteristik negara jepang.pdf
Kelompok 1_Karakteristik negara jepang.pdfCloverash1
 
BAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptx
BAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptxBAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptx
BAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptxJamhuriIshak
 
Dinamika Hidrosfer geografi kelas X genap
Dinamika Hidrosfer geografi kelas X genapDinamika Hidrosfer geografi kelas X genap
Dinamika Hidrosfer geografi kelas X genapsefrida3
 
04-Gemelli.- kehamilan ganda- duo atau triplet
04-Gemelli.- kehamilan ganda- duo atau triplet04-Gemelli.- kehamilan ganda- duo atau triplet
04-Gemelli.- kehamilan ganda- duo atau tripletMelianaJayasaputra
 
Karakteristik Negara Mesir (Geografi Regional Dunia)
Karakteristik Negara Mesir (Geografi Regional Dunia)Karakteristik Negara Mesir (Geografi Regional Dunia)
Karakteristik Negara Mesir (Geografi Regional Dunia)3HerisaSintia
 
Tugas 1 pembaruan dlm pembelajaran jawaban tugas tuton 1.docx
Tugas 1 pembaruan dlm pembelajaran jawaban tugas tuton 1.docxTugas 1 pembaruan dlm pembelajaran jawaban tugas tuton 1.docx
Tugas 1 pembaruan dlm pembelajaran jawaban tugas tuton 1.docxmawan5982
 
442539315-ppt-modul-6-pend-seni-pptx.pptx
442539315-ppt-modul-6-pend-seni-pptx.pptx442539315-ppt-modul-6-pend-seni-pptx.pptx
442539315-ppt-modul-6-pend-seni-pptx.pptxHendryJulistiyanto
 
Demonstrasi Kontekstual Modul 1.2. pdf
Demonstrasi Kontekstual  Modul 1.2.  pdfDemonstrasi Kontekstual  Modul 1.2.  pdf
Demonstrasi Kontekstual Modul 1.2. pdfvebronialite32
 
TUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdf
TUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdfTUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdf
TUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdfElaAditya
 

Recently uploaded (20)

tugas 1 anak berkebutihan khusus pelajaran semester 6 jawaban tuton 1.docx
tugas 1 anak berkebutihan khusus pelajaran semester 6 jawaban tuton 1.docxtugas 1 anak berkebutihan khusus pelajaran semester 6 jawaban tuton 1.docx
tugas 1 anak berkebutihan khusus pelajaran semester 6 jawaban tuton 1.docx
 
Paparan Refleksi Lokakarya program sekolah penggerak.pptx
Paparan Refleksi Lokakarya program sekolah penggerak.pptxPaparan Refleksi Lokakarya program sekolah penggerak.pptx
Paparan Refleksi Lokakarya program sekolah penggerak.pptx
 
PELAKSANAAN + Link2 Materi Pelatihan "Teknik Perhitungan & Verifikasi TKDN & ...
PELAKSANAAN + Link2 Materi Pelatihan "Teknik Perhitungan & Verifikasi TKDN & ...PELAKSANAAN + Link2 Materi Pelatihan "Teknik Perhitungan & Verifikasi TKDN & ...
PELAKSANAAN + Link2 Materi Pelatihan "Teknik Perhitungan & Verifikasi TKDN & ...
 
Kelompok 2 Karakteristik Negara Nigeria.pdf
Kelompok 2 Karakteristik Negara Nigeria.pdfKelompok 2 Karakteristik Negara Nigeria.pdf
Kelompok 2 Karakteristik Negara Nigeria.pdf
 
Kesebangunan Segitiga matematika kelas 7 kurikulum merdeka.pptx
Kesebangunan Segitiga matematika kelas 7 kurikulum merdeka.pptxKesebangunan Segitiga matematika kelas 7 kurikulum merdeka.pptx
Kesebangunan Segitiga matematika kelas 7 kurikulum merdeka.pptx
 
Dampak Pendudukan Jepang.pptx indonesia1
Dampak Pendudukan Jepang.pptx indonesia1Dampak Pendudukan Jepang.pptx indonesia1
Dampak Pendudukan Jepang.pptx indonesia1
 
Materi Pertemuan 6 Materi Pertemuan 6.pptx
Materi Pertemuan 6 Materi Pertemuan 6.pptxMateri Pertemuan 6 Materi Pertemuan 6.pptx
Materi Pertemuan 6 Materi Pertemuan 6.pptx
 
Materi Pertemuan Materi Pertemuan 7.pptx
Materi Pertemuan Materi Pertemuan 7.pptxMateri Pertemuan Materi Pertemuan 7.pptx
Materi Pertemuan Materi Pertemuan 7.pptx
 
DESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptx
DESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptxDESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptx
DESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptx
 
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATAS
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATASMATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATAS
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATAS
 
AKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptx
AKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptxAKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptx
AKSI NYATA MODUL 1.2-1 untuk pendidikan guru penggerak.pptx
 
Kelompok 1_Karakteristik negara jepang.pdf
Kelompok 1_Karakteristik negara jepang.pdfKelompok 1_Karakteristik negara jepang.pdf
Kelompok 1_Karakteristik negara jepang.pdf
 
BAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptx
BAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptxBAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptx
BAHAN SOSIALISASI PPDB SMA-SMK NEGERI DISDIKSU TP. 2024-2025 REVISI.pptx
 
Dinamika Hidrosfer geografi kelas X genap
Dinamika Hidrosfer geografi kelas X genapDinamika Hidrosfer geografi kelas X genap
Dinamika Hidrosfer geografi kelas X genap
 
04-Gemelli.- kehamilan ganda- duo atau triplet
04-Gemelli.- kehamilan ganda- duo atau triplet04-Gemelli.- kehamilan ganda- duo atau triplet
04-Gemelli.- kehamilan ganda- duo atau triplet
 
Karakteristik Negara Mesir (Geografi Regional Dunia)
Karakteristik Negara Mesir (Geografi Regional Dunia)Karakteristik Negara Mesir (Geografi Regional Dunia)
Karakteristik Negara Mesir (Geografi Regional Dunia)
 
Tugas 1 pembaruan dlm pembelajaran jawaban tugas tuton 1.docx
Tugas 1 pembaruan dlm pembelajaran jawaban tugas tuton 1.docxTugas 1 pembaruan dlm pembelajaran jawaban tugas tuton 1.docx
Tugas 1 pembaruan dlm pembelajaran jawaban tugas tuton 1.docx
 
442539315-ppt-modul-6-pend-seni-pptx.pptx
442539315-ppt-modul-6-pend-seni-pptx.pptx442539315-ppt-modul-6-pend-seni-pptx.pptx
442539315-ppt-modul-6-pend-seni-pptx.pptx
 
Demonstrasi Kontekstual Modul 1.2. pdf
Demonstrasi Kontekstual  Modul 1.2.  pdfDemonstrasi Kontekstual  Modul 1.2.  pdf
Demonstrasi Kontekstual Modul 1.2. pdf
 
TUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdf
TUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdfTUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdf
TUGAS GURU PENGGERAK Aksi Nyata Modul 1.1.pdf
 

tipografi.pptx

  • 2. Kompetensi dasar 3.2 Menerapkan Tipografi sesuai media 4.2 Membuat desain menggunakan tipografi yang tepat
  • 3. Tujuan pembelajaran Siswa mampu menjelaskan tentang tipografi Siswa mampu membuat desain tipografi sesuai media
  • 4. Apa itu tipografi Tipografi merupakan unsur tata letak yang berfungsi untuk menyampaikan pesan tertentu dan menciptakan kesan tertentu, sehingga susunan tata letak dapat terlihat menarik serta pesan yang disampaikan juga bisa diterima dengan jelas bagi yang melihatnya.
  • 5. Pengertian tipografi Tipografi adalah suatu ilmu dalam memilih dan menata huruf dengan pengaturan pernyebarannya pada ruang – ruang yang tersedia.
  • 6. Jadi dalam penyusunan tata letak sebaiknya tipografi dipahami tidak sebatas memilih jenis huruf saja melainkan mengarah ke mengorganisasikan huruf. Mengorganisasikan huruf meliputi pengaturan jarak antar huruf, baris, kata, spasi, termasuk menentukan anatomi huruf sesuai dengan tema pesan
  • 7. Sejarah tipografi Sejarah penggunakan tipografi dimulai dari penggunakan piktogram. Bentuk Bahasa ini digunakan oleh bangsa viking dan indian. Piktogram merupakan suatu pesan yang menyampaikan suatu makna melalui penampakan gambar yang menyerupai keadaan fisik objek yang sebenarnya. Tanda atau gambar yang termasuk piktogram disebut piktograf
  • 8.  Di mesir berkembang dengan huruf hieratic, yang dikenal dengan huruf hieroglyphics sekitar abad 1300 sebelum masehi.  Bentuk tipografi ini merupakan akar dari huruf demotia atau demotic yang mulai ditulis dengan pena khusus.  Bentuk tipografi tersebut akhirnya berkembang sampai ke kreta lalu menjalar ke yunani dan akhirnya menyebar ke seluruh eropa.  Puncak perkembangan tipografi terjadi kurang lebih pada abad 8 sebelum masehi di roma saat orang romawi membentuk kekuasaannya.  Karena bangsa romawi tidak memiliki sitem penulisan sendiri, mereka membelajari tulisan eproria yang merupakan penduduk asli dari italia. Serta menyerpunakannya sehingga membe.tuk huruf – huruf romawi
  • 9. Fungsi tipografi  Tipografi merupakan elemen desain grafis yang sangan penting. Peran tipografi sendiri untuk menyampaikan ide atau informasi ke pembaca.  Terkadang kita secara tidak sengaja berhubungan langsung dengan tipografi seperti membaca koran atau majalah, papan iklan, website, sampul buku, dll.
  • 10. Legibility ( Kejelasan Huruf )  Legibility merupakan kemudahan mengenali dan mebedakan masing – masing huruf / karakter.  Legibility menyangkut desain / bentuk huruf yang digunakan  Suatu huruf dikatan “legible” apabila masing – masing huruf mudah dikenali dan dibedakan dengan jelas satu sama lain.
  • 11. Readability ( keterbacaan ) Readability merupakan tingkat keterbacaan suatu teks. Teks yang “Readability” berarti keseluruhan mudah dibaca. Readability membahas keseluruhan teks yang telah disusun dalam suatu komposisi.
  • 12. Jenis dan karakter typografi Serif, dengan ciri memiliki sirip/kaki/serif yang berbentuk lancip pada ujungnya. Persis mendekati ujung kaki-kaki hurufnya, baik di bagian atas maupun bawah, terdapat pelebaran yang menyerupai penopang atau tangkai. Kesan yang ditimbulkan adalah klasik, anggun, lemah gemulai dan feminin. Menurut sejarah, asal-usul bentuk huruf ini adalah mengikuti bentuk pilar-pilar bangunan di Yunani Kuno. Kegunaan tangkai serif. Pada ukuran teks kecil, seperti seukuran tulisan teks di surat kabar atau buku, umumnya tangkai pada kaki-kaki font serif membantu agar tulisan mudah dibaca. WHY? Karena tangkai font serif membantu membentuk garis tak tampak yang memandu kita mengikuti sebuah baris teks. Karena itulah banyak buku-buku di-layout dengan serif. Times New Roman Bodoni MT Georgia
  • 13.  Sans Serif, dengan ciri tanpa sirip/serif, dan memiliki ketebalan huruf yang sama atau hampir sama. Kesan yang ditimbulkan oleh huruf jenis ini adalah modern, kontemporer dan efisien.  Pada kondisi-kondisi berikut ini: a) huruf amat kecil (seperti tulisan bahan-bahan di label makanan) b) huruf amat besar (seperti di plang-plang merek) yang harus dilihat dari jauh c) di layar monitor  Huruf sans serif kadang lebih mudah dibaca.  WHY? Karena justru kaki-kaki font serif memperumit bentuk huruf sehingga sedikit lebih lama dibaca.  Jika huruf kecil sekali atau pada resolusi rendah seperti di layar monitor, kaki serif bisa tampak bertindihan dan menghalangi pandangan Arial Century Gothic Comic Sans
  • 14.  Script,  Huruf sambung atau script bisa juga Anda sebut “huruf tulis tangan” (handwriting) karena menyerupai tulisan tangan orang. Atau bisa juga disebut “huruf undangan” karena hampir selalu hadir di kartu-kartu undangan karena dipandang indah dan anggun. Ada berbagai macam huruf script dan handwriting, mulai dari yang kuno hingga modern, dari yang agak lurus hingga miring dan amat “melingkar-lingkar”. Kesan yang ditimbulkannya adalah sifat pribadi dan akrab.  Miscellaneous/Decorative, merupakan pengembangan dari bentuk-bentuk yang sudah ada. Ditambah hiasan dan ornamen, atau garis-garis dekoratif. Kesan yang dimiliki adalah dekoratif dan ornamental. French Script MT Brush Script Edward Script ITC Jokerman Magneto Snap ITC
  • 15. Ruang negatif huruf Ruang negatif pada huruf dibagi menjadi 3 kelompok: 1. Ruang negatif sudut lengkung, diantaranya: B, C, D, G, O, P, Q, R, S, U 2. Ruang negatif segi empat: E, F, H, I, L, T 3. Ruang negatif segi TIGA: A, K, M, N, V, W, X, Y , Z
  • 16. Garis bantu huruf 1. Capline : garis maya lurus bagian teratas huruf besar 2. Meanline : garis lurus bagian teratas huruf kecil 3. Baseline : garis maya lurus bagian terbawah huruf 4. Descender : bagian huruf kecil yang berada di bawah baseline 5. Ascender : bagian huruf kecil yang berada diantara meanling dan capline 6. X-Height : jarak baseline ke meanline
  • 18. Bagian-bagian Jenis Huruf Apex : ujung segitiga uppercase A Hairline : stroke tertipis Crossbar : garis horisontal yang menghubungkan 2 sisi huruf Fillet : garis lengkung yang menghubungkan serif dan stem Spine : garis melengkung ditengah huruf S
  • 19. Bowl : stroke yang melengkung menutup counter huruf Ear : stroke kecil yang keluar dari kanan bowl huruf g Link : stroke yang menghubungkan bowl dan loop pada huruf g Loop : bowl yang ada di bagian bawah huruf g Counter : negative space tertutup/terbuka Serif : stroke pendek keluar dari stroke utama Spur : stroke kecil (lebih kecil dari Serif)
  • 20. Arm : garis horisontal yang keluar, baik yang menempel stroke/tidak Eye : counter huruf lowercase Leg : diagonal stroke bawah pada huruf K Shoulder : stroke melengkung yang keluar dari stem Tail : stroke bawah yang melengkung pada huruf R & J
  • 21.
  • 22. Sistem Pengukuran Huruf Dalam Tipografi Meliputi; 1. Tinggi huruf 2. Panjang baris huruf 3. Jarak antar huruf (kerning) 4. Jarak antar baris (leading) Unit ukur tipografi; 1. Point : tinggi huruf 2. Pica : panjang huruf 3. Unit : jarak antar huruf 1 pica : 12 pt 1 inch : 8 pica (1 inch = 2,359 cm) 1 inch : 72 pt
  • 23.