SlideShare a Scribd company logo
1 of 26
TIPOGRAFI
Font adalah teman bagi desain
komunikasi visual
Bagi seorang penulis atau orang yang berkepentingan surat
menyurat huruf hanya dianggap sebagai rangkaian kata, namun
berbeda dengan seorang desainer dkv. Penggunaan huruf
bagaikan seorang teman atau pacar didalam desain sang desain
dkv.
So, apakah yang dimaksud dengan TIPOGRAFI….?????
• Tipografi adalah ilmu yang mempelajari tentang seni dan
dsain huruf (termasuk symbol) dalam aplikasinya untuk
media komunikasi visual melalui metode penataan layout,
bentuk, ukuran dan sifatnya sehingga pesan yang akan
disampaikan sesuai dengan yang diharapkan.
• Secara modern, tipografi berkaitan dengan penataan huruf
pada media elektronik, baik dari segi tampilan maupun
outputnya ker berbagai media cetak
• Sedangkan secara tradisional, tipografi 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
Tipografi dalam desain komunikasi visual berperan
mentransfer ide dan informasi yang ingin
disampaikan oleh desainer dalam bentuk komunikasi non verbal
(menggunakan tulisan) dalam segala bentuk publikasi, karena kita
harus tahu berapa ukurran tulisan yang akan digunakan, efek dan
bentuk yang akan ditampilkan sehingga muatan emosi dan sifat dari
pesan yang muncul sesuai dengan tujuan komunikai yang ingin
disampaikan kepada publik.
Contoh : dalam Bahasa verbal, kita tidak mungkin berteriak untuk merayu/membujuk seseorang
agar menuruti keinginan kita, begitu pula dalam tipografi, kita tidak mungkin membuat tulisan
dengan bentyuk tegas dan keras (seperti larangan atau bentakan emosi) untuk publikasi yang
bersifat membujuk atau menawarkan produk atau jasa. Untuk itulah kita perlu belajar TIOGRAFI.
APA YANG HARUS DIPELAJARI TERLEBIH
DAHULU TENTANG TIPOGRAFI?
• Pengenalan anatomi
• Pengenalan bentuk dan penerapannya pada publikasi
• Mempelajari legibilitu teks dalam publikasi
Menurut kamu mana yang sesuai dengan citra yang ingin ditampilkan ?
Mana diantara tipografi huruf diatas yang paling tepat untuk dijadikan sebagai kata ”Toko Roti Bakery”, dalam papan reklame (sebenarnya) sebuah
Toko yang menjual Roti? Bila dilihat, meskipun kesemua huruf tersebut bertulisan ”Toko Roti Bakery”, hanya satu diantara keempatnya yang dapat
menunjukan sebuah ”citra”, bahwa tipografi tersebut cocok untuk digunakan sebagai tulisan pada papan reklame, untuk sebuah Toko Roti
Tipografi yang paling cocok untuk tulisan pada sebuah toko roti adalah tulisan terakhir, dengan
bentuk font tulisan script. Sedangkan font kalimat pertama (digitalface), cocok diterapkan pada toko
yang menjual peralatan digital dan elektronik. Kalimat kedua yang menggunakan tipografi (gruge
text) cocok untuk toko peralatan band rock. Dan Kalimat ketiga dengan font yang bersifat kekanak-
kanakan, cocok diterapkan pada toko yang menjual mainan anak-anak.
15 ATURAN TIPOGRAFI
1. Untuk Readibility atau keterbacaan yang optimal pergunakan jenis huruf yang secara
fisik sederhana dan umum sehingga mudah dikenali.
2. Jangan terlalu banyak mempergunakan jenis huruf dalam sebuah design. Pergunakan
maksimal 3 jenis huruf.
3. Jangan takut mempergunakan satu jenis huruf saja. Karena satu jenis huruf tidak akan
monoton bila digali potensi Type familynya.
4. Untuk membedakan dan memberi penekanan pada informasi pergunakan Point Size
yang berbeda sesuai dengan hirarki dan prioritas informasinya.
5. Jangan membuat kolom untuk Body Text terlalu panjang, karena akan melelahkan
mata. Panjang kolom ideal maksimal 10 cm.
6. Point Size untuk Body Text jangan terlalu kecil karena sulit dibaca ataupun terlalu besar
karena makan ruang. Idealnya adalah 9 sampai 12 point, walaupun bisa dibuat 8 sampai
15 point tergantung kebutuhan.
7. Hindari pemakaian jenis huruf yang hampir sama, karena masyarakat umum belum
tentu dapat menangkap perbedaannya
15 ATURAN TIPOGRAFI
8. Teks yang ditulis dengan huruf capital atau Upper case semua akan lebih sulit dibaca dari pada
pemakaian kombinasi Upper case dan Lower case.
9. Kerning atau jarak antar huruf yang terlalu dekat atau terlalu jauh akan mengganggu
kenyamanan membaca. Temukan jarak ideal sesuai dengan kenyamanan dan kebutuhan.
10. Leading atau jarak antar baris yang terlalu dekat atau terlalu jauh akan mengganggu
kenyamanan membaca. Temukan jarak ideal sesuai dengan kenyamanan dan kebutuhan.
11. Untuk pembacaan optimal pergunakan komposisi baris teks atau Aligment yang umum seperti
rata kiri, rata kanan, rata kiri-kanan dan rata tengah.
12. Huruf yang terlalu ramping atau Condensed dan terlalu lebar atau Expanded akan mengganggu
kenyamanan membaca. Jadi pergunakan untuk kebutuhan yang khusus.
13. Jaga integritas ketikan dengan mengatur huruf dan kata pada Base Line atau garis dasar.
14. Untuk kemudahan baca atau Readibility apabila bekerja dengan warna, pastikan ada kontras
warna yang cukup antara teks dengan Back ground.
15. Teks dengan warna tua dan Back ground dengan warna muda akan lebih mudah dibaca dari
pada teks warna muda dengan Back ground warna tua.
Jenis Huruf
• Serif : ciri memiliki sirip/kaki/serif yang berbentuk lancip pada ujungnya
Azeekk
• Sans serif : ciri tanpa sirip/serif
Acha-acha
• Script : huruf sambung
Alamak
• Monospace : jenis huruf yang memiliki jarak dan lebar yang sama
Aa
• Decorative : huruf hias
AA
Teknik Dasar Tipografi
Ruang kosong
Menambahkan teks bantu pada teks utama
Tebal tipis huruf
Menonjolkan salah satu kata dari beberapa kata yang tersedia
desaigngraphic
Mengkombinasikan huruf dengan bentuk tertentu
Membuat teks yang dibuat memiliki kesan tertentu
• Penggunaan warna yang berbeda : mudah memberi makna dan
penyampaian kata dalam desain
BLACKPINK
• Penggunaan hirarki huruf
Teknik Transformasi Angka untuk
dijadikan Tipografi Huruf
• Disamping kiri adalah prinsip dasar angka yang dapat
dijadikan sebagai huruf
Z3BR4 CRO55
S3V3N
• Teknik opacity & transparansi warna yang berbeda pada Tipografi
• Teknik ”Drop Cap” (penggunaan huruf awal yang lebih besar)
Lalu Bagaimana memilih Font untuk Publikasi dengan Tepat?
Jika pertanyaan seperti tersebut kita lontarkan kepada desainer lulusan design, akan beda jawabannya dengan yang otodidak, antara
lain :
1. Font yang akan dipilih akan mewakili publikasi yang bersifat menerangkan benda statis (benda mati-biasanya jatuh ke jenis huruf
Sans Serif) atau benda dinamis (benda hidup-biasanya jatuh ke pilihan huruf Serif). Dan uji kelayakan pertama ini belum bisa langsung
dipakai sebelum melalui uji kelayakan yang kedua.
2. Font yang dipilih akan dibaca untuk mewakili kalimat atau ucapan dari siapa atau institusi apa? Font untuk majalah yang akan
dibaca oleh remaja dan anak-anak tentu berbeda dengan font untuk majalah politik...
3. Bunyi kalimatnya akan dibaca dengan intonasi seperti apa? Resmi, anggun, elegan, dinamis, main-main, etnik, tegas, mengajak
dengan tegas, melarang dengan keras, membujuk, menerangkan dengan sistematis, dll.
4. Tren. Tidak dapat dipungkiri bahwa kita memilih benda berdasarkan unsur tren. Misalnya saat lebaran kita memilih baju 'koko' atau
safari. Saat olah raga kita memakai celana 'training' dan kaos oblong... Begitu juga dengan memilih huruf... Huruf untuk tren publikasi
yang bersifat religius akan berbeda dengan tren untuk publikasi musik rock... Biasanya dengan mengikuti tren, kita akan
menggunakan jenis font 'decorative' yang didesain khusus... Seperti misalnya film Harry Potter, Jurrasic Park, BATMAN, dll yang punya
huruf khusus, maka kita pun akan berusaha untuk meniru gaya trennya. Setelah font yang diinginkan terpilih baru kita mengeksplorasi
bagaimana cara menggunakannya dengan benar. Seperti mengatur jarak baris, jarak huruf, dan jarak kata yang benar. Proporsi huruf
yang benar... Kapital atau huruf kecil... Perataannya, keterbacaannya dan sebagainya.
Yang Harus Dihindari Dalam Tipografi
• 1. Huruf Serif digunakan secara 'Capital' dalam Body text (Paragraph)
terlalu banyak.
• 2. Menggunakan font Comic Sans pada publikasi serius dan yang tidak
seharusnya
• 3. Huruf Script digunakan untuk Body Text terlalu banyak
• 4. Menarik (stretching) huruf sehingga terlihat lebih “gepeng” atau
“jangkung” dari ukuran font semula
contoh
TIPOGRAFI.pptx
TIPOGRAFI.pptx
TIPOGRAFI.pptx

