Prinsip Gestalt — Bagaimana Otak Mengorganisir Visual
Prinsip Gestalt menjelaskan bagaimana manusia secara natural mengelompokkan dan memahami elemen visual. Memahami prinsip ini membantu kamu membuat layout yang intuitif.
1. Proximity (Kedekatan)
Elemen yang dekat satu sama lain dianggap sebagai satu kelompok.
Implikasi UI:
- Field yang terkait (nama depan + belakang) harus berdekatan
- Spacing antar grup harus lebih besar dari spacing dalam grup
- Section yang berbeda dipisahkan oleh whitespace yang jelas
2. Similarity (Kesamaan)
Elemen yang terlihat mirip dianggap sebagai satu kelompok.
Implikasi UI:
- Semua clickable elements punya warna yang sama
- Heading level yang sama terlihat sama (font, size, weight)
- Icon style yang konsisten (outline semua atau filled semua)
3. Closure (Penutupan)
Otak melengkapi bentuk yang tidak lengkap — kita melihat keseluruhan meskipun ada bagian yang hilang.
Implikasi UI:
- Card tidak perlu border di semua sisi — padding dan background sudah cukup
- Progress bar yang terisi sebagian → otak tahu ini "belum selesai"
- Carousel yang menampilkan sedikit item berikutnya → user tahu ada lebih banyak
4. Continuity (Kesinambungan)
Mata mengikuti garis, kurva, atau arah yang smooth.
Implikasi UI:
- Alignment creates visual flow — elemen yang sejajar membimbing mata
- Timeline/stepper yang linear mudah diikuti
- Scroll direction yang konsisten (vertikal)
5. Figure-Ground (Figur-Latar)
Otak memisahkan foreground dari background.
Implikasi UI:
- Modal (foreground) + backdrop gelap (background) = jelas terpisah
- Card dengan background berbeda dari halaman = terlihat sebagai objek
- Shadow membuat elemen terasa "di depan" background
Penerapan Praktis
Saat mendesain layout, tanyakan:
- Proximity: Apakah elemen terkait sudah berdekatan?
- Similarity: Apakah elemen sejenis terlihat konsisten?
- Closure: Apakah user bisa memahami keseluruhan meskipun tidak semua terlihat?
- Figure-Ground: Apakah hierarki depth jelas?
Perhatikan Spotify — playlist cards menggunakan proximity (album art + title berdekatan), similarity (semua card sama style), dan figure-ground (cards "floating" di atas background gelap).
