TYPOGRAPHY

Farizqi Panduardi, S.ST., M.T.

AGENDA
Font weight​
Visual Hierarchy
​
UMUMNYA TERDAPAT 4
JENIS KETEBALAN
PADA TEKS YANG
BIASA DIGUNAKAN
YAITU REGULAR,
MEDIUM, BOLD, BLACK
Presentation title 4

INTRODUCTION
At Contoso, we empower organizations to foster collaborative thinking to further
drive workplace innovation. By closing the loop and leveraging agile frameworks, we
help business grow organically and foster a consumer-first mindset.
 Presentation title 5

1. NAMA PENGGUNA - BOLD

Pengguna Twitter biasanya menulis nama asli.

Elemen ini penting untuk terlihat secara
sekilas dengan cara menggunakan teks bold,
berukuran besar dan berwarna hitam
Presentation title 6

2. USERNAME - REGULER
Username twitter adalah nama alias, dari sisi prioritas lebih
penting nama pengguna (nomor 1), sehingga elemen ini dibuat
tidak terlalu terlihat dengan cara menggunakan teks regular
berukuran kecil dan berwarna abu abu
Presentation title 7

3. ISI TWEET - REGULER

Elemen paling penting dan ditonjolkan dengan cara

menggunakan font yang lebih besar diantara elemen
yang lain. Kenapa menggunakan font regular? Jika
menggunakan font bold akan terlalu tebal dan kurang
nyaman dibaca karena jumlah kata nya ada banyak
Presentation title 8

4. WAKTU - REGULER

Informasi yang bersifat nice to have atau sekunder

dibuat tidak terlalu terlihat
Presentation title 9

5. TWEET ACTIVITY - REGULER

Informasi yang bersifat nice to have atau sekunder

dibuat tidak terlalu terlihat
Presentation title 10

6. JUMLAH RETWEETS DAN LIKES -

BOLD
Penting untuk user melihat jumlah Retweets dan
Likes secara cepat sehingga pada bagian angka
dibuat bold dan besar
Presentation title 11

7. KETERANGAN - REGULER

Informasi keterangan, dibuat tidak terlalu mencolok

agar angka di depan nya lebih terbaca
Presentation title 12
 13

PENGGUNAAN KETEBALAN TEKS

YANG BERBEDA BEDA
DITUJUKAN UNTUK
MENONJOLKAN INFORMASI
YANG LEBIH PENTING
 14

TIDAK SEMUA INFORMASI PENTING

HARUS MENGGUNAKAN TEKS BOLD.
SEMUANYA TERGANTUNG DENGAN
ELEMEN DI SEKITARNYA.
 VISUAL HIERARCHY
DAN DAMPAKNYA PADA
SEBUAH DESIGN
Presentation title 16
 17

MENAMBAHKAN
SPACING
 18

MENGUBAH
JUDUL DARI
REGULER
MENJADI
BOLD
 19

MENGUBAH
UKURAN
BEBERAPA
TEKS DAN
MENGGUNAKAN
BOLD
 20

BEBERAPA
PERUBAHAN
TEKS LAGI
Presentation title 21

VISUAL HIERARCHY ADALAH

Arti Hierarchy sendiri adalah tingkatan. Jadi

visual hierarchy adalah kombinasi tingkatan
visual untuk memudahkan membaca
informasi
Presentation title 22

VISUAL HIERARCHY

TINGKATAN WARNA (COLOR) TINGKATAN UKURAN (SIZE) TINGKATAN KETEBALAN (WEIGHT)

• Ada yang warna nya pekat • Ada yang ukuran nya • Ada yang Bold, Medium,
(misal hitam pekat), ada besar, sedang dan kecil Reguler bahkan Light
yang warna nya sedang, (paling tipis)
dan ada yang warna nya
subtle (misal abu abu)
 23
PERHATIKAN PERBEDAANNYA
Presentation title 24

CONTOH LAIN
 25
BAGAIMANA MEMBUAT
VISUAL HIEARARCHY YANG
BAIK?
•Buat daftar semua informasi dan elemen yang ada di suatu halaman
•Buat urutan prioritas informasi dan elemen mulai dari yang paling penting
hingga yang tidak penting.
•Informasi dan elemen paling penting dibuat mencolok, bisa dengan
menggunakan warna yang terang ataupun ukuran yang besar
•Informasi dan elemen yang tidak terlalu penting dibuat tidak mencolok.
TERIMA KASIH
Farizqi Panduardi, S.ST., M.T.
akufarisqi@poliwangi.ac.id