SlideShare a Scribd company logo
HURUF DAN
TIPOGRAFI I
Sejarah dan perkembangan tipografi
Evolusi bahasa tulis
Picture writing,
Pada sekitar tahun 35000-40000 SM bangsa Afrika
dan Eropa menggunakan bahasa gambar untuk
berkomunikasi dengan cara membuat lukisan di
dinding gua.
Catatan: hal ini tidak hanya menjadi awal munculnya huruf namun jg menjadi awal
munculnya seni visual dan bahasa verbal yang kita gunakan untuk berkomunikasi
Evolusi bahasa tulis
Pictograph, adalah
elemen grafik yang
menggambarkan kejadian
melalui bahasa gambar
dalam bentuk simbol-simbol.
Beberapa peradapan lama seperti peradaban
Mesir dan Inka menggunakan pictograph
sebagai sistem penulisan. Sistem penulisan ini
disebut Hieroglyphs.
Evolusi bahasa tulis
Ideograph, adalah elemen
grafik yang menggambarkan
kejadian dan gagasan yang
lebih kompleks melalui
bahasa gambar dalam
bentuk simbol-simbol.
Beberapa negara sampai saat ini masih
menggunakan ideogram sebagai bahasa
tulisnya seperti China, Jepang, Korea dan
Thailand.
Karakter China yang berarti Spring,
Summer, Autumn, dan Winter
Karakter China yang berarti Sake,
Beautiful dan Sushi
Evolusi bahasa tulis
Phonograph / Phoenician characters, adalah elemen grafik
melalui bahasa gambar yang dapat dibunyikan.
Diwakilkan dengan 22 karakter yang merepresentasikan bunyi bukan objek, karakter ini berkembang sekitar
1600SM di wilayah timur mediterania yaitu Lebanon.
Karakter Phoenician inilah yang menjadi dasar modern latin alfabet.
Evolusi bahasa tulis
Alphabet Yunani, Yunani
mengadopsi Phoenician karakter
dan menambahkan beberapa
karakter menjadi karakter huruf
mereka sendiri dan memberikan
nama alpabet.
Alpabet Yunani memiliki 24 karakter. Alfabet Yunani
sampai saat ini masih sering juga digunakan dalam
kehidupan sehari-hari terutama dalam bidang
matematik.
Alpeh Beth
Alpha Beta
AlphaBeta
Alphabet
Evolusi bahasa tulis
Alphabet Romawi, Alphabet yang dimiliki oleh
bangsa Romawi merupakan penyempurnaan dari
alphabet Yunani.
Alpabet Romawi memiliki 26 karakter, sering disebut sebagai modern font dan dari
sinilah terbentuk sistem pengukuran dan anatomi huruf
Tokoh-tokoh tipografi
 Charlemagne, sekitar tahun 732 Charlemagne memesan
sebuah sistem penulisan yang disebut Caroline
Miniscule yang untuk pertama kali mengenalkan lowercase
yaitu fersi kecil dari uppercase.
 Guttenberg, tahun 1400 Guttenberg
menemukan sistem printing yang
dapat dihasilkan secara masal.
Tokoh-tokoh tipografi
 Aldus Manutius, tahun 1500, seorang printer yang
pertama kali menemukan konsep portable books.
Dia juga mengembangkan italic typeface yang
pertama kali, salah satu variasi typeface.
HURUF DAN
TIPOGRAFI I
Perkembangan alat dan media
Perkembangan alat dan media
Prasejarah, pada saat ini pictograph biasa di tulis di
dinding gua atau pada batu-batu.
Penemuan kertas, Bangsa Mesir
membuat kertas dari tanaman
papyrus.
Bangsa Cina pada tahun
105 memiliki seorang ahli
pembuat kertas.
Perkembangan alat dan media
Penulisan buku secara manual, pada saat teknologi
cetak belum ditemukan buku ditulis secara manual oleh
para penyalin (scribes).
Pada masa ini pula muncul huruf Blackletter Script yaitu huruf dengan bentuk
tipis tebal dan ramping sehingga membantu mempercepat penulisan.
Perkembangan alat dan media
Penemuan mesin cetak,
tahun 1450 Johann Gendfleisch zum Gutenberg dari
Jerman menemukan mesin cetak dengan sistem
movable type.
Teknik dalam sistem movable type adalah mengukir huruf di atas permukaan metal
(engraving) satu persatu termasuk huruf, angka, tanda baca dan spasi/jarak.
Perkembangan alat dan media
Setelah sekitar 400 tahun digunakan, tahun 1886
muncul mesin Linotype sebagai penyempurnaan movable
type oleh ottmarr Megenthaler dari Jerman.
 Teknik dalam mesin Linotype