More Related Content

What's hot

Paleta tipográfica
Paleta tipográficaPaleta tipográfica
Paleta tipográficaAlberto Vega
 
Tipografia e Grid para Sinalização
Tipografia e Grid para SinalizaçãoTipografia e Grid para Sinalização
Tipografia e Grid para SinalizaçãoRobert Alves de Jesus
 
Desain Grafis 5 - Good Graphic Design
Desain Grafis 5 - Good Graphic DesignDesain Grafis 5 - Good Graphic Design
Desain Grafis 5 - Good Graphic DesignNur Fadli Utomo
 
PowerPoint Teori warna
PowerPoint Teori warna PowerPoint Teori warna
PowerPoint Teori warna Latif Ihfani
 
Dasar-Dasar Desain Grafis.pptx
Dasar-Dasar Desain Grafis.pptxDasar-Dasar Desain Grafis.pptx
Dasar-Dasar Desain Grafis.pptxMubarokTaman
 
Design Elements Typography Fundamentals by Kristin Cullen
Design Elements Typography Fundamentals by Kristin CullenDesign Elements Typography Fundamentals by Kristin Cullen
Design Elements Typography Fundamentals by Kristin CullenHazlin Aisha Zainal Abidin
 
Rpp.mat.wajib.xii.03 dimensi-tiga dw
Rpp.mat.wajib.xii.03   dimensi-tiga dwRpp.mat.wajib.xii.03   dimensi-tiga dw
Rpp.mat.wajib.xii.03 dimensi-tiga dwDewi Rota
 
