Gestalt Principles atau Teory Gestalt pada Visual Design
Apa itu Gestalt Principles atau Teori Gestalt
Gestalt theory dibangun oleh 3 ilmuwan asal Jerman yaitu Kurt Koffka, Max Wertheimer, dan Wolfgang Köhler. Gestalt adalah sebuah teori yang menjelaskan proses persepsi melalui pengorganisasian komponen-komponen sensasi yang memiliki hubungan, pola, ataupun kemiripan menjadi kesatuan (wikipedia). Nah, menurut teori gestalt otak manusia cenderung menghubungkan atau menggabungkan apa yang dilihatnya menjadi satu kesatuan yang utuh.
1. The law of proximity (Hukum kedekatan)
Hukum kedekatan menyatakan bahwa “hal-hal yang berdekatan atau menyatu tampak lebih terkait dan dianggap sebagai suatu kelompok dibandingkan hal-hal yang jaraknya berjauhan”.
Hukum kedekatan telah digunakan sejak lama, dan dapat dilihat di banyak tempat. Salah satu implementasi paling sederhana dari hukum ini di UX/UI adalah penempatan label di dekat kolom teks dalam for. Ini membantu memahami label dan bidang teks sebagai satu kesatuan.
2. The law of similarity (Hukum kesamaan)
The law of similarity states that “when things appear to be similar to each other, we group them together and we also tend to think they have the same functionality associated.”
Hukum kesamaan adalah aspek desain yang sangat sederhana namun penting. Di sini kolom dan tombol memiliki ukuran yang sama, namun karena warna tombol yang berbeda, pengguna mengetahui bahwa fungsinya berbeda. Bentuk, warna dan ukuran membantu membedakan fungsionalitas suatu elemen.
3. The law of focal point (Hukum titi fokus)
Hukum titik fokus menyatakan bahwa “apa pun yang menonjol secara visual akan direkam dan dijadikan perhatian pengguna dengan cepat pada saat pertama kali pengguna melihat keseluruhan objek”
Hukum titik fokus memainkan peran penting dalam desain, dari contoh di atas kita dapat menunjukkan bahwa tombol yang berbeda warna akan menarik perhatian pengguna dengan cepat. Ini membantu menemukan dan mencapai CTA(target) dalam waktu yang lebih singkat.
4. The law of common-region (Hukum wilayah bersama)
Hukum wilayah bersama terkadang dikacaukan dengan hukum kedekatan. Pernyataan tersebut menyatakan bahwa “ketika objek-objek ditempatkan dalam wilayah tertutup yang sama, kita menganggap objek-objek tersebut dikelompokkan bersama.”
Hukum wilayah umumnya dapat dilihat di situs web, seperti halaman produk di situs web mana pun. Ada bagian yang ditentukan dengan garis seperti kisaran harga, kategori. Ini adalah beberapa tampilan di mana hukum wilayah bersama berperan.
5. The law of closure (Hukum penutupan bentuk)
Hukum penutupan menyatakan bahwa “ketika kita melihat susunan elemen visual yang kompleks, kita cenderung mencari satu pola yang dapat dikenali.”
Sebuah prinsip dimana mata kita dapat melihat satu bentuk baru dari kedua atau lebih objek yang berada di grup tersebut. Closure bisa dikatakan kamuflase, jadi sebenarnya bukan benda tersebut yang ada pada gambar tetapi seperti beberapa objek yang ada berkamuflase menjadi bentuk yang baru ketika dilihat.
Hukum penutupan bentuk umumnya lebih terlihat dalam perancangan logo. Seperti logo FedEx, terdapat bentuk panah tersembunyi yang berasal dari pengamatan dan ide yang ada di ingatan Anda.
6. The law of figure-ground
Hukum figur-ground menyatakan bahwa “orang secara naluriah menganggap objek berada di latar depan atau di latar belakang”.
Sebuah prinsip dimana kemampuan otak kita melihat suatu objek atau elemen walaupun sebenarnya objek tersebut tidak ada atau bentuknya tidak sempurna.
Hukum figur-ground membantu kita melihat modal atau kotak dialog secara berbeda dari latar belakang.
7. The law of continuity (kesinambungan)
Hukum kontinuitas menyatakan bahwa “elemen-elemen yang tersusun pada suatu garis atau sebagai suatu garis bentuk, dianggap lebih berhubungan dibandingkan dengan elemen-elemen yang ditempatkan secara acak”.
Sebuah prinsip dimana beberapa objek diletakan sejajar dalam satu pola maka mata kita akan melihat dan mempersepsikan objek sebagai suatu kelompok karena adanya kesinambungan pola.
Hukum kontinuitas dapat dilihat di menu navigasi, menu dropdown, dll. Selanjutnya akan ada sub grup dari setiap kategori.
thankyou :)
Reference :
https://uxmisfit.com/2019/04/23/ui-design-in-practice-gestalt-principles/
https://www.smashingmagazine.com/2015/02/design-principles-dominance-focal-points-hierarchy/