adalah memasang huruf-huruf
dalam satu baris (line casting).
 Nama Linotype berasal dari
kata “Line of Type”
Perkembangan alat dan media
Teknologi typecasting, teknologi ini menggunakan
teknologi phototypesetting (proses film) sebelum naskah
dipindahkan kedalam lempeng cetakan.
 Teknologi ini ditemukan oleh
Herman Frued tahun 1946 di
Jerman.
 Teknologi ini disebut
teknologi cetak datar atau
offset.
Perkembangan alat dan media
Teknologi digital, teknologi ini menggunakan teknologi
yang sebenarnya adalah bahasa komputer yang
berhasil menterjemahkan kode-kode dengan
menampilkan bentuk huruf yang sempurna, baik itu
dilayar monitor ataupun di media
HURUF DAN
TIPOGRAFI I
Analisa bentuk dan sistem pengukuran
Font and typeface
Apa itu Font?
Apa itu typeface?
Koleksi dari huruf, angka, symbol dan karakter yang
digunakan untuk membentuk kata.
Pandangan artistik atau desain dari alphabet, termasuk huruf,
angka, symbol dan karakter. Biasanya typeface berada dalam
satu kelompok.
Font > yang kamu gunakan sedangkan
Typeface > yang kamu lihat
Anatomi huruf
batas teratas dari huruf kecil.
ukuran tinggi dari badan huruf kecil, merupakan jarak
antara Meanline dan baseline.
Bagian atas dari huruf kecil yang posisinya berada
diatas meanline.
Bagian bawah dari huruf kecil yang posisinya
berada dibawah baseline
batas teratas dari huruf besar.
batas terbawah dari huruf besar.
Baseline :
Capline :
Meanline :
X-height :
Ascender :
Descender :
Anatomi huruf
a
Ground
Figure
Menurut teori Getsal mengenai persepsi
manusia, diperlukan adanya kontras antara
ruang positif dan negatif. Ruang positif
disebut figure sedangkan ruang negatif
disebut ground.
Anatomi huruf
r
Stem
Terminal
Garis akhir yang berada di bagian ujung
huruf disebut terminal.
Batang dari sebuah huruf disebut stem.
Anatomi huruf
A A
Stem
Serif Sans Serif
Stem
Garis pembuka dari sebuah huruf disebut serif.
Sehingga huruf yang memiliki garis pembuka disebut sebagai huruf serif
Sedangkan huruf yang tidak memiliki garis pembuka disebut sebagai
huruf san serif
Anatomi huruf
Huruf pada dasarnya dibentuk dari goresan-goresan Stroke. Goresan
pertama disebut Basic stroke, goresan selanjutnya disebut Secondary
stroke.
+ =
Basic stroke Secondary stroke(s)
Anatomi huruf (lain-lain)
Anatomi huruf (lain-lain)
Anatomi huruf (lain-lain)
Sistem pengukuran
Point, Pica, em, Unit
 Point, digunakan untuk mengukur tinggi huruf.
 Pica, digunakan untuk mengukur panjang baris.
 Em, digunakan untuk jarak antar kata
 Unit, digunakan untuk mengukur lebar satu huruf serta jarak antar
huruf
Point
Point
em
Unit
Pica
Sistem pengukuran
Inch, pica dan point
*ukuran yang ada pada gambar bukan merupakan ukuran sebenarnya
Inch
Pica
Point
1Inch = 2,539cm
1Inch dibagi menjadi 6pica
1pica dibagi menjadi 12point
HURUF DAN
TIPOGRAFI I
Klasifikasi huruf dalam tipografi
Keluarga huruf
Keluarga huruf dibagi menjadi 3
“Keluarga berat”
“Keluarga proporsi”
“Keluarga kemiringan”
Keluarga huruf
Keluarga berat
Keluarga ini memiliki struktur dasar huruf yang terletak pada
perbandingan tinggi huruf dengan lebar stoke.
Pada umumnya dapat dibagi menjadi 3 bagian: light, reguler dan
bold.
100% 100% 100%
10% 15% 25%
light Regular Bold
Keluarga huruf
Keluarga proporsi
Keluarga ini memiliki struktur dasar huruf yang terletak pada
perbandingan tinggi huruf dengan lebar huruf.
Pada umumnya dapat dibagi menjadi 3 bagian: condensed,
regular dan extended.
condensed Regular extended
100% 100% 100%
60% 80% 100%
Keluarga huruf
Keluarga kemiringan
Keluarga ini memiliki struktur dasar huruf yang terletak pada
derajat kemiringan huruf . Pada umumnya derajat kemiringan
sebesar 12 .
Pada umumnya disebut italic.
T ext
12 12 12 12
Klasifikasi huruf
Dalam tipografi, huruf diklasifikasikan melalui momentum-
momentum penting dalam latar belakang sejarah
pembuatannya.
Klasifikasi huruf dibagi menjadi 3:
Klasifikasi huruf sederhana
Klasifikasi huruf berdasarkan tahun
Klasifikasi huruf berdasarkan tipe
Klasifikasi huruf
 Klasifikasi huruf Sederhana, disusun oleh McCormack. Dengan 5 dasar
