Pemula · Kelas 9–12
Hierarki visual
Perbedaan visual membantu menentukan urutan perhatian.
Laboratorium hierarki
Kemungkinan urutan perhatian
Simulasi hierarki visual
- Gambar
- Pesan pendukung
- Judul
- Detail
- Ajakan bertindak
Urutan dihitung dari ukuran, weight, kontras, dan luas objek. Ini ilustrasi heuristik, bukan data gerakan mata.
Pada poster, coba arahkan perhatian dari nama acara ke tanggal lalu lokasi. Ukuran, ketebalan, posisi, dan ruang dapat bekerja bersama untuk menandai urutan itu.
Mengapa penting?
Informasi utama dapat ditemukan dengan cepat saat pembaca hanya melihat sekilas.
Judul, tanggal, dan detail memiliki peran berbeda.
Bandingkan dua pendekatan
Semua tingkat teks tampak setara.
Judul, tanggal, dan detail memiliki peran berbeda.
Contoh untuk konteks ini. Pilihan terbaik bergantung pada pesan dan audiens.
Kesalahan yang sering terjadi
Membuat semua informasi besar dan tebal.
Refleksi siswa
Apa yang terlihat pertama, kedua, dan ketiga? Apakah sesuai tujuan?
Detektif desain ↗03 / CANVA + FIGMA
Coba di karya sendiri
Urutkan tiga informasi poster, lalu beri ukuran dan weight yang berbeda. Uji dengan melihatnya selama dua detik.
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.
Teori terkait
Sumber & bacaan
Figma · Visual hierarchy ↗Rujukan diperiksa 1 Oktober 2026. Eksperimen dan brief dibuat khusus untuk belajar.
Teori desain adalah panduan untuk diuji dalam konteks, bukan hukum universal.