Logo: komposisi, watak, gaya, dan format
Logo: komposisi, watak, gaya, dan formatLogo: komposisi, watak, gaya, dan format
Logo: komposisi, watak, gaya, dan formatToto Haryadi
 
KELILING DAN LUAS LINGKARAN (Neni Susanti)
KELILING DAN LUAS LINGKARAN (Neni Susanti)KELILING DAN LUAS LINGKARAN (Neni Susanti)
KELILING DAN LUAS LINGKARAN (Neni Susanti)Neni Susanti
 
Presentacion 1 tipografia
Presentacion 1 tipografiaPresentacion 1 tipografia
Presentacion 1 tipografiaVickydancerf
 
2. Prinsip desain grafis.pptx
2. Prinsip desain grafis.pptx2. Prinsip desain grafis.pptx
2. Prinsip desain grafis.pptxAndsngTeruna
 
Pendekatan open ended dalam pembelajaran matematika
Pendekatan open ended dalam pembelajaran matematikaPendekatan open ended dalam pembelajaran matematika
Pendekatan open ended dalam pembelajaran matematikaT. Astari
 
Aula 6 - Comunicação Gráfica e Design
Aula 6  - Comunicação Gráfica e DesignAula 6  - Comunicação Gráfica e Design
Aula 6 - Comunicação Gráfica e DesignCíntia Dal Bello
 
Rpp kelas lima bangn layang layang
Rpp kelas lima bangn layang layangRpp kelas lima bangn layang layang
Rpp kelas lima bangn layang layangYana Taryana
 

What's hot (20)

Paleta tipográfica
Paleta tipográficaPaleta tipográfica
Paleta tipográfica
 
Tipografia e Grid para Sinalização
Tipografia e Grid para SinalizaçãoTipografia e Grid para Sinalização
Tipografia e Grid para Sinalização
 
Desain Grafis 5 - Good Graphic Design
Desain Grafis 5 - Good Graphic DesignDesain Grafis 5 - Good Graphic Design
Desain Grafis 5 - Good Graphic Design
 
PowerPoint Teori warna
PowerPoint Teori warna PowerPoint Teori warna
PowerPoint Teori warna
 
Dasar-Dasar Desain Grafis.pptx
Dasar-Dasar Desain Grafis.pptxDasar-Dasar Desain Grafis.pptx
Dasar-Dasar Desain Grafis.pptx
 
Design Elements Typography Fundamentals by Kristin Cullen
Design Elements Typography Fundamentals by Kristin CullenDesign Elements Typography Fundamentals by Kristin Cullen
Design Elements Typography Fundamentals by Kristin Cullen
 
Anatomi furuf
Anatomi furufAnatomi furuf
Anatomi furuf
 
Nirmana Dwi matra
Nirmana Dwi matraNirmana Dwi matra
Nirmana Dwi matra
 
Rpp.mat.wajib.xii.03 dimensi-tiga dw
Rpp.mat.wajib.xii.03   dimensi-tiga dwRpp.mat.wajib.xii.03   dimensi-tiga dw
Rpp.mat.wajib.xii.03 dimensi-tiga dw
 
ANALISIS KKM
ANALISIS KKMANALISIS KKM
ANALISIS KKM
 
Logo: komposisi, watak, gaya, dan format
Logo: komposisi, watak, gaya, dan formatLogo: komposisi, watak, gaya, dan format
Logo: komposisi, watak, gaya, dan format
 
KELILING DAN LUAS LINGKARAN (Neni Susanti)
KELILING DAN LUAS LINGKARAN (Neni Susanti)KELILING DAN LUAS LINGKARAN (Neni Susanti)
KELILING DAN LUAS LINGKARAN (Neni Susanti)
 
