.

Pengembangan Media

TYPOGRAPHY
Aurellia Velda Alfinyo 2006595210
Ganisya Septry 2006523855
Masako Christina 2006536782
Nazlia Anjani 2006595034
Yasmin Syifa 2006533206
 Table of contents

01 Definisi 02 Fungsi

03 Tipe 04 Kombinasi
 01
Definisi
You can enter a subtitle here if you need it
● Typografi berasal dari bahasa Yunani.
● TYPOS berarti bentuk, dan GRAPHEIN berarti menulis

Typography adalah kombinasi

antara seni dan teknik menata huruf
untuk mengatur penulisan sehingga
tujuan dan makna tulisan dapat
disampaikan secara visual kepada
pembaca
Typography

Secara Umum
Merupakan Suatu ilmu/seni dalam memilih
atau menata huruf dengan pengaturan
penyebarannya pada ruang-ruang yang
tersedia, untuk menciptakan kesan khusus,
sehingga akan menolong pembaca untuk
mendapatkan kenyamanan membaca
semaksimal mungkin
Typography
Typography bukan hanya
sebatas memilih jenis huruf,
Namun lebih mengarah pada
cara pengorganisasian huruf.

Pengorganisasian huruf pada typography :

Pemilihan jenis huruf, Pengaturan jarak antarhuruf,

antarkata, dan juga memastikan anatomi huruf yang
sesuai dengan tema pesan.
02 Fungsi
You can enter a subtitle here if you need it
Tulisan mudah
dibaca
Menarik perhatian
Memperkuat tema visual
Memperkuat karakter
 03
Tipe
You can enter a subtitle here if you need it
 ● Klasik
● Lebih tradisional
● Umum pada
publikasi berbentuk
cetak, seperti
majalah dan koran
memiliki ekstra goresan
● Tidak memiliki ekstra
goresan
● Sans = Without
● Serif = Goresan
● Lebih modern dan rapi
● Lebih mudah dibaca
pada layar
Decorative
● Untuk headline yang
menarik perhatian
● Jarang digunakan untuk
badan teks
● Dibatasi hanya satu font
dalam satu design
Script
● Meniru tulisan tangan asli
● Tidak boleh ditulis dalam
huruf kapital semua
● 2 jenis script: tradisional
dan modern
Handwriting

● Didesain agar terlihat

seperti tulisan tangan asli

boleh ditulis dalam huruf kapital semua

Dingbats
● Digunakan untuk
meningkatkan desain teks
atau halaman
● 2 jenis dingbats paling
umum: zapf dingbats dan
wingdings

Zapf Dingbats Wingdings

 04
Kombinasi
Fonts
 Kombinasi Fonts

EFEKTIF BURUK
● Ciri khas desain yang bagus ● Konten lebih sulit dibaca
● Menambah daya tarik visual ● Kurang menyenangkan
 Sans Decor
Serif Script
Serif ative

Sederhana & Mudah

 Sans Decor
Serif Script
Serif ative

Sans Decor
Serif Script
Serif ative

lebih Rumit, tetapi masih Memungkinkan

 Karakteristik Font
yang perlu dipertimbangkan dalam mengombinasi fonts

Weight Style
Height &
X-Height
Mood Structure
Weight
❏ Mengacu pada ketebalan font
❏ Contoh: thin, regular, semibold, bold,
black
❏ Tips: kombinasikan font dengan
bobot yang berbeda, tetapi
perbedaannya tidak ekstrem
Style
❏ Mengacu pada font yang normal,
italic, atau KAPITAL
Height
❏ Mengacu pada ketinggian karakter/huruf
❏ Kontras antar tipe font dapat dimunculkan
dengan menggabungkan font dengan
ketinggian yang berbeda.
X-Height
❏ Mengacu pada ketinggian huruf kecil x
❏ Tipe font dengan ketinggian x yang sama
akan memiliki kontra lebih bagus & selaras
ketimbang dengan ketinggian x yang
bervariasi.
Mood
❏ Bersifat subyektif

❏ Mengacu pada seberapa formal atau informal

sebuah jenis huruf, serta apakah itu menyenangkan,
feminin, maskulin, santai, serius, dll

❏ Tips: kombinasikan tipografi dengan mood yang

serupa

❏ Hasil penggabungan fonts dengan mood yang

berbeda jauh:

- Sangat menarik perhatian & aneh

- Terlihat bagus
Structure
❏ Meliputi semua karakteristik font,
ditambah hal-hal seperti bentuk
dasar karakter dan spasinya.
Apa itu
KONTRAS ?
Kontras saat menggabungkan font mengacu pada
perbedaan font, termasuk klasifikasi, weight, style, dan
structure.
Tips bagi pemula:

● Sebaiknya fokus pada kontras hanya pada satu atau

dua hal, sambil memastikan bahwa setidaknya font
memiliki beberapa elemen struktural yang sama.
● Gabungkan klasifikasi font yang berbeda dan pastikan
mood kedua font cocok.
Decoration Hal-hal di luar karakteristik tipografi, tetapi
Color dapat digunakan saat mengombinasikan
fonts atau menciptakan lebih banyak kontras
Texture
 Contoh
Kombinasi
Tipografi
Serif Adobe Caslon Pro

● Serif Sans Serif Interstate

● Bold
● Lowercase ● Sans Serif

● Classic ● Semibold
● All caps
● Classic
 Sans Serif
Franklin Gothic
Serif Savoy

● Sans Serif
● Serif
● Fancy
● Elegant &
● Black modern
● All caps ● Semibold
● All caps
 Sans Serif Raisonné

Serif Casual Morion

● Sans Serif

● Dekoratif
● Serif
● Bold
● Lebih dekoratif
● Lowercase
● Font size lebih kecil

● Regular

● Lowercase
 Sans Serif Avenir Next

Domaine Sans Display

Serif Domaine Display

Font size Serif Domaine Text

paling besar

Less is more …
sebaiknya hanya gunakan 2-3 jenis font
 Referensi
Chapman, C., n.d. Mini Tutorial: A Guide to Font Combinations. [online] Available at:
<https://www.toptal.com/designers/typography/font-combinations>
Northern Highlands Regional High School, n.d. A Basic Introduction to Typography.
[online] Available at:
<https://www.northernhighlands.org/cms/lib5/NJ01000179/Centricity/Domain/
40/digitalartsdocs/intro-to-typography.pdf> [Accessed 9 March 2023].
Terima
Kasih