ti - d3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_deddy_award... ·...
TRANSCRIPT
![Page 1: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/1.jpg)
TIPOGRAFIDEDDY AWARD W. LAKSANA, M.Pd
TI - D3
![Page 2: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/2.jpg)
Pengenalan Tipografi
Tipografi adalah salah satu disiplin ilmu seniyang berisi pengetahuan mengenai huruf.
Apa itu tipografi ?
![Page 3: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/3.jpg)
Pengenalan Tipografi
Secara EtimologiTipografi / typography berasal dari bahasa Yunani, Typosberarti bentuk, Graphein berarti Menulis.
Apa itu tipografi ?
![Page 4: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/4.jpg)
Pengenalan Tipografi
“Typography can defined an art of selected right type printing inaccordance with specific purpose of so arranging the letterdistributing the space and controlling the type as to aid maximum thereader.”
Tipografi dapat didefenisikan sebagai seni memilih huruf, dengantujuan spesifik dalam menyusun dan mengatur huruf untuk membantupembaca secara maksimum.
Menurut HERMAN ZAPFTDalam bukunya “Manuale Typographicum”
![Page 5: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/5.jpg)
Pengenalan Tipografi
“Tipografi adalah seni dalam huruf yang meliputi pemilihanhuruf, penentuan ukuran yang tepat, dimana teks dapatdiputus, spasi jarak, dan bagaimana teks dapat denganmudah dibaca.”
Menurut Adi KusriantoDalam bukunya “typografi komputer untuk desainer grafis”
![Page 6: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/6.jpg)
Pengenalan Tipografi
Jadi,
Apa unsur yang paling penting
Dalam tipografi ?
![Page 7: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/7.jpg)
Pengenalan Tipografi
HurufHuruf adalah unsur yang paling kecil dari sebuah kata. Dari huruf inilah akan terbentuk sebuah kata dan kalimat.
Huruf tidak hanya memiliki nilai fungsi namun jugamemiliki nilai estetik.
![Page 8: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/8.jpg)
Evolusi bahasa tulis
Picture writing,
Pada sekitar tahun 35000-40000 SM bangsa Afrikadan Eropa menggunakan bahasa gambar untukberkomunikasi dengan cara membuat lukisan di dinding gua.
Catatan: hal ini tidak hanya menjadi awal munculnya huruf namun jg menjadi awalmunculnya seni visual dan bahasa verbal yang kita gunakan untuk berkomunikasi
![Page 9: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/9.jpg)
Evolusi bahasa tulis
Pictograph, adalahelemen grafik yang menggambarkan kejadianmelalui bahasa gambardalam bentuk simbol-simbol.
Beberapa peradapan lama seperti peradabanMesir dan Inka menggunakan pictographsebagai sistem penulisan. Sistem penulisan inidisebut Hieroglyphs.
![Page 10: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/10.jpg)
Evolusi bahasa tulis
Ideograph, adalah elemengrafik yang menggambarkankejadian dan gagasan yang lebih kompleks melaluibahasa gambar dalambentuk simbol-simbol.
Beberapa negara sampai saat ini masihmenggunakan ideogram sebagai bahasatulisnya seperti China, Jepang, Korea danThailand.
Karakter China yang berarti Spring,Summer, Autumn, dan Winter
Karakter China yang berarti Sake,Beautiful dan Sushi
![Page 11: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/11.jpg)
Evolusi bahasa tulis
Phonograph / Phoenician characters, adalah elemen grafikmelalui bahasa gambar yang dapat dibunyikan.
Diwakilkan dengan 22 karakter yang merepresentasikan bunyi bukan objek, karakter ini berkembang sekitar1600SM di wilayah timur mediterania yaitu Lebanon.
Karakter Phoenician inilah yang menjadi dasar modern latin alfabet.
![Page 12: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/12.jpg)
Evolusi bahasa tulis
Alphabet Yunani, Yunanimengadopsi Phoenician karakterdan menambahkan beberapakarakter menjadi karakter hurufmereka sendiri dan memberikannama alpabet.
Alpabet Yunani memiliki 24 karakter. Alfabet Yunanisampai saat ini masih sering juga digunakan dalamkehidupan sehari-hari terutama dalam bidangmatematik.
Alpeh BethAlpha Beta
AlphaBetaAlphabet
![Page 13: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/13.jpg)
Evolusi bahasa tulis
Alphabet Romawi, Alphabet yang dimiliki olehbangsa Romawi merupakan penyempurnaan darialphabet Yunani.
Alpabet Romawi memiliki 26 karakter, sering disebut sebagai modern font dan darisinilah terbentuk sistem pengukuran dan anatomi huruf
![Page 14: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/14.jpg)
Tokoh-tokoh tipografi
Charlemagne, sekitar tahun 732 Charlemagne memesansebuah sistem penulisan yang disebut Caroline Miniscule yang untuk pertama kali mengenalkan lowercase yaitu fersi kecil dari uppercase.
Guttenberg, tahun 1400 Guttenberg menemukan sistemprinting yang dapat dihasilkan secara masal.
Aldus Manutius, tahun 1500, seorang printer yang pertama kali menemukan konsep portable books. Dia jugamengembangkan italic typeface yang pertama kali, salahsatu variasi typeface.
![Page 15: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/15.jpg)
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 daritanaman papyrus. Bangsa Cina pada tahun 105 memiliki seorang ahlipembuat kertas.
![Page 16: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/16.jpg)
Perkembangan alat dan media
Penulisan buku secara manual, pada saat teknologicetak belum ditemukan buku di tulis secara manual olehpara penyalin (scribes).Pada masa ini pula muncul huruf Blackletter Script yaitu huruf dengan bentuktipis tebal dan ramping sehingga membantu mempercepat penulisan.
![Page 17: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/17.jpg)
Perkembangan alat dan media
Penemuan mesin cetak, tahun 1450 Johann Gendfleisch zum Gutenberg dariJerman menemukan mesin cetak dengan sistemmovable type. Teknik dalam sistem movable type adalah mengukir huruf di atas permukaan metal (engraving) satu persatu termasuk huruf, angka, tanda baca dan spasi/jarak.
![Page 18: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/18.jpg)
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-hurufdalam satu baris (line casting).Nama Linotype berasal dari kata “Line of Type”
![Page 19: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/19.jpg)
Perkembangan alat dan media
Teknologi typecasting, teknologi ini menggunakanteknologi phototypesetting (proses film) sebelum naskahdipindakhan kedalam lempeng cetakan.
Teknologi ini ditemukan oleh Herman Frued tahun 1946 di Jerman. Teknologi ini disebut teknologi cetak datar atau offset.
![Page 20: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/20.jpg)
Perkembangan alat dan media
Teknologi digital, teknologi ini menggunakan teknologiyang sebenarnya adalah bahasa komputer yang berhasil menterjemahkan kode-kode denganmenampilkan bentuk huruf yang sempurna, baik itudilayar monitor ataupun di media
![Page 21: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/21.jpg)
Font and typeface
Apa itu Font?
Koleksi dari huruf, angka, symbol dan karakter yang digunakan untuk membentuk kata.
![Page 22: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/22.jpg)
Font and typeface
Apa itu typeface?Pandangan artistik atau desain dari alphabet, termasuk huruf,
angka, symbol dan karakter. Biasanya typeface berada dalamsatu kelompok.
Font > yang kamu gunakan sedangkanTypeface > yang kamu lihat
![Page 23: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/23.jpg)
Anatomi huruf
batas teratas dari huruf kecil.
ukuran tinggi dari badan huruf kecil, merupakan jarakantara Meanline dan baseline.
Bagian atas dari huruf kecil yang posisinya beradadiatas meanline.
Bagian bawah dari huruf kecil yang posisinyaberada dibawah baseline
batas teratas dari huruf besar.
Garis maya lurus horizontal yang menjadi batasterbawah dari huruf besar.
Baseline :
Capline :
Meanline :
X-height :
Ascender :
Descender :
![Page 24: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/24.jpg)
Anatomi huruf
-Setiap individu huruf,angka dan tanda bacadalam tipografi disebut Character
Setiap Character apakah huruf besar atauhuruf kecil memiliki batang dan pada bagian-bagian ujungnya dapat ditemukan garis akhirsebagai penutup
Garis akhir yang berada di bagian ujunghuruf disebut terminal.
Batang dari sebuah huruf disebut stem.
![Page 25: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/25.jpg)
Anatomi huruf
Stem
Terminal
Garis akhir yang berada di bagian ujunghuruf disebut terminal.
Batang dari sebuah huruf disebut stem.
![Page 26: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/26.jpg)
Anatomi huruf
Stroke
Serif Sans Serif
Stroke
Garis pembuka dari sebuah huruf disebut serif. Sehingga huruf yang memiliki garis pembuka disebut sebagai huruf serifSedangkan huruf yang tidak memiliki garis pembuka disebut sebagaihuruf san serif
![Page 27: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/27.jpg)
Anatomi huruf
Huruf pada dasarnya dibentuk dari goresan-goresan Stroke. Goresanpertama disebut Basic stroke, goresan selanjutnya disebut Secondarystroke.
+ =
Basic stroke Secondary stroke(s)
![Page 28: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/28.jpg)
Anatomi huruf
Apabila ditinjau dari sudut geometri, maka garis dasaryang mendominasi struktur huruf dalam alfabetdapat dibagi menjadi 4 kelompok besar, yaitu
-Kelompok garis tegak-datar (E F H I L)-Kelompok garis tegak-miring ( A K M N V Z X Y W )-Kelompok garis tegak-lengkung ( B D G J P R U )-Kelompok garis lengkung ( C O Q S )
![Page 29: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/29.jpg)
Anatomi huruf (lain-lain)
![Page 30: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/30.jpg)
Anatomi huruf (lain-lain)
![Page 31: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/31.jpg)
Anatomi huruf (lain-lain)
![Page 32: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/32.jpg)
Sistem pengukuran
Point, Pica, Unit
Point, digunakan untuk mengukur tinggi huruf.
Pica, digunakan untuk mengukur panjang baris.
Unit, digunakan untuk mengukur lebar per satu huruf,serta jarak antar huruf
Point
Point
Unit
Pica
![Page 33: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/33.jpg)
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
![Page 34: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/34.jpg)
Perhitungan tinggi fisik huruf memiliki azasoptikal-matematis
dalam pengertian bahwa dalam perhitungan angkabeberapa huruf dalam alfabet memiliki tinggi yang berbeda, namun secara optis keseluruhan huruftersebut terlihat sama tinggi
![Page 35: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/35.jpg)
Point Size
Point Size untuk Body Text jangan terlalu kecilkarena sulit dibaca ataupun terlalu besar karenamemakan ruang. Idealnya 9 sampai 12 point, walaupun bisa dibuat 8 sampai 15 point tergantung kebutuhan.
![Page 36: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/36.jpg)
ContohFont Ideal
![Page 37: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/37.jpg)
ContohFont Terlalu Besar
![Page 38: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/38.jpg)
Hindari jenis huruf yang hampir sama
HINDARI PEMAKAIAN JENIS HURUF YANG HAMPIR SAMA, KARENA MASYARAKAT UMUM BELUM TENTU DAPAT MENANGKAP PERBEDAANNYA
![Page 39: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/39.jpg)
. Hindari jenis huruf yang hampir sama
Contoh 1 :
Font “Motion Picture Personal Us” memilikiTypeface I dan J yang hampir sama. Harusdihindari dalam sebuah logo.
![Page 40: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/40.jpg)
. Hindari jenis huruf yang hampir sama
Contoh 2 :
Font type Futura huruf a mirip bentuknya denganhuruf o. Font type Myriad Pro lebih legible.
![Page 41: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/41.jpg)
1. Readability (Keterbacaan)
tingkatan seberapa mudah sebuahrangkaian huruf dapat dibaca. Rangkaianhuruf yang membentuk sebuah pesan-pesan verbal ketika dibaca dan diproyeksikan sangat dipengaruhi olehresolusi
![Page 42: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/42.jpg)
2. Legibility (Kejelasan)
Heinich, et.al. menyatakan bahwa desain visual atau screendesign yang baik paling tidak mencakup empat tujuan utama, yaitu
(1) Memastikan keterbacaan ,
(2) Mengurangi usaha yang dibutuhkan untukmenginterpretasikan pesan yang disampaikan,
(3) Meningkatkan keterlibatan aktif pengguna dengan pesan yang disampaikan,
(4) Memfokuskan perhatian pengguna pada bagian yang paling penting dari pesan yang disampaikan
![Page 43: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/43.jpg)
UPPERCASE &LOWERCASE
Uppercase adalah salah satu karakterabjad besar yang digunakan sebagai hurufpertama dalam menulis atau mencetak namayang tepat.
![Page 44: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/44.jpg)
UPPERCASE &LOWERCASE
Lowercase adalah karakter abjad kecilyang digunakan sebagai huruh penerus dalampenulisan.
![Page 45: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/45.jpg)
Contoh 1 :
Pada penulisan Uppercase, pembacaan akan lebih sulit.
UPPERCASE &LOWERCASE
![Page 46: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/46.jpg)
Contoh 2 :
Pembacaan lebih mudah menggunakan kombinasi tersebut.
UPPERCASE &LOWERCASE
![Page 47: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/47.jpg)
Kerning
Kerning adalah istilah untuk jarak antar hurufdalam sebuah kata, kalimat, atau paragraf. Jarakantar huruf ini berpengaruh banyak terhadapkemudahan membaca serta keindahan dari kataatau kalimat tersebut.
![Page 48: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/48.jpg)
Kerning
Bagi seorang desainer, menggunakanKerning default dari pengetikkan komputer tidakdianjurkan. Mengapa? Karena bentuk tiap hurufberbeda. Ada huruf-huruf yang memiliki white space / negative space besar seperti C, T, atau V; sehingga terkadang, meski jarak antar huruf-hurufdalam kata tersebut sama secara matematis, jaraksecara optis tidak sama karena ilusi optik yang ditimbulkan white space tersebut.
![Page 49: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/49.jpg)
Berikut adalah contoh-contoh Kerning yang buruk.
Megaflicks atau Megafucks? Jarak antara L dan I tidak diberikan pengaturan manual sehinggaterbaca seperti Megafucks.
![Page 50: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/50.jpg)
Berikut adalah contoh-contoh Kerning yang buruk.
Baris kedua memiliki Kerning default. Jarak antara W dan a menjadi terlihat sangat besar dan timpangdibandingkan huruf-huruf lainnya. Masalah tersebutdiperbaiki di baris pertama.
![Page 51: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/51.jpg)
10. Leading
Leading merupakan istilah untuk jarak antar baris teks. Secara umum, Leading default masih lebih okedibandingkan Kerning default, tapi masih tetap lebihbaik jika diatur manual, karena kita perlumempertimbangkan huruf-huruf yang “tinggi” atau“punya kaki” (istilahnya adalah ascender dandescender), misalnya b, l kecil, g, h, j, p, y.
![Page 52: TI - D3 - dinus.ac.iddinus.ac.id/repository/docs/ajar/file_2013-10-22_05:42:40_DEDDY_AWARD... · Pengenalan Tipografi “Typography can defined an art of selected right type printing](https://reader030.vdocuments.site/reader030/viewer/2022040623/5d464ef688c993d82d8bd2ad/html5/thumbnails/52.jpg)
10. Leading
Faktor lain yang menentukan berapa besar leading yang pas adalah besarnya teks dan panjangnya baris. Baris yang panjang memerlukan leading lebih besarsupaya pembaca mudah menemukan baris selanjutnya. Begitu pula dengan ukuran huruf yang besar.