Presentacion 1 tipografia
Presentacion 1 tipografiaPresentacion 1 tipografia
Presentacion 1 tipografia
 
2. Prinsip desain grafis.pptx
2. Prinsip desain grafis.pptx2. Prinsip desain grafis.pptx
2. Prinsip desain grafis.pptx
 
Pendekatan open ended dalam pembelajaran matematika
Pendekatan open ended dalam pembelajaran matematikaPendekatan open ended dalam pembelajaran matematika
Pendekatan open ended dalam pembelajaran matematika
 
Desain Grafis
Desain GrafisDesain Grafis
Desain Grafis
 
Desain grafis
Desain grafisDesain grafis
Desain grafis
 
Aula 6 - Comunicação Gráfica e Design
Aula 6  - Comunicação Gráfica e DesignAula 6  - Comunicação Gráfica e Design
Aula 6 - Comunicação Gráfica e Design
 
Rpp kelas lima bangn layang layang
Rpp kelas lima bangn layang layangRpp kelas lima bangn layang layang
Rpp kelas lima bangn layang layang
 
Alat peraga (1)
Alat peraga (1)Alat peraga (1)
Alat peraga (1)
 

Similar to TIPOGRAFI.pptx

Layout-Pertemuan2.pptx
Layout-Pertemuan2.pptxLayout-Pertemuan2.pptx
Layout-Pertemuan2.pptxStudio5dkvUpu
 
Desktop Publishing 3 - [Typografi - Chapter 2]
Desktop Publishing 3 - [Typografi - Chapter 2]Desktop Publishing 3 - [Typografi - Chapter 2]
Desktop Publishing 3 - [Typografi - Chapter 2]beiharira
 
Pengenalan TIPOGRAFI Desain Grafis Percetakan
Pengenalan TIPOGRAFI Desain Grafis PercetakanPengenalan TIPOGRAFI Desain Grafis Percetakan
Pengenalan TIPOGRAFI Desain Grafis Percetakanikhsyansyaputra
 
Makalah kelompok 4 tif e
Makalah kelompok 4 tif eMakalah kelompok 4 tif e
Makalah kelompok 4 tif eBrury Arismanto
 
Pilih font yang mana yah
Pilih font yang mana yahPilih font yang mana yah
Pilih font yang mana yahIrman Insani
 
Pengantar Tipografi - Memilih Jenis Huruf
Pengantar Tipografi - Memilih Jenis HurufPengantar Tipografi - Memilih Jenis Huruf
Pengantar Tipografi - Memilih Jenis HurufMuhadi Tri
 
Tipografi i pertemuan 02
Tipografi i pertemuan 02Tipografi i pertemuan 02
Tipografi i pertemuan 02YogaTsumadeva
 
Tanda Baca dalam Presentasi: Kunci untuk Komunikasi yang Jela.pptx
Tanda Baca dalam Presentasi: Kunci untuk Komunikasi yang Jela.pptxTanda Baca dalam Presentasi: Kunci untuk Komunikasi yang Jela.pptx
Tanda Baca dalam Presentasi: Kunci untuk Komunikasi yang Jela.pptxujangkusnandar1405
 
materi tanda baca Bahasa Indonesia .pptx
materi tanda baca Bahasa Indonesia .pptxmateri tanda baca Bahasa Indonesia .pptx
materi tanda baca Bahasa Indonesia .pptxbenedictiokorompis5
 
R e s e n s i slideshare
R  e  s  e  n  s  i   slideshareR  e  s  e  n  s  i   slideshare
R e s e n s i slideshareKarim Djamudin
 
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
 

Similar to TIPOGRAFI.pptx (20)

webdesign dasar : 05 tipografi
webdesign dasar : 05 tipografiwebdesign dasar : 05 tipografi
webdesign dasar : 05 tipografi
 
Layout-Pertemuan2.pptx
Layout-Pertemuan2.pptxLayout-Pertemuan2.pptx
Layout-Pertemuan2.pptx
 
Typografi.ppt
Typografi.pptTypografi.ppt
Typografi.ppt
 
1
11
1
 
Kd 3.1 ppt
Kd 3.1 pptKd 3.1 ppt
Kd 3.1 ppt
 
Menerapkan tipografi
Menerapkan tipografiMenerapkan tipografi
Menerapkan tipografi
 
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
 
Desktop Publishing 3 - [Typografi - Chapter 2]
Desktop Publishing 3 - [Typografi - Chapter 2]Desktop Publishing 3 - [Typografi - Chapter 2]
Desktop Publishing 3 - [Typografi - Chapter 2]
 
Pengenalan TIPOGRAFI Desain Grafis Percetakan
Pengenalan TIPOGRAFI Desain Grafis PercetakanPengenalan TIPOGRAFI Desain Grafis Percetakan
Pengenalan TIPOGRAFI Desain Grafis Percetakan
 
Makalah kelompok 4 tif e
Makalah kelompok 4 tif eMakalah kelompok 4 tif e
Makalah kelompok 4 tif e
 
