SlideShare une entreprise Scribd logo
1  sur  15
Télécharger pour lire hors ligne
@agatestudio
Typography
Suryo
Wizard
Agate Studio
Basic 1
Pengertian
Tipografi atau tata huruf merupakan suatu ilmu dalam memilih
dan menata huruf dengan pengaturan penyebarannya pada
ruang-ruang yang tersedia, untuk menciptakan kesan tertentu,
sehingga dapat menolong pembaca untuk mendapatkan
kenyamanan membaca semaksimal mungkin.
Seni tipografi Dikenal pula sebagai karya atau desain yang
menggunakan pengaturan huruf sebagai elemen utama.
Dalam beberapa dasar tipografi, rupa huruf dapat di golon-
gankan dalam beberapa klasifikasi, yang berguna untuk
mempermudah mengidentifikasi rupa huruf tersebut. Ber-
dasarkan klasifikasi yang umum dan sering dipakai,
klasifikasi berdasarkan timeline sejarahnya dan fungsinya,
rupa huruf digolongkan menjadi 6:
1.
2.
3.
4.
5.
6.
Blackletter
Serif
Sans Serif
Monospace
Script
Decorative
Klasifikasi
Blackleeter
Blackletter dikenal juga sebagai "Text", "Old English", "Medieval"
atau "Gothic". Blackletter merupakan huruf pertama yang pernah
dicetak, dibuat oleh Johannes Gutenber pada abad ke-17. Black-
letter susah untuk dibaca dan memberikan kesan kaku. Oleh
karena itu Blackletter sekarang banyak digunakan untuk penu-
lisan judul utama dalam kondisi tertentu.
Serif
Serif didefinisikan sebagai aksen kaitan atau garis kecil pada
ujung baris vertikal atau horizontal pada huruf/ angka/ simbol.
Jenis huruf Serif lebih dapat dibaca karena garis serif tadi mem-
bantu pembaca untuk mengenali huruf, dan juga membimbing
arah baca mata ke teks selanjutnya. Serif di bagi menjadi 4:
Modern, Old Style, Trantional, Slab
Old Style Serif sebagian besar memiliki serif (aksen kaitan/ garis
kecil pada ujung huruf) yang tebal dan perbedaan rendah antara
garis yang tebal dan tipis (Low contrast). Old Style merupakan
versi paling pertama dari jenis huruf Serif.
Contoh Font yang termasuk dalam Old Style Serif:
Serif
Old Style
Transitional merupakan jenis huruf Serif yang memiliki serif (aksen
kaitan/ garis kecil pada ujung huruf) lebih tipis dibanding Old
Style. Perbedaan antara garis tebal dan tipis pada badan huruf
lebih terlihat. Jenis Serif ini muncul tepat sebelum Modern Serif,
makanya diberi jenis Transitional Serif (atau transisi antara Old
Style dan Modern)
Serif
Transitional
Temes New Roman
Seri
f
Modern
Modern Serif merupakan versi dari jenis
huruf Serif yang memiliki serif (aksen kaitan/
garis kecil pada ujung huruf) yang sangat
tipis. Ada perbedaan yang cukup kontras
antara garis tebal dan tipis di badan huruf -
memberikan kesan modern dan formal pada
tampilan huruf-huruf tersebut, oleh karena
itu Serif ini disebut sebagai Modern Serif.
Edi
ton
Reg
uler
Slab Serif dikenal juga sebagai Egyptian muncul pada abad
ke-19, terinspirasi dari arsitektur bangunan Mesir Kuno. Slab Serif
memiliki serif (aksen kaitan/ garis kecil pada ujung huruf) yang
rectangular atau bersudut persegi, dan badan huruf yang tebal
seperti balok.Karena bentuknya yang memberikan kesan tegas
dan konsisten, jenis huruf Slab Serif sering digunakan untuk
penulisan judul utama (headline).
Serif
Slab
Sans Serif
GOTHAM
Helvetica
Avantgarde rarti "tanpa", jadi Sans-Serif
Dalam bahasa Prancis, Sans be-
adalah jenis huruf yang tidak
ada serif-nya.
Jenis huruf Sans-Serif dimulai
dari evolusi huruf oleh William
Caslon IV yang menghilangkan
serif (aksen kaitan/ garis kecil
pada ujung huruf) dari badan
huruf, sehingga membawa gaya
baru dalam tulisan. Sans-Serif
kemudian digunakan secara luas
untuk penulisan umum dengan
kesan kasual.
Monospace
Monospace font dapat berbentuk Serif atau Sans-Serif. Mono-
space merupakan jenis huruf yang memiliki lebar yang sama
untuk tiap karakter.
Monospace font banyak digunakan untuk menulis kode atau pada
aplikasi text editor karena konsistensi lebar antara karakter, yang
memberikan kesan simetris. Dengan keteraturan lebar ini yang
membantu user untuk mencari kesalahan penulisan, dimana hal
ini penting jika sedang menulis kode program dan sejenisnya.
Script
Jenis huruf Script mulanya dibuat untuk menyamai tulisan
tangan. Jenis huruf Script dapat berbentuk tulisan tegak
sambung, kaligrafi, atau tulisan tangan non-formal.
Script banyak digunakan untuk penggayaan dokumen (digital
atau tradisional) agar terlihat kasual dan tidak terlalu formal.
Contohnya pada penulisan judul dalam undangan, atau novel.
Scri
Decorative
Decorative dan Display merupakan jenis huruf yang
didesain dalam ukuran besar untuk kebutuhan tertentu
contohnya pada desain logo atau papan iklan, atau de-
korasi dokumen dan sejenisnya (oleh karena itu dina-
makan Decorative & Display). Semua yang termasuk
dalam Decorative & Display memiliki kesan 'dekoratif'
dan 'indah' untuk menarik perhatian.
Tha
nks.

