Desain & UI/UX
Hierarki Visual
Definisi
Hierarki visual adalah penataan elemen desain sedemikian rupa sehingga mata pengguna diarahkan pada informasi terpenting terlebih dahulu. Hierarki dibangun lewat perbedaan ukuran, warna, kontras, jarak, dan posisi. Elemen yang lebih besar atau lebih mencolok cenderung dilihat lebih dulu. Tanpa hierarki yang baik, semua elemen tampak sama penting dan membingungkan.
Mengapa Penting?
Hierarki yang jelas membantu pengguna memahami isi halaman dengan cepat dan menemukan tindakan utama tanpa usaha berlebih.
Contoh Penerapan
Judul besar diikuti subjudul lebih kecil dan tombol utama berwarna kontras di bagian atas halaman.
Istilah Terkait
Visual HierarchyTipografiWhite SpaceTeori Warna