Pilih font yang mana yah
Pilih font yang mana yahPilih font yang mana yah
Pilih font yang mana yah
 
tipografi.pptx
tipografi.pptxtipografi.pptx
tipografi.pptx
 
Combinasi
CombinasiCombinasi
Combinasi
 
Pengantar Tipografi - Memilih Jenis Huruf
Pengantar Tipografi - Memilih Jenis HurufPengantar Tipografi - Memilih Jenis Huruf
Pengantar Tipografi - Memilih Jenis Huruf
 
Tipografi i pertemuan 02
Tipografi i pertemuan 02Tipografi i pertemuan 02
Tipografi i pertemuan 02
 
Tanda Baca dalam Presentasi: Kunci untuk Komunikasi yang Jela.pptx
Tanda Baca dalam Presentasi: Kunci untuk Komunikasi yang Jela.pptxTanda Baca dalam Presentasi: Kunci untuk Komunikasi yang Jela.pptx
Tanda Baca dalam Presentasi: Kunci untuk Komunikasi yang Jela.pptx
 
materi tanda baca Bahasa Indonesia .pptx
materi tanda baca Bahasa Indonesia .pptxmateri tanda baca Bahasa Indonesia .pptx
materi tanda baca Bahasa Indonesia .pptx
 
R e s e n s i slideshare
R  e  s  e  n  s  i   slideshareR  e  s  e  n  s  i   slideshare
R e s e n s i slideshare
 
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...
 
Artikel tanda baca
Artikel tanda bacaArtikel tanda baca
Artikel tanda baca
 

Recently uploaded

LK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docx
LK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docxLK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docx
LK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docxPurmiasih
 
Sesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptx
Sesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptxSesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptx
Sesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptxSovyOktavianti
 
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
 
PPT AKSI NYATA KOMUNITAS BELAJAR .ppt di SD
PPT AKSI NYATA KOMUNITAS BELAJAR .ppt di SDPPT AKSI NYATA KOMUNITAS BELAJAR .ppt di SD
PPT AKSI NYATA KOMUNITAS BELAJAR .ppt di SDNurainiNuraini25
 
Laporan Guru Piket untuk Pengisian RHK Guru Pengelolaan KInerja Guru di PMM
Laporan Guru Piket untuk Pengisian RHK Guru Pengelolaan KInerja Guru di PMMLaporan Guru Piket untuk Pengisian RHK Guru Pengelolaan KInerja Guru di PMM
Laporan Guru Piket untuk Pengisian RHK Guru Pengelolaan KInerja Guru di PMMmulyadia43
 
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATAS
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATASMATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATAS
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATASKurniawan Dirham
 
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
 
Keterampilan menyimak kelas bawah tugas UT
Keterampilan menyimak kelas bawah tugas UTKeterampilan menyimak kelas bawah tugas UT
Keterampilan menyimak kelas bawah tugas UTIndraAdm
 
Aksi Nyata Modul 1.1 Calon Guru Penggerak
Aksi Nyata Modul 1.1 Calon Guru PenggerakAksi Nyata Modul 1.1 Calon Guru Penggerak
Aksi Nyata Modul 1.1 Calon Guru Penggeraksupriadi611
 
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
 
DEMONSTRASI KONTEKSTUAL MODUL 1.3 PENDIDIKAN GURU PENGGERAK
DEMONSTRASI KONTEKSTUAL MODUL 1.3 PENDIDIKAN GURU PENGGERAKDEMONSTRASI KONTEKSTUAL MODUL 1.3 PENDIDIKAN GURU PENGGERAK
DEMONSTRASI KONTEKSTUAL MODUL 1.3 PENDIDIKAN GURU PENGGERAKirwan461475
 
tugas 1 tutorial online anak berkebutuhan khusus di SD
tugas 1 tutorial online anak berkebutuhan khusus di SDtugas 1 tutorial online anak berkebutuhan khusus di SD
tugas 1 tutorial online anak berkebutuhan khusus di SDmawan5982
 
Perumusan Visi dan Prakarsa Perubahan.pptx
Perumusan Visi dan Prakarsa Perubahan.pptxPerumusan Visi dan Prakarsa Perubahan.pptx
Perumusan Visi dan Prakarsa Perubahan.pptxadimulianta1
 
CAPACITY BUILDING Materi Saat di Lokakarya 7
CAPACITY BUILDING Materi Saat di Lokakarya 7CAPACITY BUILDING Materi Saat di Lokakarya 7
CAPACITY BUILDING Materi Saat di Lokakarya 7IwanSumantri7
 
Kontribusi Islam Dalam Pengembangan Peradaban Dunia - KELOMPOK 1.pptx
Kontribusi Islam Dalam Pengembangan Peradaban Dunia - KELOMPOK 1.pptxKontribusi Islam Dalam Pengembangan Peradaban Dunia - KELOMPOK 1.pptx
Kontribusi Islam Dalam Pengembangan Peradaban Dunia - KELOMPOK 1.pptxssuser50800a
 
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
 
PERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptx
PERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptxPERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptx
PERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptxRizkyPratiwi19
 