Contenu connexe

Similaire à Basic Typography by Suryo

Materi_Pengenalan Typografi X DKV 1 .ppt
Materi_Pengenalan Typografi X DKV 1 .pptMateri_Pengenalan Typografi X DKV 1 .ppt
Materi_Pengenalan Typografi X DKV 1 .ppternisuardani2
 
Tipografi - KK 10. Menggabungkan Teks dalam Sajian Multimedia
Tipografi - KK 10. Menggabungkan Teks dalam Sajian MultimediaTipografi - KK 10. Menggabungkan Teks dalam Sajian Multimedia
Tipografi - KK 10. Menggabungkan Teks dalam Sajian MultimediaPermana Marvel
 
Kursus desain grafis - teori tipografi jenis huruf
Kursus desain grafis - teori tipografi jenis hurufKursus desain grafis - teori tipografi jenis huruf
Kursus desain grafis - teori tipografi jenis hurufRenra Sedoya
 
Pengenalan TIPOGRAFI Desain Grafis Percetakan
Pengenalan TIPOGRAFI Desain Grafis PercetakanPengenalan TIPOGRAFI Desain Grafis Percetakan
Pengenalan TIPOGRAFI Desain Grafis Percetakanikhsyansyaputra
 
contoh thyphograpy.pptx
contoh thyphograpy.pptxcontoh thyphograpy.pptx
contoh thyphograpy.pptxYuliCahyono1
 
Typografi Huruf dan Kata Dasar dan Pemahaman.ppt
Typografi Huruf dan Kata Dasar dan Pemahaman.pptTypografi Huruf dan Kata Dasar dan Pemahaman.ppt
Typografi Huruf dan Kata Dasar dan Pemahaman.pptadi saskara
 
Typography Untuk Disain Grafis
Typography Untuk Disain GrafisTypography Untuk Disain Grafis
Typography Untuk Disain GrafisYudi FlasheR
 