kategori.
Block Huruf-huruf yang biasa digunakan pada Middle
ages, disebut juga blackletter.
Klasifikasi huruf
 Klasifikasi huruf Sederhana, disusun oleh McCormack. Dengan 5 dasar
kategori.
Roman Huruf-huruf roman memiliki bentuk yang
proposional antara jarak dan serif.
Klasifikasi huruf
 Klasifikasi huruf Sederhana, disusun oleh McCormack. Dengan 5 dasar
kategori.
Gothic Hurufnya tidak memiliki serif, clean dan simple
Klasifikasi huruf
 Klasifikasi huruf Sederhana, disusun oleh McCormack. Dengan 5 dasar
kategori.
Script bentuk hurufnya didesain menyerupai tulisan
tangan, beberapa huruf memiliki unsur kaligrafi.
Klasifikasi huruf
 Klasifikasi huruf Sederhana, disusun oleh McCormack. Dengan 5 dasar
kategori.
Graphic Huruf yang dibuat untuk tujuan dan dibuat
dengan eksperimen tertentu.
Klasifikasi huruf
 Klasifikasi huruf berdasarkan tahun, disusun oleh Alexander Lawson
1400s Blackletter, huruf ini juga biasa disebut Block,
Gothic, Old English dan Broken.
Font: Goudy Text MT
1475 Old Style, style huruf ini mengarah ke huruf
Roman, muncul pada kejayaan kerajaan Romawi
setelah mengalahkan kerajaan Yunani sekitar
abad ke-15.
Font: Dante MT, Garamond, bembo
Klasifikasi huruf
1500s Italic, huruf ini mengacu pada tulisan tanya
orang-orang Italia, pada awalnya huruf ini
berdiri sendiri namun saat ini menjadi bagian
dari keluarga huruf.
Font: Dante MT
1550 Script, bentuk hurufnya didesain menyerupai
tulisan tangan, beberapa huruf memiliki unsur
kaligrafi.
Font: Kuenstler Script Medium
Klasifikasi huruf
1750 Transitional, bentuknya berada diantara Old
Style dan Modern. Sering disebut sebagai huruf
Old Style yang mengalami penyimpangan
namun belum menyerupai huruf Modern.
Penambahan kontras stroke menjadi salah satu
karakternya selain konsentrasi tekanan vertikal
pada huruf yang memiliki lengkungan.
Font: Baskerville
Klasifikasi huruf
1775 Modern, muncul pada abad ke-18 dengan ciri
ukuran stroke yang kontras serta serif yang tidak
menyangga.
Font: Bodoni BE Regular
1825 Slab serif, memiliki serif yang berbentuk kotak
dan hurufnya sendiri tebal.
Font: Clarendon MT
Klasifikasi huruf
1900s San serif, huruf tanpa serif. William Caslon
adalah orang yang pertama kali
memperkenalkan huruf ini pada tahun 1816
Font: News Gothic MT.
1900s Serif / San serif, adalah style huruf dimana
tampilan hurufnya memiliki serif dan san serif.
Font : Rotis
Klasifikasi huruf
 Klasifikasi huruf berdasarkan Type, sering disebut sebagai Vox sistem sesuai
dengan nama penyusunnya Maximilien Vox, 1954.
Humanist Huruf yang terinspirasi dari huruf klasik dan
Roman.
Garalde Huruf yang termasuk adalah huruf-huruf Old
Style.
Klasifikasi huruf
Transitional Penjelasan sama dengan klasifikasi huruf
berdasarkan tahun.
Didone Didone adalah istilah lain dari “Modern”.
Penjelasan huruf ini sama dengan klasfikasi
huruf berdasarkan tahun.
Slab Serif Penjelasan huruf ini sama dengan klasfikasi
huruf berdasarkan tahun.
Lineale Lineale adalah istilah lain dari “San Serif”.
Penjelasan huruf ini sama dengan klasfikasi
huruf berdasarkan tahun.
Klasifikasi huruf
Glyphic huruf type ini lebih mengarah pada huruf
serif/san serif.
Script Penjelasan huruf ini sama dengan klasfikasi
huruf berdasarkan tahun.
Graphic Huruf yang dibuat untuk tujuan dan dibuat
dengan eksperimen tertentu.