PEMANASAN GLOBAL - MATERI KELAS X MA.pptx
PEMANASAN GLOBAL - MATERI KELAS X MA.pptxPEMANASAN GLOBAL - MATERI KELAS X MA.pptx
PEMANASAN GLOBAL - MATERI KELAS X MA.pptxsukmakarim1998
 
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptx
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptxBab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptx
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptxssuser35630b
 
2 KISI-KISI Ujian Sekolah Dasar mata pelajaranPPKn 2024.pdf
2 KISI-KISI Ujian Sekolah Dasar  mata pelajaranPPKn 2024.pdf2 KISI-KISI Ujian Sekolah Dasar  mata pelajaranPPKn 2024.pdf
2 KISI-KISI Ujian Sekolah Dasar mata pelajaranPPKn 2024.pdfsdn3jatiblora
 

Recently uploaded (20)

LK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docx
LK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docxLK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docx
LK.01._LK_Peta_Pikir modul 1.3_Kel1_NURYANTI_101.docx
 
Sesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptx
Sesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptxSesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptx
Sesi 1_PPT Ruang Kolaborasi Modul 1.3 _ ke 1_PGP Angkatan 10.pptx
 
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
 
PPT AKSI NYATA KOMUNITAS BELAJAR .ppt di SD
PPT AKSI NYATA KOMUNITAS BELAJAR .ppt di SDPPT AKSI NYATA KOMUNITAS BELAJAR .ppt di SD
PPT AKSI NYATA KOMUNITAS BELAJAR .ppt di SD
 
Laporan Guru Piket untuk Pengisian RHK Guru Pengelolaan KInerja Guru di PMM
Laporan Guru Piket untuk Pengisian RHK Guru Pengelolaan KInerja Guru di PMMLaporan Guru Piket untuk Pengisian RHK Guru Pengelolaan KInerja Guru di PMM
Laporan Guru Piket untuk Pengisian RHK Guru Pengelolaan KInerja Guru di PMM
 
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATAS
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATASMATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATAS
MATERI EKOSISTEM UNTUK SEKOLAH MENENGAH ATAS
 
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 & ...
 
Keterampilan menyimak kelas bawah tugas UT
Keterampilan menyimak kelas bawah tugas UTKeterampilan menyimak kelas bawah tugas UT
Keterampilan menyimak kelas bawah tugas UT
 
Aksi Nyata Modul 1.1 Calon Guru Penggerak
Aksi Nyata Modul 1.1 Calon Guru PenggerakAksi Nyata Modul 1.1 Calon Guru Penggerak
Aksi Nyata Modul 1.1 Calon Guru Penggerak
 
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
 
DEMONSTRASI KONTEKSTUAL MODUL 1.3 PENDIDIKAN GURU PENGGERAK
DEMONSTRASI KONTEKSTUAL MODUL 1.3 PENDIDIKAN GURU PENGGERAKDEMONSTRASI KONTEKSTUAL MODUL 1.3 PENDIDIKAN GURU PENGGERAK
DEMONSTRASI KONTEKSTUAL MODUL 1.3 PENDIDIKAN GURU PENGGERAK
 
tugas 1 tutorial online anak berkebutuhan khusus di SD
tugas 1 tutorial online anak berkebutuhan khusus di SDtugas 1 tutorial online anak berkebutuhan khusus di SD
tugas 1 tutorial online anak berkebutuhan khusus di SD
 
Perumusan Visi dan Prakarsa Perubahan.pptx
Perumusan Visi dan Prakarsa Perubahan.pptxPerumusan Visi dan Prakarsa Perubahan.pptx
Perumusan Visi dan Prakarsa Perubahan.pptx
 
CAPACITY BUILDING Materi Saat di Lokakarya 7
CAPACITY BUILDING Materi Saat di Lokakarya 7CAPACITY BUILDING Materi Saat di Lokakarya 7
CAPACITY BUILDING Materi Saat di Lokakarya 7
 
Kontribusi Islam Dalam Pengembangan Peradaban Dunia - KELOMPOK 1.pptx
Kontribusi Islam Dalam Pengembangan Peradaban Dunia - KELOMPOK 1.pptxKontribusi Islam Dalam Pengembangan Peradaban Dunia - KELOMPOK 1.pptx
Kontribusi Islam Dalam Pengembangan Peradaban Dunia - KELOMPOK 1.pptx
 
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
 
PERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptx
PERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptxPERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptx
PERAN PERAWAT DALAM PEMERIKSAAN PENUNJANG.pptx
 
PEMANASAN GLOBAL - MATERI KELAS X MA.pptx
PEMANASAN GLOBAL - MATERI KELAS X MA.pptxPEMANASAN GLOBAL - MATERI KELAS X MA.pptx
PEMANASAN GLOBAL - MATERI KELAS X MA.pptx
 
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptx
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptxBab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptx
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptx
 