TIPOGRAFI PER 3 DAN 4.pptx
TIPOGRAFI PER 3 DAN 4.pptxTIPOGRAFI PER 3 DAN 4.pptx
TIPOGRAFI PER 3 DAN 4.pptxSiskaUdilawati
 
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
 

Similaire à Basic Typography by Suryo (20)

tipografi.pptx
tipografi.pptxtipografi.pptx
tipografi.pptx
 
Tipografi.pptx
Tipografi.pptxTipografi.pptx
Tipografi.pptx
 
Typografi.ppt
Typografi.pptTypografi.ppt
Typografi.ppt
 
Materi_Pengenalan Typografi X DKV 1 .ppt
Materi_Pengenalan Typografi X DKV 1 .pptMateri_Pengenalan Typografi X DKV 1 .ppt
Materi_Pengenalan Typografi X DKV 1 .ppt
 
Tipografi - KK 10. Menggabungkan Teks dalam Sajian Multimedia
Tipografi - KK 10. Menggabungkan Teks dalam Sajian MultimediaTipografi - KK 10. Menggabungkan Teks dalam Sajian Multimedia
Tipografi - KK 10. Menggabungkan Teks dalam Sajian Multimedia
 
Kursus desain grafis - teori tipografi jenis huruf
Kursus desain grafis - teori tipografi jenis hurufKursus desain grafis - teori tipografi jenis huruf
Kursus desain grafis - teori tipografi jenis huruf
 
Pengenalan TIPOGRAFI Desain Grafis Percetakan
Pengenalan TIPOGRAFI Desain Grafis PercetakanPengenalan TIPOGRAFI Desain Grafis Percetakan
Pengenalan TIPOGRAFI Desain Grafis Percetakan
 
TIPOGRAFI.pptx
TIPOGRAFI.pptxTIPOGRAFI.pptx
TIPOGRAFI.pptx
 
Menerapkan tipografi
Menerapkan tipografiMenerapkan tipografi
Menerapkan tipografi
 
contoh thyphograpy.pptx
contoh thyphograpy.pptxcontoh thyphograpy.pptx
contoh thyphograpy.pptx
 
Typografi Huruf dan Kata Dasar dan Pemahaman.ppt
Typografi Huruf dan Kata Dasar dan Pemahaman.pptTypografi Huruf dan Kata Dasar dan Pemahaman.ppt
Typografi Huruf dan Kata Dasar dan Pemahaman.ppt
 
Tipografi
TipografiTipografi
Tipografi
 
TIPOGRAFI.pdf
TIPOGRAFI.pdfTIPOGRAFI.pdf
TIPOGRAFI.pdf
 
Typography Untuk Disain Grafis
Typography Untuk Disain GrafisTypography Untuk Disain Grafis
Typography Untuk Disain Grafis
 
TIPOGRAFI.pptx
TIPOGRAFI.pptxTIPOGRAFI.pptx
TIPOGRAFI.pptx
 
Membuat animasi 2 d dengan adobe flash bekerja dengan teks (pertemuan 1)
Membuat animasi 2 d dengan adobe flash bekerja dengan teks (pertemuan 1)Membuat animasi 2 d dengan adobe flash bekerja dengan teks (pertemuan 1)
Membuat animasi 2 d dengan adobe flash bekerja dengan teks (pertemuan 1)
 
TIPOGRAFI PER 3 DAN 4.pptx
TIPOGRAFI PER 3 DAN 4.pptxTIPOGRAFI PER 3 DAN 4.pptx
TIPOGRAFI PER 3 DAN 4.pptx
 
webdesign dasar : 05 tipografi
webdesign dasar : 05 tipografiwebdesign dasar : 05 tipografi
webdesign dasar : 05 tipografi
 
Desktop Publishing 3 - [Typografi - Chapter 2]
Desktop Publishing 3 - [Typografi - Chapter 2]Desktop Publishing 3 - [Typografi - Chapter 2]
Desktop Publishing 3 - [Typografi - Chapter 2]
 