More Related Content

What's hot

Desain grafis
Desain grafisDesain grafis
Desain grafis
Lula Wanitama
 
Typography
Typography Typography
Typography
John Ruiz Junior
 
It's all about typography
It's all about typographyIt's all about typography
It's all about typography
Interactive Communications
 
Typography Fundamentals
Typography FundamentalsTypography Fundamentals
Typography Fundamentals
Steve Hickey
 
Ppt unsur tata letak
Ppt unsur tata letakPpt unsur tata letak
Ppt unsur tata letak
emri3
 
1.01 Typography PowerPoint
1.01 Typography PowerPoint1.01 Typography PowerPoint
1.01 Typography PowerPointcindymartin
 
Animasi 2D
Animasi 2DAnimasi 2D
Animasi 2D
lombkTBK
 
Graphic design by mprabuw
Graphic design by mprabuwGraphic design by mprabuw
Graphic design by mprabuw
M. Prabu Wibowo
 
Use of Shapes in Graphic Design
Use of Shapes in Graphic DesignUse of Shapes in Graphic Design
Use of Shapes in Graphic Design
Ravi Bhadauria
 
Typography Anatomy presentation 2016
Typography Anatomy presentation 2016Typography Anatomy presentation 2016
Typography Anatomy presentation 2016
alfiyafalak
 
Typography 101: The Basics
Typography 101: The BasicsTypography 101: The Basics
Typography 101: The Basics
Mainstreethost
 
INTRO What is Graphic Design
INTRO What is Graphic DesignINTRO What is Graphic Design
INTRO What is Graphic Design
Darla Hueske
 
Typography
TypographyTypography
Typography
Derek Miller
 
Typography Anatomy By ADMEC Multimedia Institute
Typography Anatomy By ADMEC Multimedia InstituteTypography Anatomy By ADMEC Multimedia Institute
Typography Anatomy By ADMEC Multimedia Institute
Ravi Bhadauria
 
Typography Essentials: Part 1
Typography Essentials: Part 1Typography Essentials: Part 1
Typography Essentials: Part 1
Jennifer Janviere
 
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
HaryoSumantri
 
Graphic Design 101
Graphic Design 101Graphic Design 101
Graphic Design 101
sbernalmarcial
 

What's hot (20)

Anatomi furuf
Anatomi furufAnatomi furuf
Anatomi furuf
 
Desain grafis
Desain grafisDesain grafis
Desain grafis
 
Typography
Typography Typography
Typography
 
Nirmana 01
Nirmana 01Nirmana 01
Nirmana 01
 
It's all about typography
It's all about typographyIt's all about typography
It's all about typography
 
Typography Fundamentals
Typography FundamentalsTypography Fundamentals
Typography Fundamentals
 
Ppt unsur tata letak
Ppt unsur tata letakPpt unsur tata letak
Ppt unsur tata letak
 
1.01 Typography PowerPoint
1.01 Typography PowerPoint1.01 Typography PowerPoint
1.01 Typography PowerPoint
 
Animasi 2D
Animasi 2DAnimasi 2D
Animasi 2D
 
Graphic design by mprabuw
Graphic design by mprabuwGraphic design by mprabuw
Graphic design by mprabuw
 
Use of Shapes in Graphic Design
Use of Shapes in Graphic DesignUse of Shapes in Graphic Design
Use of Shapes in Graphic Design
 
Typography Anatomy presentation 2016
Typography Anatomy presentation 2016Typography Anatomy presentation 2016
Typography Anatomy presentation 2016
 
Sketching Basics- Part 1
Sketching Basics- Part 1Sketching Basics- Part 1
Sketching Basics- Part 1
 
Typography 101: The Basics
Typography 101: The BasicsTypography 101: The Basics
Typography 101: The Basics
 
INTRO What is Graphic Design
INTRO What is Graphic DesignINTRO What is Graphic Design
INTRO What is Graphic Design
 
Typography
TypographyTypography
Typography
 
Typography Anatomy By ADMEC Multimedia Institute
Typography Anatomy By ADMEC Multimedia InstituteTypography Anatomy By ADMEC Multimedia Institute
Typography Anatomy By ADMEC Multimedia Institute
 
Typography Essentials: Part 1
Typography Essentials: Part 1Typography Essentials: Part 1
Typography Essentials: Part 1
 
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
 
Graphic Design 101
Graphic Design 101Graphic Design 101
Graphic Design 101
 

Similar to TIPOGRAFI.pdf

Tipografi
TipografiTipografi
Tipografi
Wahyudi Prabowo
 