2 KISI-KISI Ujian Sekolah Dasar mata pelajaranPPKn 2024.pdf
2 KISI-KISI Ujian Sekolah Dasar  mata pelajaranPPKn 2024.pdf2 KISI-KISI Ujian Sekolah Dasar  mata pelajaranPPKn 2024.pdf
2 KISI-KISI Ujian Sekolah Dasar mata pelajaranPPKn 2024.pdf
 

TIPOGRAFI.pptx

  • 2. Font adalah teman bagi desain komunikasi visual Bagi seorang penulis atau orang yang berkepentingan surat menyurat huruf hanya dianggap sebagai rangkaian kata, namun berbeda dengan seorang desainer dkv. Penggunaan huruf bagaikan seorang teman atau pacar didalam desain sang desain dkv. So, apakah yang dimaksud dengan TIPOGRAFI….?????
  • 3. • Tipografi adalah ilmu yang mempelajari tentang seni dan dsain huruf (termasuk symbol) dalam aplikasinya untuk media komunikasi visual melalui metode penataan layout, bentuk, ukuran dan sifatnya sehingga pesan yang akan disampaikan sesuai dengan yang diharapkan. • Secara modern, tipografi berkaitan dengan penataan huruf pada media elektronik, baik dari segi tampilan maupun outputnya ker berbagai media cetak • Sedangkan secara tradisional, tipografi 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
  • 4.
  • 5. Tipografi dalam desain komunikasi visual berperan mentransfer ide dan informasi yang ingin disampaikan oleh desainer dalam bentuk komunikasi non verbal (menggunakan tulisan) dalam segala bentuk publikasi, karena kita harus tahu berapa ukurran tulisan yang akan digunakan, efek dan bentuk yang akan ditampilkan sehingga muatan emosi dan sifat dari pesan yang muncul sesuai dengan tujuan komunikai yang ingin disampaikan kepada publik. Contoh : dalam Bahasa verbal, kita tidak mungkin berteriak untuk merayu/membujuk seseorang agar menuruti keinginan kita, begitu pula dalam tipografi, kita tidak mungkin membuat tulisan dengan bentyuk tegas dan keras (seperti larangan atau bentakan emosi) untuk publikasi yang bersifat membujuk atau menawarkan produk atau jasa. Untuk itulah kita perlu belajar TIOGRAFI.
  • 6. APA YANG HARUS DIPELAJARI TERLEBIH DAHULU TENTANG TIPOGRAFI? • Pengenalan anatomi • Pengenalan bentuk dan penerapannya pada publikasi • Mempelajari legibilitu teks dalam publikasi
  • 7. Menurut kamu mana yang sesuai dengan citra yang ingin ditampilkan ? Mana diantara tipografi huruf diatas yang paling tepat untuk dijadikan sebagai kata ”Toko Roti Bakery”, dalam papan reklame (sebenarnya) sebuah Toko yang menjual Roti? Bila dilihat, meskipun kesemua huruf tersebut bertulisan ”Toko Roti Bakery”, hanya satu diantara keempatnya yang dapat menunjukan sebuah ”citra”, bahwa tipografi tersebut cocok untuk digunakan sebagai tulisan pada papan reklame, untuk sebuah Toko Roti
  • 8. Tipografi yang paling cocok untuk tulisan pada sebuah toko roti adalah tulisan terakhir, dengan bentuk font tulisan script. Sedangkan font kalimat pertama (digitalface), cocok diterapkan pada toko yang menjual peralatan digital dan elektronik. Kalimat kedua yang menggunakan tipografi (gruge text) cocok untuk toko peralatan band rock. Dan Kalimat ketiga dengan font yang bersifat kekanak- kanakan, cocok diterapkan pada toko yang menjual mainan anak-anak.
  • 9. 15 ATURAN TIPOGRAFI 1. Untuk Readibility atau keterbacaan yang optimal pergunakan jenis huruf yang secara fisik sederhana dan umum sehingga mudah dikenali. 2. Jangan terlalu banyak mempergunakan jenis huruf dalam sebuah design. Pergunakan maksimal 3 jenis huruf. 3. Jangan takut mempergunakan satu jenis huruf saja. Karena satu jenis huruf tidak akan monoton bila digali potensi Type familynya. 4. Untuk membedakan dan memberi penekanan pada informasi pergunakan Point Size yang berbeda sesuai dengan hirarki dan prioritas informasinya. 5. Jangan membuat kolom untuk Body Text terlalu panjang, karena akan melelahkan mata. Panjang kolom ideal maksimal 10 cm. 6. Point Size untuk Body Text jangan terlalu kecil karena sulit dibaca ataupun terlalu besar karena makan ruang. Idealnya adalah 9 sampai 12 point, walaupun bisa dibuat 8 sampai 15 point tergantung kebutuhan. 7. Hindari pemakaian jenis huruf yang hampir sama, karena masyarakat umum belum tentu dapat menangkap perbedaannya
  • 10. 15 ATURAN TIPOGRAFI 8. Teks yang ditulis dengan huruf capital atau Upper case semua akan lebih sulit dibaca dari pada pemakaian kombinasi Upper case dan Lower case. 9. Kerning atau jarak antar huruf yang terlalu dekat atau terlalu jauh akan mengganggu kenyamanan membaca. Temukan jarak ideal sesuai dengan kenyamanan dan kebutuhan. 10. Leading atau jarak antar baris yang terlalu dekat atau terlalu jauh akan mengganggu kenyamanan membaca. Temukan jarak ideal sesuai dengan kenyamanan dan kebutuhan. 11. Untuk pembacaan optimal pergunakan komposisi baris teks atau Aligment yang umum seperti rata kiri, rata kanan, rata kiri-kanan dan rata tengah. 12. Huruf yang terlalu ramping atau Condensed dan terlalu lebar atau Expanded akan mengganggu kenyamanan membaca. Jadi pergunakan untuk kebutuhan yang khusus. 13. Jaga integritas ketikan dengan mengatur huruf dan kata pada Base Line atau garis dasar. 14. Untuk kemudahan baca atau Readibility apabila bekerja dengan warna, pastikan ada kontras warna yang cukup antara teks dengan Back ground. 15. Teks dengan warna tua dan Back ground dengan warna muda akan lebih mudah dibaca dari pada teks warna muda dengan Back ground warna tua.
  • 11. Jenis Huruf • Serif : ciri memiliki sirip/kaki/serif yang berbentuk lancip pada ujungnya Azeekk • Sans serif : ciri tanpa sirip/serif Acha-acha
  • 12. • Script : huruf sambung Alamak • Monospace : jenis huruf yang memiliki jarak dan lebar yang sama Aa • Decorative : huruf hias AA
  • 13. Teknik Dasar Tipografi Ruang kosong Menambahkan teks bantu pada teks utama
  • 14. Tebal tipis huruf Menonjolkan salah satu kata dari beberapa kata yang tersedia desaigngraphic
  • 15. Mengkombinasikan huruf dengan bentuk tertentu Membuat teks yang dibuat memiliki kesan tertentu
  • 16. • Penggunaan warna yang berbeda : mudah memberi makna dan penyampaian kata dalam desain BLACKPINK
  • 18. Teknik Transformasi Angka untuk dijadikan Tipografi Huruf • Disamping kiri adalah prinsip dasar angka yang dapat dijadikan sebagai huruf Z3BR4 CRO55 S3V3N
  • 19. • Teknik opacity & transparansi warna yang berbeda pada Tipografi
  • 20. • Teknik ”Drop Cap” (penggunaan huruf awal yang lebih besar)
  • 21. Lalu Bagaimana memilih Font untuk Publikasi dengan Tepat? Jika pertanyaan seperti tersebut kita lontarkan kepada desainer lulusan design, akan beda jawabannya dengan yang otodidak, antara lain : 1. Font yang akan dipilih akan mewakili publikasi yang bersifat menerangkan benda statis (benda mati-biasanya jatuh ke jenis huruf Sans Serif) atau benda dinamis (benda hidup-biasanya jatuh ke pilihan huruf Serif). Dan uji kelayakan pertama ini belum bisa langsung dipakai sebelum melalui uji kelayakan yang kedua. 2. Font yang dipilih akan dibaca untuk mewakili kalimat atau ucapan dari siapa atau institusi apa? Font untuk majalah yang akan dibaca oleh remaja dan anak-anak tentu berbeda dengan font untuk majalah politik... 3. Bunyi kalimatnya akan dibaca dengan intonasi seperti apa? Resmi, anggun, elegan, dinamis, main-main, etnik, tegas, mengajak dengan tegas, melarang dengan keras, membujuk, menerangkan dengan sistematis, dll. 4. Tren. Tidak dapat dipungkiri bahwa kita memilih benda berdasarkan unsur tren. Misalnya saat lebaran kita memilih baju 'koko' atau safari. Saat olah raga kita memakai celana 'training' dan kaos oblong... Begitu juga dengan memilih huruf... Huruf untuk tren publikasi yang bersifat religius akan berbeda dengan tren untuk publikasi musik rock... Biasanya dengan mengikuti tren, kita akan menggunakan jenis font 'decorative' yang didesain khusus... Seperti misalnya film Harry Potter, Jurrasic Park, BATMAN, dll yang punya huruf khusus, maka kita pun akan berusaha untuk meniru gaya trennya. Setelah font yang diinginkan terpilih baru kita mengeksplorasi bagaimana cara menggunakannya dengan benar. Seperti mengatur jarak baris, jarak huruf, dan jarak kata yang benar. Proporsi huruf yang benar... Kapital atau huruf kecil... Perataannya, keterbacaannya dan sebagainya.
  • 22. Yang Harus Dihindari Dalam Tipografi • 1. Huruf Serif digunakan secara 'Capital' dalam Body text (Paragraph) terlalu banyak. • 2. Menggunakan font Comic Sans pada publikasi serius dan yang tidak seharusnya • 3. Huruf Script digunakan untuk Body Text terlalu banyak • 4. Menarik (stretching) huruf sehingga terlihat lebih “gepeng” atau “jangkung” dari ukuran font semula