JENIS HURUF
JENIS HURUFJENIS HURUF
JENIS HURUF
 

Plus de Agate Studio

Digital Coloring by Raksa
Digital Coloring by RaksaDigital Coloring by Raksa
Digital Coloring by RaksaAgate Studio
 
Computational Advertising by Icha
Computational Advertising by IchaComputational Advertising by Icha
Computational Advertising by IchaAgate Studio
 
Freemium conceptanalytics leemarvin
Freemium conceptanalytics leemarvinFreemium conceptanalytics leemarvin
Freemium conceptanalytics leemarvinAgate Studio
 
Game Programming Pattern by Restya
Game Programming Pattern by RestyaGame Programming Pattern by Restya
Game Programming Pattern by RestyaAgate Studio
 
Community Management by Yudhit
Community Management by YudhitCommunity Management by Yudhit
Community Management by YudhitAgate Studio
 
[Habli] tds agustus
[Habli] tds agustus[Habli] tds agustus
[Habli] tds agustusAgate Studio
 
Wp quality bar tedy
Wp quality bar   tedyWp quality bar   tedy
Wp quality bar tedyAgate Studio
 
Lee marvin pitching-hacks
Lee marvin pitching-hacksLee marvin pitching-hacks
Lee marvin pitching-hacksAgate Studio
 
Emotiv EPOC by Neneng
Emotiv EPOC by NenengEmotiv EPOC by Neneng
Emotiv EPOC by NenengAgate Studio
 
Aksi – Koneksi – Deviasi by Valent
Aksi – Koneksi – Deviasi by ValentAksi – Koneksi – Deviasi by Valent
Aksi – Koneksi – Deviasi by ValentAgate Studio
 
MMO Design Architecture by Andrew
MMO Design Architecture by AndrewMMO Design Architecture by Andrew
MMO Design Architecture by AndrewAgate Studio
 
How to Persuade People by Dave
How to Persuade People by DaveHow to Persuade People by Dave
How to Persuade People by DaveAgate Studio
 
Eddie supersmash goodminton
Eddie   supersmash goodmintonEddie   supersmash goodminton
Eddie supersmash goodmintonAgate Studio
 
Satriyo digital audio gears
Satriyo   digital audio gearsSatriyo   digital audio gears
Satriyo digital audio gearsAgate Studio
 
Yinan heroes of-the_strom
Yinan   heroes of-the_stromYinan   heroes of-the_strom
Yinan heroes of-the_stromAgate Studio
 
Advanced encryption standard (aes) epul
Advanced encryption standard (aes)   epulAdvanced encryption standard (aes)   epul
Advanced encryption standard (aes) epulAgate Studio
 
Real Time Framework by Tonny
Real Time Framework by TonnyReal Time Framework by Tonny
Real Time Framework by TonnyAgate Studio
 
Unity Camera & Simple Image Editing by Puthut
Unity Camera & Simple Image Editing by PuthutUnity Camera & Simple Image Editing by Puthut
Unity Camera & Simple Image Editing by PuthutAgate Studio
 
Hibernate by Jason
Hibernate by JasonHibernate by Jason
Hibernate by JasonAgate Studio
 

Plus de Agate Studio (20)

Digital Coloring by Raksa
Digital Coloring by RaksaDigital Coloring by Raksa
Digital Coloring by Raksa
 
Computational Advertising by Icha
Computational Advertising by IchaComputational Advertising by Icha
Computational Advertising by Icha
 
Freemium conceptanalytics leemarvin
Freemium conceptanalytics leemarvinFreemium conceptanalytics leemarvin
Freemium conceptanalytics leemarvin
 
Game Programming Pattern by Restya
Game Programming Pattern by RestyaGame Programming Pattern by Restya
Game Programming Pattern by Restya
 
