Pemula · Kelas 9–12

Alignment

Tepi, pusat, atau baseline bersama menghubungkan elemen.

Laboratorium alignment

Tampilkan guides

Sejajarkan tepi kiri judul dan paragraf. Garis yang tidak terlihat itu dapat membuat keduanya terasa satu struktur tanpa kotak pembatas.

Hubungan visual lebih jelas dan mata tidak perlu mencari awal tiap baris.

↳ Hal yang perlu diingat

Tepi bersama menghubungkan judul dan isi.

01 /

A Petunjuk kurang jelas

Setiap blok punya tepi awal berbeda.

B Petunjuk lebih jelas

Tepi bersama menghubungkan judul dan isi.

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

Mencampur rata kiri, tengah, dan kanan tanpa tujuan.

Garis acuan mana yang menghubungkan informasi terkait?

03 / CANVA + FIGMA

Susun tiga kotak teks. Coba versi tepi kiri sejajar dan versi bergeser.

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

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 /

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

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