Fontografer
FontograferFontografer
Fontografer
Farichah Riha
 
Kd 3.1 ppt
Kd 3.1 pptKd 3.1 ppt
Kd 3.1 ppt
naurahanggraini
 
Sejarah Desain Grafis
Sejarah Desain Grafis Sejarah Desain Grafis
Sejarah Desain Grafis
Nur Alfiyatur Rochmah
 
Historical Development of Letters
Historical Development of LettersHistorical Development of Letters
Historical Development of LettersKumala Ayu
 
Pengolahan citra digital
Pengolahan citra digitalPengolahan citra digital
Pengolahan citra digital
SulthanFalah1
 
TIPOGRAFI.pptx
TIPOGRAFI.pptxTIPOGRAFI.pptx
TIPOGRAFI.pptx
maulidarahmi18
 
Typografi.ppt
Typografi.pptTypografi.ppt
Typografi.ppt
andriegates
 
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
Permana Marvel
 
Tipografi.pptx
Tipografi.pptxTipografi.pptx
Tipografi.pptx
MadrikKirdam
 
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
ernisuardani2
 
Tipografi 2 mahasiswa
Tipografi 2 mahasiswaTipografi 2 mahasiswa
Tipografi 2 mahasiswa
Rijali Cahyo Wicaksono
 
Typography Untuk Disain Grafis
Typography Untuk Disain GrafisTypography Untuk Disain Grafis
Typography Untuk Disain Grafis
Yudi FlasheR
 
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
 
MODUL 1 - TIPOGRAFI DASAR.pptx
MODUL 1 - TIPOGRAFI DASAR.pptxMODUL 1 - TIPOGRAFI DASAR.pptx
MODUL 1 - TIPOGRAFI DASAR.pptx
Abdul Hakim Santoso
 
Desktop Publishing 2 - [Typografi - Chapter 1]
Desktop Publishing 2 - [Typografi - Chapter 1] Desktop Publishing 2 - [Typografi - Chapter 1]
Desktop Publishing 2 - [Typografi - Chapter 1]
beiharira
 
Apa itu Typografi dan Perkembangannya
Apa itu Typografi dan PerkembangannyaApa itu Typografi dan Perkembangannya
Apa itu Typografi dan Perkembangannya
Raissa Sugiarto
 
Basic Typography by Suryo
Basic Typography by SuryoBasic Typography by Suryo
Basic Typography by SuryoAgate Studio
 

Similar to TIPOGRAFI.pdf (20)

Tipografi
TipografiTipografi
Tipografi
 
Fontografer
FontograferFontografer
Fontografer
 
Kd 3.1 ppt
Kd 3.1 pptKd 3.1 ppt
Kd 3.1 ppt
 
Sejarah Desain Grafis
Sejarah Desain Grafis Sejarah Desain Grafis
Sejarah Desain Grafis
 
Historical Development of Letters
Historical Development of LettersHistorical Development of Letters
Historical Development of Letters
 
Pengolahan citra digital
Pengolahan citra digitalPengolahan citra digital
Pengolahan citra digital
 
TIPOGRAFI.pptx
TIPOGRAFI.pptxTIPOGRAFI.pptx
TIPOGRAFI.pptx
 
Typografi.ppt
Typografi.pptTypografi.ppt
Typografi.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
 
Tipografi.pptx
Tipografi.pptxTipografi.pptx
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 .ppt
 
Tipografi 2 mahasiswa
Tipografi 2 mahasiswaTipografi 2 mahasiswa
Tipografi 2 mahasiswa
 
Tipografi 2 mahasiswa
Tipografi 2 mahasiswaTipografi 2 mahasiswa
Tipografi 2 mahasiswa
 
PRINSIP DASAR TIPOGRAFI PADA DESAIN
PRINSIP DASAR TIPOGRAFI PADA DESAINPRINSIP DASAR TIPOGRAFI PADA DESAIN
PRINSIP DASAR TIPOGRAFI PADA DESAIN
 
Typography Untuk Disain Grafis
Typography Untuk Disain GrafisTypography Untuk Disain Grafis
Typography Untuk Disain Grafis
 
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...
 
MODUL 1 - TIPOGRAFI DASAR.pptx
MODUL 1 - TIPOGRAFI DASAR.pptxMODUL 1 - TIPOGRAFI DASAR.pptx
MODUL 1 - TIPOGRAFI DASAR.pptx
 
Desktop Publishing 2 - [Typografi - Chapter 1]
Desktop Publishing 2 - [Typografi - Chapter 1] Desktop Publishing 2 - [Typografi - Chapter 1]
Desktop Publishing 2 - [Typografi - Chapter 1]
 