Community Management by Yudhit
Community Management by YudhitCommunity Management by Yudhit
Community Management by Yudhit
 
[Habli] tds agustus
[Habli] tds agustus[Habli] tds agustus
[Habli] tds agustus
 
Wp quality bar tedy
Wp quality bar   tedyWp quality bar   tedy
Wp quality bar tedy
 
Toku DB by Aswin
Toku DB by AswinToku DB by Aswin
Toku DB by Aswin
 
Lee marvin pitching-hacks
Lee marvin pitching-hacksLee marvin pitching-hacks
Lee marvin pitching-hacks
 
Emotiv EPOC by Neneng
Emotiv EPOC by NenengEmotiv EPOC by Neneng
Emotiv EPOC by Neneng
 
Aksi – Koneksi – Deviasi by Valent
Aksi – Koneksi – Deviasi by ValentAksi – Koneksi – Deviasi by Valent
Aksi – Koneksi – Deviasi by Valent
 
MMO Design Architecture by Andrew
MMO Design Architecture by AndrewMMO Design Architecture by Andrew
MMO Design Architecture by Andrew
 
How to Persuade People by Dave
How to Persuade People by DaveHow to Persuade People by Dave
How to Persuade People by Dave
 
Eddie supersmash goodminton
Eddie   supersmash goodmintonEddie   supersmash goodminton
Eddie supersmash goodminton
 
Satriyo digital audio gears
Satriyo   digital audio gearsSatriyo   digital audio gears
Satriyo digital audio gears
 
Yinan heroes of-the_strom
Yinan   heroes of-the_stromYinan   heroes of-the_strom
Yinan heroes of-the_strom
 
Advanced encryption standard (aes) epul
Advanced encryption standard (aes)   epulAdvanced encryption standard (aes)   epul
Advanced encryption standard (aes) epul
 
Real Time Framework by Tonny
Real Time Framework by TonnyReal Time Framework by Tonny
Real Time Framework by Tonny
 
Unity Camera & Simple Image Editing by Puthut
Unity Camera & Simple Image Editing by PuthutUnity Camera & Simple Image Editing by Puthut
Unity Camera & Simple Image Editing by Puthut
 
Hibernate by Jason
Hibernate by JasonHibernate by Jason
Hibernate by Jason
 

