Pemula · Kelas 9–12

Tipografi

Pemilihan dan pengaturan huruf membentuk karakter serta keterbacaan.

Laboratorium tipografi

Desain memberi ruang untuk gagasan bertemu. Setiap huruf dan setiap jarak membantu pesan ditemukan.

Bandingkan judul, informasi pendukung, dan detail. Tidak ada satu ukuran yang wajib; periksa urutan dan kenyamanan membaca.

Latihan tiga tingkat

Bandingkan judul, informasi pendukung, dan detail. Tidak ada satu ukuran yang wajib; periksa urutan dan kenyamanan membaca.

Dua keluarga font biasanya cukup untuk proyek siswa sederhana. Ini panduan awal, bukan batas universal.

Typeface memakai font sistem; font pengganti digunakan jika keluarga tidak tersedia.

Ruang untuk Ide

24 OKT 2026

Studio 02 · 10.00

Pameran desain siswa. Amati, bereksperimen, dan berbagi gagasan.

Lihat pameran

Typeface vs font
Typeface adalah rancangan keluarga huruf; font merupakan varian yang dipakai.
Serif · Sans serif · Display
Serif memiliki terminal tambahan; sans serif tidak. Display dirancang untuk penggunaan besar atau ekspresif, dan perlu diuji saat kecil.
Weight · Leading · Tracking · Kerning
Weight adalah ketebalan. Leading mengatur antarbaris, tracking seluruh rangkaian huruf, kerning pasangan tertentu.
Panjang baris · Hierarki
Lebar kolom menentukan panjang baris. Ukuran dan weight berbeda dapat membedakan tingkat pesan.
Readability vs legibility
Legibility menyangkut pengenalan karakter; readability kenyamanan membaca rangkaian teks. Keduanya dipengaruhi ukuran dan konteks.

Typeface adalah desain huruf; size dan weight menentukan ukuran serta ketebalan. Leading mengatur antarbaris, tracking jarak huruf umum, dan kerning pasangan huruf.

Mengapa penting?

Teks dapat menyampaikan nada sekaligus nyaman dibaca.

↳ Hal yang perlu diingat

Jarak yang cukup membantu mengikuti baris.

01 /

Bandingkan dua pendekatan

A Petunjuk kurang jelas
Tipografi — Jarak antarbaris: 10%Desain memberi ruanguntuk gagasan bertemu.Setiap baris mengajakmata terus membaca.

Baris yang terlalu rapat sulit dipisahkan.

B Petunjuk lebih jelas
Tipografi — Jarak antarbaris: 85%Desain memberi ruanguntuk gagasan bertemu.Setiap baris mengajakmata terus membaca.

Jarak yang cukup membantu mengikuti baris.

Contoh untuk konteks ini. Pilihan terbaik bergantung pada pesan dan audiens.

Kesalahan yang sering terjadi

Memilih font dekoratif untuk paragraf panjang tanpa pengujian.

Refleksi siswa

Pada jarak antarbaris mana paragraf nyaman dibaca?

Detektif desain ↗

03 / CANVA + FIGMA

Coba di karya sendiri

Buat judul bold dan paragraf regular dalam satu keluarga font. Bandingkan tiga line height.

Canva

Buat dua salinan halaman di Canva. Terapkan perubahan pada bentuk atau teks di versi kedua. Bandingkan pada ukuran tampil sebenarnya.

Figma

Duplikasikan frame di Figma. Ubah properti layer yang terkait, gunakan guides atau auto layout jika membantu, lalu bandingkan kedua frame.

Latihan dilakukan mandiri di aplikasi pilihanmu. Tidak diperlukan koneksi akun.

04 /

Teori terkait

Sumber & bacaan

Figma · Typography in design ↗

Rujukan diperiksa 1 Oktober 2026. Eksperimen dan brief dibuat khusus untuk belajar.

Teori desain adalah panduan untuk diuji dalam konteks, bukan hukum universal.