Apa itu Typografi dan Perkembangannya
Apa itu Typografi dan PerkembangannyaApa itu Typografi dan Perkembangannya
Apa itu Typografi dan Perkembangannya
 
Basic Typography by Suryo
Basic Typography by SuryoBasic Typography by Suryo
Basic Typography by Suryo
 

TIPOGRAFI.pdf

  • 1. HURUF DAN TIPOGRAFI I Sejarah dan perkembangan tipografi
  • 2. Evolusi bahasa tulis Picture writing, Pada sekitar tahun 35000-40000 SM bangsa Afrika dan Eropa menggunakan bahasa gambar untuk berkomunikasi dengan cara membuat lukisan di dinding gua. Catatan: hal ini tidak hanya menjadi awal munculnya huruf namun jg menjadi awal munculnya seni visual dan bahasa verbal yang kita gunakan untuk berkomunikasi
  • 3. Evolusi bahasa tulis Pictograph, adalah elemen grafik yang menggambarkan kejadian melalui bahasa gambar dalam bentuk simbol-simbol. Beberapa peradapan lama seperti peradaban Mesir dan Inka menggunakan pictograph sebagai sistem penulisan. Sistem penulisan ini disebut Hieroglyphs.
  • 4. Evolusi bahasa tulis Ideograph, adalah elemen grafik yang menggambarkan kejadian dan gagasan yang lebih kompleks melalui bahasa gambar dalam bentuk simbol-simbol. Beberapa negara sampai saat ini masih menggunakan ideogram sebagai bahasa tulisnya seperti China, Jepang, Korea dan Thailand. Karakter China yang berarti Spring, Summer, Autumn, dan Winter Karakter China yang berarti Sake, Beautiful dan Sushi
  • 5. Evolusi bahasa tulis Phonograph / Phoenician characters, adalah elemen grafik melalui bahasa gambar yang dapat dibunyikan. Diwakilkan dengan 22 karakter yang merepresentasikan bunyi bukan objek, karakter ini berkembang sekitar 1600SM di wilayah timur mediterania yaitu Lebanon. Karakter Phoenician inilah yang menjadi dasar modern latin alfabet.
  • 6. Evolusi bahasa tulis Alphabet Yunani, Yunani mengadopsi Phoenician karakter dan menambahkan beberapa karakter menjadi karakter huruf mereka sendiri dan memberikan nama alpabet. Alpabet Yunani memiliki 24 karakter. Alfabet Yunani sampai saat ini masih sering juga digunakan dalam kehidupan sehari-hari terutama dalam bidang matematik. Alpeh Beth Alpha Beta AlphaBeta Alphabet
  • 7. Evolusi bahasa tulis Alphabet Romawi, Alphabet yang dimiliki oleh bangsa Romawi merupakan penyempurnaan dari alphabet Yunani. Alpabet Romawi memiliki 26 karakter, sering disebut sebagai modern font dan dari sinilah terbentuk sistem pengukuran dan anatomi huruf
  • 8. Tokoh-tokoh tipografi  Charlemagne, sekitar tahun 732 Charlemagne memesan sebuah sistem penulisan yang disebut Caroline Miniscule yang untuk pertama kali mengenalkan lowercase yaitu fersi kecil dari uppercase.  Guttenberg, tahun 1400 Guttenberg menemukan sistem printing yang dapat dihasilkan secara masal.
  • 9. Tokoh-tokoh tipografi  Aldus Manutius, tahun 1500, seorang printer yang pertama kali menemukan konsep portable books. Dia juga mengembangkan italic typeface yang pertama kali, salah satu variasi typeface.
  • 11. Perkembangan alat dan media Prasejarah, pada saat ini pictograph biasa di tulis di dinding gua atau pada batu-batu. Penemuan kertas, Bangsa Mesir membuat kertas dari tanaman papyrus. Bangsa Cina pada tahun 105 memiliki seorang ahli pembuat kertas.
  • 12. Perkembangan alat dan media Penulisan buku secara manual, pada saat teknologi cetak belum ditemukan buku ditulis secara manual oleh para penyalin (scribes). Pada masa ini pula muncul huruf Blackletter Script yaitu huruf dengan bentuk tipis tebal dan ramping sehingga membantu mempercepat penulisan.
  • 13. Perkembangan alat dan media Penemuan mesin cetak, tahun 1450 Johann Gendfleisch zum Gutenberg dari Jerman menemukan mesin cetak dengan sistem movable type. Teknik dalam sistem movable type adalah mengukir huruf di atas permukaan metal (engraving) satu persatu termasuk huruf, angka, tanda baca dan spasi/jarak.
  • 14. Perkembangan alat dan media Setelah sekitar 400 tahun digunakan, tahun 1886 muncul mesin Linotype sebagai penyempurnaan movable type oleh ottmarr Megenthaler dari Jerman.  Teknik dalam mesin Linotype adalah memasang huruf-huruf dalam satu baris (line casting).  Nama Linotype berasal dari kata “Line of Type”
  • 15. Perkembangan alat dan media Teknologi typecasting, teknologi ini menggunakan teknologi phototypesetting (proses film) sebelum naskah dipindahkan kedalam lempeng cetakan.  Teknologi ini ditemukan oleh Herman Frued tahun 1946 di Jerman.  Teknologi ini disebut teknologi cetak datar atau offset.
  • 16. Perkembangan alat dan media Teknologi digital, teknologi ini menggunakan teknologi yang sebenarnya adalah bahasa komputer yang berhasil menterjemahkan kode-kode dengan menampilkan bentuk huruf yang sempurna, baik itu dilayar monitor ataupun di media
  • 17. HURUF DAN TIPOGRAFI I Analisa bentuk dan sistem pengukuran
  • 18. Font and typeface Apa itu Font? Apa itu typeface? Koleksi dari huruf, angka, symbol dan karakter yang digunakan untuk membentuk kata. Pandangan artistik atau desain dari alphabet, termasuk huruf, angka, symbol dan karakter. Biasanya typeface berada dalam satu kelompok. Font > yang kamu gunakan sedangkan Typeface > yang kamu lihat
  • 19. Anatomi huruf batas teratas dari huruf kecil. ukuran tinggi dari badan huruf kecil, merupakan jarak antara Meanline dan baseline. Bagian atas dari huruf kecil yang posisinya berada diatas meanline. Bagian bawah dari huruf kecil yang posisinya berada dibawah baseline batas teratas dari huruf besar. batas terbawah dari huruf besar. Baseline : Capline : Meanline : X-height : Ascender : Descender :
  • 20. Anatomi huruf a Ground Figure Menurut teori Getsal mengenai persepsi manusia, diperlukan adanya kontras antara ruang positif dan negatif. Ruang positif disebut figure sedangkan ruang negatif disebut ground.
  • 21. Anatomi huruf r Stem Terminal Garis akhir yang berada di bagian ujung huruf disebut terminal. Batang dari sebuah huruf disebut stem.
  • 22. Anatomi huruf A A Stem Serif Sans Serif Stem Garis pembuka dari sebuah huruf disebut serif. Sehingga huruf yang memiliki garis pembuka disebut sebagai huruf serif Sedangkan huruf yang tidak memiliki garis pembuka disebut sebagai huruf san serif
  • 23. Anatomi huruf Huruf pada dasarnya dibentuk dari goresan-goresan Stroke. Goresan pertama disebut Basic stroke, goresan selanjutnya disebut Secondary stroke. + = Basic stroke Secondary stroke(s)
  • 27. Sistem pengukuran Point, Pica, em, Unit  Point, digunakan untuk mengukur tinggi huruf.  Pica, digunakan untuk mengukur panjang baris.  Em, digunakan untuk jarak antar kata  Unit, digunakan untuk mengukur lebar satu huruf serta jarak antar huruf Point Point em Unit Pica
  • 28. Sistem pengukuran Inch, pica dan point *ukuran yang ada pada gambar bukan merupakan ukuran sebenarnya Inch Pica Point 1Inch = 2,539cm 1Inch dibagi menjadi 6pica 1pica dibagi menjadi 12point
  • 29. HURUF DAN TIPOGRAFI I Klasifikasi huruf dalam tipografi
  • 30. Keluarga huruf Keluarga huruf dibagi menjadi 3 “Keluarga berat” “Keluarga proporsi” “Keluarga kemiringan”
  • 31. Keluarga huruf Keluarga berat Keluarga ini memiliki struktur dasar huruf yang terletak pada perbandingan tinggi huruf dengan lebar stoke. Pada umumnya dapat dibagi menjadi 3 bagian: light, reguler dan bold. 100% 100% 100% 10% 15% 25% light Regular Bold
  • 32. Keluarga huruf Keluarga proporsi Keluarga ini memiliki struktur dasar huruf yang terletak pada perbandingan tinggi huruf dengan lebar huruf. Pada umumnya dapat dibagi menjadi 3 bagian: condensed, regular dan extended. condensed Regular extended 100% 100% 100% 60% 80% 100%
  • 33. Keluarga huruf Keluarga kemiringan Keluarga ini memiliki struktur dasar huruf yang terletak pada derajat kemiringan huruf . Pada umumnya derajat kemiringan sebesar 12 . Pada umumnya disebut italic. T ext 12 12 12 12
  • 34. Klasifikasi huruf Dalam tipografi, huruf diklasifikasikan melalui momentum- momentum penting dalam latar belakang sejarah pembuatannya. Klasifikasi huruf dibagi menjadi 3: Klasifikasi huruf sederhana Klasifikasi huruf berdasarkan tahun Klasifikasi huruf berdasarkan tipe
  • 35. Klasifikasi huruf  Klasifikasi huruf Sederhana, disusun oleh McCormack. Dengan 5 dasar kategori. Block Huruf-huruf yang biasa digunakan pada Middle ages, disebut juga blackletter.
  • 36. Klasifikasi huruf  Klasifikasi huruf Sederhana, disusun oleh McCormack. Dengan 5 dasar kategori. Roman Huruf-huruf roman memiliki bentuk yang proposional antara jarak dan serif.
  • 37. Klasifikasi huruf  Klasifikasi huruf Sederhana, disusun oleh McCormack. Dengan 5 dasar kategori. Gothic Hurufnya tidak memiliki serif, clean dan simple
  • 38. Klasifikasi huruf  Klasifikasi huruf Sederhana, disusun oleh McCormack. Dengan 5 dasar kategori. Script bentuk hurufnya didesain menyerupai tulisan tangan, beberapa huruf memiliki unsur kaligrafi.
  • 39. Klasifikasi huruf  Klasifikasi huruf Sederhana, disusun oleh McCormack. Dengan 5 dasar kategori. Graphic Huruf yang dibuat untuk tujuan dan dibuat dengan eksperimen tertentu.
  • 40. Klasifikasi huruf  Klasifikasi huruf berdasarkan tahun, disusun oleh Alexander Lawson 1400s Blackletter, huruf ini juga biasa disebut Block, Gothic, Old English dan Broken. Font: Goudy Text MT 1475 Old Style, style huruf ini mengarah ke huruf Roman, muncul pada kejayaan kerajaan Romawi setelah mengalahkan kerajaan Yunani sekitar abad ke-15. Font: Dante MT, Garamond, bembo
  • 41. Klasifikasi huruf 1500s Italic, huruf ini mengacu pada tulisan tanya orang-orang Italia, pada awalnya huruf ini berdiri sendiri namun saat ini menjadi bagian dari keluarga huruf. Font: Dante MT 1550 Script, bentuk hurufnya didesain menyerupai tulisan tangan, beberapa huruf memiliki unsur kaligrafi. Font: Kuenstler Script Medium
  • 42. Klasifikasi huruf 1750 Transitional, bentuknya berada diantara Old Style dan Modern. Sering disebut sebagai huruf Old Style yang mengalami penyimpangan namun belum menyerupai huruf Modern. Penambahan kontras stroke menjadi salah satu karakternya selain konsentrasi tekanan vertikal pada huruf yang memiliki lengkungan. Font: Baskerville
  • 43. Klasifikasi huruf 1775 Modern, muncul pada abad ke-18 dengan ciri ukuran stroke yang kontras serta serif yang tidak menyangga. Font: Bodoni BE Regular 1825 Slab serif, memiliki serif yang berbentuk kotak dan hurufnya sendiri tebal. Font: Clarendon MT
  • 44. Klasifikasi huruf 1900s San serif, huruf tanpa serif. William Caslon adalah orang yang pertama kali memperkenalkan huruf ini pada tahun 1816 Font: News Gothic MT. 1900s Serif / San serif, adalah style huruf dimana tampilan hurufnya memiliki serif dan san serif. Font : Rotis
  • 45. Klasifikasi huruf  Klasifikasi huruf berdasarkan Type, sering disebut sebagai Vox sistem sesuai dengan nama penyusunnya Maximilien Vox, 1954. Humanist Huruf yang terinspirasi dari huruf klasik dan Roman. Garalde Huruf yang termasuk adalah huruf-huruf Old Style.
  • 46. Klasifikasi huruf Transitional Penjelasan sama dengan klasifikasi huruf berdasarkan tahun. Didone Didone adalah istilah lain dari “Modern”. Penjelasan huruf ini sama dengan klasfikasi huruf berdasarkan tahun. Slab Serif Penjelasan huruf ini sama dengan klasfikasi huruf berdasarkan tahun. Lineale Lineale adalah istilah lain dari “San Serif”. Penjelasan huruf ini sama dengan klasfikasi huruf berdasarkan tahun.
  • 47. Klasifikasi huruf Glyphic huruf type ini lebih mengarah pada huruf serif/san serif. Script Penjelasan huruf ini sama dengan klasfikasi huruf berdasarkan tahun. Graphic Huruf yang dibuat untuk tujuan dan dibuat dengan eksperimen tertentu.