Basic Typography by Suryo

  • 3. Pengertian Tipografi atau tata huruf merupakan suatu ilmu dalam memilih dan menata huruf dengan pengaturan penyebarannya pada ruang-ruang yang tersedia, untuk menciptakan kesan tertentu, sehingga dapat menolong pembaca untuk mendapatkan kenyamanan membaca semaksimal mungkin. Seni tipografi Dikenal pula sebagai karya atau desain yang menggunakan pengaturan huruf sebagai elemen utama.
  • 4. Dalam beberapa dasar tipografi, rupa huruf dapat di golon- gankan dalam beberapa klasifikasi, yang berguna untuk mempermudah mengidentifikasi rupa huruf tersebut. Ber- dasarkan klasifikasi yang umum dan sering dipakai, klasifikasi berdasarkan timeline sejarahnya dan fungsinya, rupa huruf digolongkan menjadi 6: 1. 2. 3. 4. 5. 6. Blackletter Serif Sans Serif Monospace Script Decorative Klasifikasi
  • 5. Blackleeter Blackletter dikenal juga sebagai "Text", "Old English", "Medieval" atau "Gothic". Blackletter merupakan huruf pertama yang pernah dicetak, dibuat oleh Johannes Gutenber pada abad ke-17. Black- letter susah untuk dibaca dan memberikan kesan kaku. Oleh karena itu Blackletter sekarang banyak digunakan untuk penu- lisan judul utama dalam kondisi tertentu.
  • 6. Serif Serif didefinisikan sebagai aksen kaitan atau garis kecil pada ujung baris vertikal atau horizontal pada huruf/ angka/ simbol. Jenis huruf Serif lebih dapat dibaca karena garis serif tadi mem- bantu pembaca untuk mengenali huruf, dan juga membimbing arah baca mata ke teks selanjutnya. Serif di bagi menjadi 4: Modern, Old Style, Trantional, Slab
  • 7. Old Style Serif sebagian besar memiliki serif (aksen kaitan/ garis kecil pada ujung huruf) yang tebal dan perbedaan rendah antara garis yang tebal dan tipis (Low contrast). Old Style merupakan versi paling pertama dari jenis huruf Serif. Contoh Font yang termasuk dalam Old Style Serif: Serif Old Style
  • 8. Transitional merupakan jenis huruf Serif yang memiliki serif (aksen kaitan/ garis kecil pada ujung huruf) lebih tipis dibanding Old Style. Perbedaan antara garis tebal dan tipis pada badan huruf lebih terlihat. Jenis Serif ini muncul tepat sebelum Modern Serif, makanya diberi jenis Transitional Serif (atau transisi antara Old Style dan Modern) Serif Transitional Temes New Roman
  • 9. Seri f Modern Modern Serif merupakan versi dari jenis huruf Serif yang memiliki serif (aksen kaitan/ garis kecil pada ujung huruf) yang sangat tipis. Ada perbedaan yang cukup kontras antara garis tebal dan tipis di badan huruf - memberikan kesan modern dan formal pada tampilan huruf-huruf tersebut, oleh karena itu Serif ini disebut sebagai Modern Serif. Edi ton Reg uler
  • 10. Slab Serif dikenal juga sebagai Egyptian muncul pada abad ke-19, terinspirasi dari arsitektur bangunan Mesir Kuno. Slab Serif memiliki serif (aksen kaitan/ garis kecil pada ujung huruf) yang rectangular atau bersudut persegi, dan badan huruf yang tebal seperti balok.Karena bentuknya yang memberikan kesan tegas dan konsisten, jenis huruf Slab Serif sering digunakan untuk penulisan judul utama (headline). Serif Slab
  • 11. Sans Serif GOTHAM Helvetica Avantgarde rarti "tanpa", jadi Sans-Serif Dalam bahasa Prancis, Sans be- adalah jenis huruf yang tidak ada serif-nya. Jenis huruf Sans-Serif dimulai dari evolusi huruf oleh William Caslon IV yang menghilangkan serif (aksen kaitan/ garis kecil pada ujung huruf) dari badan huruf, sehingga membawa gaya baru dalam tulisan. Sans-Serif kemudian digunakan secara luas untuk penulisan umum dengan kesan kasual.
  • 12. Monospace Monospace font dapat berbentuk Serif atau Sans-Serif. Mono- space merupakan jenis huruf yang memiliki lebar yang sama untuk tiap karakter. Monospace font banyak digunakan untuk menulis kode atau pada aplikasi text editor karena konsistensi lebar antara karakter, yang memberikan kesan simetris. Dengan keteraturan lebar ini yang membantu user untuk mencari kesalahan penulisan, dimana hal ini penting jika sedang menulis kode program dan sejenisnya.
  • 13. Script Jenis huruf Script mulanya dibuat untuk menyamai tulisan tangan. Jenis huruf Script dapat berbentuk tulisan tegak sambung, kaligrafi, atau tulisan tangan non-formal. Script banyak digunakan untuk penggayaan dokumen (digital atau tradisional) agar terlihat kasual dan tidak terlalu formal. Contohnya pada penulisan judul dalam undangan, atau novel. Scri
  • 14. Decorative Decorative dan Display merupakan jenis huruf yang didesain dalam ukuran besar untuk kebutuhan tertentu contohnya pada desain logo atau papan iklan, atau de- korasi dokumen dan sejenisnya (oleh karena itu dina- makan Decorative & Display). Semua yang termasuk dalam Decorative & Display memiliki kesan 'dekoratif' dan 'indah' untuk menarik perhatian.